@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Cabin:400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Bree+Serif&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Comfortaa:400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Crete+Round&subset=latin-ext");
html {
    /* 1 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 3 */
    background: #fff;
    color: #666;
}

body {
    margin: 0;
}

a {
    -webkit-text-decoration-skip: objects;
}


/*
 * Remove the outline on focused links when they are also active or hovered
 */

a:active,
a:hover {
    outline: none;
}


/*
 * Style
 */

a,
.uk-link {
    color: #1e87f0;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
.uk-link:hover {
    color: #0f6ecd;
    text-decoration: underline;
}

td{border: 1px solid #d5d2d2;
    padding: 10px;}
/* Text-level semantics
 ========================================================================== */


/*
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}


/*
 * 1. Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 * 2. Add the correct font weight in Chrome, Edge, and Safari.
 */


/* 1 */

b,
strong {
    font-weight: inherit;
}


/* 2 */

b,
strong {
    font-weight: bolder;
}


/*
 * 1. Correct the odd `em` font sizing in all browsers.
 * 2. Consolas has a better baseline in running text compared to `Courier`
 * 3. Style
 */

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
    /* 1 */
    font-size: 0.875rem;
    /* 2 */
    font-family: Consolas, monaco, monospace;
    /* 3 */
    color: #f0506e;
    white-space: nowrap;
}


/*
 * Emphasize
 */

em {
    color: #f0506e;
}


/*
 * Insert
 */

ins {
    background: #ffd;
    color: #666;
    text-decoration: none;
}


/*
 * Mark
 */

mark {
    background: #ffd;
    color: #666;
}


/*
 * Quote
 */

q {
    font-style: italic;
}


/*
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}


/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Embedded content
 ========================================================================== */


/*
 * Remove the gap between embedded content and the bottom of their containers.
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


/*
 * Responsiveness
 * 1. Set a maximum width
 * 2. Auto scale the height. Only needed if `height` attribute is present
 * 2. Corrects `max-width` behavior if padding and border are used
 */

audio,
canvas,
img,
video {
    /* 1 */
    max-width: 100%;
    /* 2 */
    height: auto;
    /* 3 */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}


/* Block elements
 ========================================================================== */


/*
 * Margins
 */

p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
    margin: 0 0 16px 0;
}


/* Add margin if adjacent element */

*+p,
*+ul,
*+ol,
*+dl,
*+pre,
*+address,
*+fieldset,
*+figure {
    margin-top: 16px;
}


/* Headings
 ========================================================================== */

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
    margin: 0 0 16px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: normal;
    color: #333;
    text-transform: none;
}


/* Add margin if adjacent element */

*+h1,
*+.uk-h1,
*+h2,
*+.uk-h2,
*+h3,
*+.uk-h3,
*+h4,
*+.uk-h4,
*+h5,
*+.uk-h5,
*+h6,
*+.uk-h6 {
    margin-top: 40px;
}


/*
 * Sizes
 */

h1,
.uk-h1 {
    font-size: 2.625rem;
    line-height: 1.2;
}

h2,
.uk-h2 {
    font-size: 2rem;
    line-height: 1.3;
}

h3,
.uk-h3 {
    font-size: 1.5rem;
    line-height: 1.4;
}

h4,
.uk-h4 {
    font-size: 1.25rem;
    line-height: 1.4;
}

h5,
.uk-h5 {
    font-size: 16px;
    line-height: 1.4;
}

h6,
.uk-h6 {
    font-size: 0.875rem;
    line-height: 1.4;
}


/* Lists
 ========================================================================== */

ul,
ol {
    padding-left: 30px;
}


/*
 * Reset margin for nested lists
 */

ul>li>ul,
ul>li>ol,
ol>li>ol,
ol>li>ul {
    margin: 0;
}


/* Description lists
 ========================================================================== */

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}


/* Horizontal rules
 ========================================================================== */


/*
 * 1. Add the correct box sizing and height in Firefox.
 * 2. Show the overflow in Edge and IE.
 * 3. Add the correct text-align in Edge and IE.
 * 4. Style
 */

hr,
.uk-hr {
    /* 1 */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    /* 2 */
    overflow: visible;
    /* 3 */
    text-align: inherit;
    /* 4 */
    margin: 0 0 16px 0;
    border: 0;
    border-top: 1px solid #e5e5e5;
}


/* Add margin if adjacent element */

*+hr,
*+.uk-hr {
    margin-top: 16px;
}


/* Address
 ========================================================================== */

address {
    font-style: normal;
}


/* Blockquotes
 ========================================================================== */

blockquote {
    margin: 0 0 16px 0;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
}


/* Add margin if adjacent element */

*+blockquote {
    margin-top: 16px;
}


/*
 * Content
 */

blockquote p:last-of-type {
    margin-bottom: 0;
}

blockquote footer {
    margin-top: 10px;
    font-size: 0.875rem;
    line-height: 1.5;
}


/* Preformatted text
 ========================================================================== */


/*
 * 1. Contain overflow in all browsers.
 * 2. Override UA
 */

pre {
    font: 0.875rem / 1.5 Consolas, monaco, monospace;
    color: #666;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    /* 1 */
    overflow: auto;
}

pre code {
    font-family: Consolas, monaco, monospace;
}


/* Selection pseudo-element
 ========================================================================== */

::-moz-selection {
    background: #39f;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none;
}


/* HTML5 elements
 ========================================================================== */


/*
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

details,
main {
    /* 2 */
    display: block;
}


/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}


/*
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}


/*
 * Add the correct display in IE.
 */

template {
    display: none;
}


/* Iframe
 ========================================================================== */

iframe {
    border: 0;
}


/* Prevent the 300ms delay for touchscreen interactions
 ========================================================================== */


/*
 * Most browsers prevent the 300ms delay automatically for sites that use the `width=device-width` property.
 * For Safari on iOS 9.3+, IE 11 and Edge on desktops and IE 11 on Windows Phone 8.1 it must be applied manually.
 */

a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}


/* Pass media breakpoints to JS
 ========================================================================== */


/*
 * Breakpoints
 */

.var-media-s::before {
    content: "640px";
}

.var-media-m::before {
    content: "960px";
}

.var-media-l::before {
    content: "1200px";
}

.var-media-xl::before {
    content: "1600px";
}


/* ========================================================================
   Component: Link
 ========================================================================== */


/* Muted
 ========================================================================== */

a.uk-link-muted,
.uk-link-muted a {
    color: #999;
}

a.uk-link-muted:hover,
.uk-link-muted a:hover {
    color: #666;
}


/* Text
 ========================================================================== */


/*
 * `!important` needed to override inverse component
 */

a.uk-link-text:not(:hover),
.uk-link-text a:not(:hover) {
    color: inherit !important;
}

a.uk-link-text:hover,
.uk-link-text a:hover {
    color: #999;
}


/* Reset
 ========================================================================== */


/*
 * `!important` needed to override inverse component
 */

a.uk-link-reset,
a.uk-link-reset:hover,
.uk-link-reset a,
.uk-link-reset a:hover {
    color: inherit !important;
    text-decoration: none !important;
}


/* ========================================================================
   Component: Divider
 ========================================================================== */


/*
 * 1. Reset default `hr`
 * 2. Set margin if a `div` is used for semantical reason
 */

[class*='uk-divider'] {
    /* 1 */
    border: none;
    /* 2 */
    margin-bottom: 16px;
}


/* Add margin if adjacent element */

*+[class*='uk-divider'] {
    margin-top: 16px;
}


/* Icon
 ========================================================================== */

.uk-divider-icon {
    position: relative;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.uk-divider-icon::before,
.uk-divider-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    max-width: calc(50% - (50px / 2));
    border-bottom: 1px solid #e5e5e5;
}

.uk-divider-icon::before {
    right: calc(50% + (50px / 2));
    width: 100%;
}

.uk-divider-icon::after {
    left: calc(50% + (50px / 2));
    width: 100%;
}


/* Small
 ========================================================================== */


/*
 * Reset child height, caused by `inline-block`
 */

.uk-divider-small {
    line-height: 0;
}

.uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 100px;
    max-width: 100%;
    border-top: 1px solid #e5e5e5;
    vertical-align: top;
}


/* ========================================================================
   Component: List
 ========================================================================== */

.uk-list {
    padding: 0;
    list-style: none;
}


/*
 * Micro clearfix
 */

.uk-list>li::before,
.uk-list>li::after {
    content: "";
    display: table;
}

.uk-list>li::after {
    clear: both;
}


/*
 * Remove margin from the last-child
 */

.uk-list>li> :last-child {
    margin-bottom: 0;
}


/*
 * Nested lists
 */

.uk-list ul {
    margin: 0;
    padding-left: 30px;
    list-style: none;
}


/*
 * Style
 */

.uk-list>li:nth-child(n+2),
.uk-list>li>ul {
    margin-top: 10px;
}


/* Style modifiers
 ========================================================================== */


/*
 * Divider
 */

.uk-list-divider>li:nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}


/*
 * Striped
 */

.uk-list-striped>li {
    padding: 10px 10px;
}

.uk-list-striped>li:nth-of-type(odd) {
    background: #f8f8f8;
}

.uk-list-striped>li:nth-child(n+2) {
    margin-top: 0;
}


/*
 * Bullet
 */

.uk-list-bullet>li {
    position: relative;
    padding-left: calc(1.5em + 10px);
}

.uk-list-bullet>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: left;
}


/* Size modifier
 ========================================================================== */

.uk-list-large>li:nth-child(n+2),
.uk-list-large>li>ul {
    margin-top: 16px;
}


/*
 * Divider
 */

.uk-list-large.uk-list-divider>li:nth-child(n+2) {
    margin-top: 16px;
    padding-top: 16px;
}


/*
 * Striped
 */

.uk-list-large.uk-list-striped>li {
    padding: 16px 10px;
}

.uk-list-large.uk-list-striped>li:nth-child(n+2) {
    margin-top: 0;
}


/* ========================================================================
   Component: Icon
 ========================================================================== */


/*
 * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component.
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Remove border-radius in Chrome.
 * 4. Address `overflow` set to `hidden` in IE.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 7. Remove default `button` padding and background color
 * 8. Style
 * 9. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 10. Let the container fit the height of the icon
 */

.uk-icon {
    /* 1 */
    margin: 0;
    /* 2 */
    border: none;
    /* 3 */
    border-radius: 0;
    /* 4 */
    overflow: visible;
    /* 5 */
    font: inherit;
    color: inherit;
    /* 6 */
    text-transform: none;
    /* 7. */
    padding: 0;
    background-color: transparent;
    /* 8 */
    display: inline-block;
    /* 9 */
    fill: currentcolor;
    /* 10 */
    line-height: 0;
}


/* Required for `button`. */

button.uk-icon:not(:disabled) {
    cursor: pointer;
}


/*
 * Remove the inner border and padding in Firefox.
 */

.uk-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/*
 * Set the fill and stroke color of all SVG elements to the current text color
 * 1. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+
 */

.uk-icon [fill*='#']:not(.uk-preserve),
.uk-icon [FILL*='#']:not(.uk-preserve) {
    fill: currentcolor;
}

.uk-icon [stroke*='#']:not(.uk-preserve),
.uk-icon [STROKE*='#']:not(.uk-preserve) {
    stroke: currentcolor;
}


/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */

.uk-icon>* {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}


/* Image modifier
 ========================================================================== */


/*
 * Display images in icon dimensions
 */

.uk-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}


/* Style modifiers
 ========================================================================== */


/*
 * Link
 */

.uk-icon-link {
    color: #999;
}

.uk-icon-link:hover,
.uk-icon-link:focus {
    color: #666;
    outline: none;
}


/* OnClick + Active */

.uk-icon-link:active,
.uk-active>.uk-icon-link {
    color: #595959;
}


/*
 * Button
 * 1. Center icon vertically and horizontally
 */

.uk-icon-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #f8f8f8;
    color: #999;
    vertical-align: middle;
    /* 1 */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/* Hover + Focus */

.uk-icon-button:hover,
.uk-icon-button:focus {
    background-color: #ebebeb;
    color: #666;
    outline: none;
}


/* OnClick + Active */

.uk-icon-button:active,
.uk-active>.uk-icon-button {
    background-color: #dfdfdf;
    color: #666;
}


/* ========================================================================
   Component: Button
 ========================================================================== */


/*
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Remove border-radius in Chrome.
 * 4. Address `overflow` set to `hidden` in IE.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 7. Style
 * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
 *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
 * 9. Align text if button has a width
 * 10. Required for `a`.
 */

.uk-button {
    /* 1 */
    margin: 0;
    /* 2 */
    border: none;
    /* 3 */
    border-radius: 0;
    /* 4 */
    overflow: visible;
    /* 5 */
    font: inherit;
    color: inherit;
    /* 6 */
    text-transform: none;
    /* 7 */
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 16px;
    /* 8 */
    line-height: 40px;
    /* 9 */
    text-align: center;
    /* 10 */
    text-decoration: none;
}

.uk-button:not(:disabled) {
    cursor: pointer;
}


/*
 * Remove the inner border and padding in Firefox.
 */

.uk-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Hover */

.uk-button:hover {
    /* 8 */
    text-decoration: none;
}


/* Focus */

.uk-button:focus {
    outline: none;
}


/* OnClick + Active */


/* Style modifiers
 ========================================================================== */


/*
 * Default
 */

.uk-button-default {
    background-color: #f8f8f8;
    color: #333;
}


/* Hover + Focus */

.uk-button-default:hover,
.uk-button-default:focus {
    background-color: #ebebeb;
    color: #333;
}


/* OnClick + Active */

.uk-button-default:active,
.uk-button-default.uk-active {
    background-color: #dfdfdf;
    color: #333;
}


/*
 * Primary
 */

.uk-button-primary {
    background-color: #1e87f0;
    color: #fff;
}


/* Hover + Focus */

.uk-button-primary:hover,
.uk-button-primary:focus {
    background-color: #0f7ae5;
    color: #fff;
}


/* OnClick + Active */

.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #0e6ecd;
    color: #fff;
}


/*
 * Secondary
 */

.uk-button-secondary {
    background-color: #222;
    color: #fff;
}


/* Hover + Focus */

.uk-button-secondary:hover,
.uk-button-secondary:focus {
    background-color: #151515;
    color: #fff;
}


/* OnClick + Active */

.uk-button-secondary:active,
.uk-button-secondary.uk-active {
    background-color: #090909;
    color: #fff;
}


/*
 * Danger
 */

.uk-button-danger {
    background-color: #f0506e;
    color: #fff;
}


/* Hover + Focus */

.uk-button-danger:hover,
.uk-button-danger:focus {
    background-color: #ee395b;
    color: #fff;
}


/* OnClick + Active */

.uk-button-danger:active,
.uk-button-danger.uk-active {
    background-color: #ec2147;
    color: #fff;
}


/*
 * Disabled
 * The same for all style modifiers
 */

.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
    background-color: #f8f8f8;
    color: #999;
}


/* Size modifiers
 ========================================================================== */

.uk-button-small {
    padding: 0 15px;
    line-height: 30px;
    font-size: 0.875rem;
}

.uk-button-large {
    padding: 0 16px;
    line-height: 55px;
    font-size: 1.25rem;
}


/* Text modifiers
 ========================================================================== */


/*
 * Text
 * 1. Reset
 * 2. Style
 */

.uk-button-text {
    /* 1 */
    padding: 0;
    line-height: 1.5;
    background: none;
    /* 2 */
    color: #999;
}


/* Hover + Focus */

.uk-button-text:hover,
.uk-button-text:focus {
    color: #666;
}


/* Disabled */

.uk-button-text:disabled {
    color: #999;
}


/*
 * Link
 * 1. Reset
 * 2. Style
 */

.uk-button-link {
    /* 1 */
    padding: 0;
    line-height: 1.5;
    background: none;
    /* 2 */
    color: #1e87f0;
}


/* Hover + Focus */

.uk-button-link:hover,
.uk-button-link:focus {
    color: #0f6ecd;
    text-decoration: underline;
}


/* Disabled */

.uk-button-link:disabled {
    color: #999;
    text-decoration: none;
}


/* Group
 ========================================================================== */


/*
 * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements
 * 2. Behave like button
 * 3. Create position context
 */

.uk-button-group {
    /* 1 */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* 2 */
    vertical-align: middle;
    /* 3 */
    position: relative;
}


/* ========================================================================
   Component: Section
 ========================================================================== */


/*
 * 1. Make it work with `100vh` and height in general
 */

.uk-section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding-top: 40px;
    padding-bottom: 40px;
}


/* Desktop and bigger */

@media (min-width: 960px) {
    .uk-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}


/*
 * Micro clearfix
 */

.uk-section::before,
.uk-section::after {
    content: "";
    display: table;
}

.uk-section::after {
    clear: both;
}


/*
 * Remove margin from the last-child
 */

.uk-section> :last-child {
    margin-bottom: 0;
}


/* Size modifiers
 ========================================================================== */


/*
 * XSmall
 */

.uk-section-xsmall {
    padding-top: 16px;
    padding-bottom: 16px;
}


/*
 * Small
 */

.uk-section-small {
    padding-top: 40px;
    padding-bottom: 40px;
}


/*
 * Large
 */

.uk-section-large {
    padding-top: 70px;
    padding-bottom: 70px;
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-section-large {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}


/*
 * XLarge
 */

.uk-section-xlarge {
    padding-top: 140px;
    padding-bottom: 140px;
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-section-xlarge {
        padding-top: 210px;
        padding-bottom: 210px;
    }
}


/* Style modifiers
 ========================================================================== */


/*
 * Default
 */

.uk-section-default {
    background: #fff;
}


/*
 * Muted
 */

.uk-section-muted {
    background: #f8f8f8;
}


/*
 * Primary
 */

.uk-section-primary {
    background: #1e87f0;
}


/*
 * Secondary
 */

.uk-section-secondary {
    background: #222;
}


/* Overlap modifier
 ========================================================================== */


/*
 * Reserved modifier to make a section overlap another section with an border image
 * Implemented by the theme
 */


/* ========================================================================
   Component: Container
 ========================================================================== */


/*
 * 1. Box sizing has to be `content-box` so the max-width is always the same and
 *    unaffected by the padding on different breakpoints. It's important for the size modifiers.
 */

.uk-container,
.homepage-showcase .hs-container,
.mod-mini-search-body .ems-form-inner,
.pageDefault,
.prd-list-cover-holder .cover-content,
.ems-serial-cover .content-holder,
.compareHolder .compareMenuHolder,
.compareHolder .compareContent,
.page-compare {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    max-width: 1136px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-container,
    .homepage-showcase .hs-container,
    .mod-mini-search-body .ems-form-inner,
    .pageDefault,
    .prd-list-cover-holder .cover-content,
    .ems-serial-cover .content-holder,
    .compareHolder .compareMenuHolder,
    .compareHolder .compareContent,
    .page-compare {
        padding-left: 30px;
        padding-right: 30px;
    }
	
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-container,
    .homepage-showcase .hs-container,
    .mod-mini-search-body .ems-form-inner,
    .pageDefault,
    .prd-list-cover-holder .cover-content,
    .ems-serial-cover .content-holder,
    .compareHolder .compareMenuHolder,
    .compareHolder .compareContent,
    .page-compare {
        padding-left: 16px;
        padding-right: 16px;
    }
}


/*
 * Micro clearfix
 */

.uk-container::before,
.homepage-showcase .hs-container::before,
.mod-mini-search-body .ems-form-inner::before,
.pageDefault::before,
.prd-list-cover-holder .cover-content::before,
.ems-serial-cover .content-holder::before,
.compareHolder .compareMenuHolder::before,
.compareHolder .compareContent::before,
.page-compare::before,
.uk-container::after,
.homepage-showcase .hs-container::after,
.mod-mini-search-body .ems-form-inner::after,
.pageDefault::after,
.prd-list-cover-holder .cover-content::after,
.ems-serial-cover .content-holder::after,
.compareHolder .compareMenuHolder::after,
.compareHolder .compareContent::after,
.page-compare::after {
    content: "";
    display: table;
}

.uk-container::after,
.homepage-showcase .hs-container::after,
.mod-mini-search-body .ems-form-inner::after,
.pageDefault::after,
.prd-list-cover-holder .cover-content::after,
.ems-serial-cover .content-holder::after,
.compareHolder .compareMenuHolder::after,
.compareHolder .compareContent::after,
.page-compare::after {
    clear: both;
}


/*
 * Remove margin from the last-child
 */

.uk-container> :last-child,
.homepage-showcase .hs-container> :last-child,
.mod-mini-search-body .ems-form-inner> :last-child,
.pageDefault> :last-child,
.prd-list-cover-holder .cover-content> :last-child,
.ems-serial-cover .content-holder> :last-child,
.compareHolder .compareMenuHolder> :last-child,
.compareHolder .compareContent> :last-child,
.page-compare> :last-child {
    margin-bottom: 0;
}


/*
 * Remove padding from nested containers
 */

.uk-container .uk-container,
.homepage-showcase .hs-container .uk-container,
.mod-mini-search-body .ems-form-inner .uk-container,
.pageDefault .uk-container,
.prd-list-cover-holder .cover-content .uk-container,
.ems-serial-cover .content-holder .uk-container,
.compareHolder .compareMenuHolder .uk-container,
.compareHolder .compareContent .uk-container,
.page-compare .uk-container,
.uk-container .homepage-showcase .hs-container,
.homepage-showcase .uk-container .hs-container,
.homepage-showcase .hs-container .hs-container,
.mod-mini-search-body .ems-form-inner .homepage-showcase .hs-container,
.homepage-showcase .mod-mini-search-body .ems-form-inner .hs-container,
.pageDefault .homepage-showcase .hs-container,
.homepage-showcase .pageDefault .hs-container,
.prd-list-cover-holder .cover-content .homepage-showcase .hs-container,
.homepage-showcase .prd-list-cover-holder .cover-content .hs-container,
.ems-serial-cover .content-holder .homepage-showcase .hs-container,
.homepage-showcase .ems-serial-cover .content-holder .hs-container,
.compareHolder .compareMenuHolder .homepage-showcase .hs-container,
.homepage-showcase .compareHolder .compareMenuHolder .hs-container,
.compareHolder .compareContent .homepage-showcase .hs-container,
.homepage-showcase .compareHolder .compareContent .hs-container,
.page-compare .homepage-showcase .hs-container,
.homepage-showcase .page-compare .hs-container,
.uk-container .mod-mini-search-body .ems-form-inner,
.mod-mini-search-body .uk-container .ems-form-inner,
.homepage-showcase .hs-container .mod-mini-search-body .ems-form-inner,
.mod-mini-search-body .homepage-showcase .hs-container .ems-form-inner,
.mod-mini-search-body .ems-form-inner .ems-form-inner,
.pageDefault .mod-mini-search-body .ems-form-inner,
.mod-mini-search-body .pageDefault .ems-form-inner,
.prd-list-cover-holder .cover-content .mod-mini-search-body .ems-form-inner,
.mod-mini-search-body .prd-list-cover-holder .cover-content .ems-form-inner,
.ems-serial-cover .content-holder .mod-mini-search-body .ems-form-inner,
.mod-mini-search-body .ems-serial-cover .content-holder .ems-form-inner,
.compareHolder .compareMenuHolder .mod-mini-search-body .ems-form-inner,
.mod-mini-search-body .compareHolder .compareMenuHolder .ems-form-inner,
.compareHolder .compareContent .mod-mini-search-body .ems-form-inner,
.mod-mini-search-body .compareHolder .compareContent .ems-form-inner,
.page-compare .mod-mini-search-body .ems-form-inner,
.mod-mini-search-body .page-compare .ems-form-inner,
.uk-container .pageDefault,
.homepage-showcase .hs-container .pageDefault,
.mod-mini-search-body .ems-form-inner .pageDefault,
.pageDefault .pageDefault,
.prd-list-cover-holder .cover-content .pageDefault,
.ems-serial-cover .content-holder .pageDefault,
.compareHolder .compareMenuHolder .pageDefault,
.compareHolder .compareContent .pageDefault,
.page-compare .pageDefault,
.uk-container .prd-list-cover-holder .cover-content,
.prd-list-cover-holder .uk-container .cover-content,
.homepage-showcase .hs-container .prd-list-cover-holder .cover-content,
.prd-list-cover-holder .homepage-showcase .hs-container .cover-content,
.mod-mini-search-body .ems-form-inner .prd-list-cover-holder .cover-content,
.prd-list-cover-holder .mod-mini-search-body .ems-form-inner .cover-content,
.pageDefault .prd-list-cover-holder .cover-content,
.prd-list-cover-holder .pageDefault .cover-content,
.prd-list-cover-holder .cover-content .cover-content,
.ems-serial-cover .content-holder .prd-list-cover-holder .cover-content,
.prd-list-cover-holder .ems-serial-cover .content-holder .cover-content,
.compareHolder .compareMenuHolder .prd-list-cover-holder .cover-content,
.prd-list-cover-holder .compareHolder .compareMenuHolder .cover-content,
.compareHolder .compareContent .prd-list-cover-holder .cover-content,
.prd-list-cover-holder .compareHolder .compareContent .cover-content,
.page-compare .prd-list-cover-holder .cover-content,
.prd-list-cover-holder .page-compare .cover-content,
.uk-container .ems-serial-cover .content-holder,
.ems-serial-cover .uk-container .content-holder,
.homepage-showcase .hs-container .ems-serial-cover .content-holder,
.ems-serial-cover .homepage-showcase .hs-container .content-holder,
.mod-mini-search-body .ems-form-inner .ems-serial-cover .content-holder,
.ems-serial-cover .mod-mini-search-body .ems-form-inner .content-holder,
.pageDefault .ems-serial-cover .content-holder,
.ems-serial-cover .pageDefault .content-holder,
.prd-list-cover-holder .cover-content .ems-serial-cover .content-holder,
.ems-serial-cover .prd-list-cover-holder .cover-content .content-holder,
.ems-serial-cover .content-holder .content-holder,
.compareHolder .compareMenuHolder .ems-serial-cover .content-holder,
.ems-serial-cover .compareHolder .compareMenuHolder .content-holder,
.compareHolder .compareContent .ems-serial-cover .content-holder,
.ems-serial-cover .compareHolder .compareContent .content-holder,
.page-compare .ems-serial-cover .content-holder,
.ems-serial-cover .page-compare .content-holder,
.uk-container .compareHolder .compareMenuHolder,
.compareHolder .uk-container .compareMenuHolder,
.homepage-showcase .hs-container .compareHolder .compareMenuHolder,
.compareHolder .homepage-showcase .hs-container .compareMenuHolder,
.mod-mini-search-body .ems-form-inner .compareHolder .compareMenuHolder,
.compareHolder .mod-mini-search-body .ems-form-inner .compareMenuHolder,
.pageDefault .compareHolder .compareMenuHolder,
.compareHolder .pageDefault .compareMenuHolder,
.prd-list-cover-holder .cover-content .compareHolder .compareMenuHolder,
.compareHolder .prd-list-cover-holder .cover-content .compareMenuHolder,
.ems-serial-cover .content-holder .compareHolder .compareMenuHolder,
.compareHolder .ems-serial-cover .content-holder .compareMenuHolder,
.compareHolder .compareMenuHolder .compareMenuHolder,
.compareHolder .compareContent .compareMenuHolder,
.page-compare .compareHolder .compareMenuHolder,
.compareHolder .page-compare .compareMenuHolder,
.uk-container .compareHolder .compareContent,
.compareHolder .uk-container .compareContent,
.homepage-showcase .hs-container .compareHolder .compareContent,
.compareHolder .homepage-showcase .hs-container .compareContent,
.mod-mini-search-body .ems-form-inner .compareHolder .compareContent,
.compareHolder .mod-mini-search-body .ems-form-inner .compareContent,
.pageDefault .compareHolder .compareContent,
.compareHolder .pageDefault .compareContent,
.prd-list-cover-holder .cover-content .compareHolder .compareContent,
.compareHolder .prd-list-cover-holder .cover-content .compareContent,
.ems-serial-cover .content-holder .compareHolder .compareContent,
.compareHolder .ems-serial-cover .content-holder .compareContent,
.compareHolder .compareMenuHolder .compareContent,
.compareHolder .compareContent .compareContent,
.page-compare .compareHolder .compareContent,
.compareHolder .page-compare .compareContent,
.uk-container .page-compare,
.homepage-showcase .hs-container .page-compare,
.mod-mini-search-body .ems-form-inner .page-compare,
.pageDefault .page-compare,
.prd-list-cover-holder .cover-content .page-compare,
.ems-serial-cover .content-holder .page-compare,
.compareHolder .compareMenuHolder .page-compare,
.compareHolder .compareContent .page-compare,
.page-compare .page-compare {
    padding-left: 0;
    padding-right: 0;
}


/* Size modifier
 ========================================================================== */

.uk-container-small {
    max-width: 900px;
}

.uk-container-large {
    max-width: 1600px;
}

.uk-container-expand {
    max-width: none;
}


/* ========================================================================
   Component: Grid
 ========================================================================== */


/*
 * 1. Allow cells to wrap into the next line
 * 2. Reset list
 */

.uk-grid,
.icerikTemplateListeContainer,
.kutuBodyBulten,
.kutuHeaderBulten,
.ems-page-corporate-list .icerikTemplateListeContainer,
.ems-page-corporate-detail .page-groups-building-products,
.ems-page-design-inner .designers-wrapper .dwc-group ul,
.ems-product-list .ems-prd-list .emosInfinite,
.bathroom-collections-wrapper .bcw-holder,
.ems-series-list .emosInfinite,
.ems-prd-general-info-holder .feature-group,
.ems-prd-general-info-holder .series-gallery .swiper-slide,
.ems-prd-karo .prd-tag,
.urunKiyaslamaIcerik>table>tbody>tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 1 */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 2 */
    margin: 0;
    padding: 0;
    list-style: none;
}


/*
 * Grid cell
 * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
 * Reset margin for e.g. paragraphs
 */

.uk-grid>*,
.icerikTemplateListeContainer>*,
.kutuBodyBulten>*,
.kutuHeaderBulten>*,
.ems-page-corporate-list .icerikTemplateListeContainer>*,
.ems-page-corporate-detail .page-groups-building-products>*,
.ems-page-design-inner .designers-wrapper .dwc-group ul>*,
.ems-product-list .ems-prd-list .emosInfinite>*,
.bathroom-collections-wrapper .bcw-holder>*,
.ems-series-list .emosInfinite>*,
.ems-prd-general-info-holder .feature-group>*,
.ems-prd-general-info-holder .series-gallery .swiper-slide>*,
.ems-prd-karo .prd-tag>*,
.urunKiyaslamaIcerik>table>tbody>tr>* {
    margin: 0;
}


/*
 * Remove margin from the last-child
 */

.uk-grid>*> :last-child,
.icerikTemplateListeContainer>*> :last-child,
.kutuBodyBulten>*> :last-child,
.kutuHeaderBulten>*> :last-child,
.ems-page-corporate-list .icerikTemplateListeContainer>*> :last-child,
.ems-page-corporate-detail .page-groups-building-products>*> :last-child,
.ems-page-design-inner .designers-wrapper .dwc-group ul>*> :last-child,
.ems-product-list .ems-prd-list .emosInfinite>*> :last-child,
.bathroom-collections-wrapper .bcw-holder>*> :last-child,
.ems-series-list .emosInfinite>*> :last-child,
.ems-prd-general-info-holder .feature-group>*> :last-child,
.ems-prd-general-info-holder .series-gallery .swiper-slide>*> :last-child,
.ems-prd-karo .prd-tag>*> :last-child,
.urunKiyaslamaIcerik>table>tbody>tr>*> :last-child {
    margin-bottom: 0;
}


/* Gutter
 ========================================================================== */


/*
 * Default
 */


/* Horizontal */

.uk-grid,
.icerikTemplateListeContainer,
.kutuBodyBulten,
.kutuHeaderBulten,
.ems-page-corporate-list .icerikTemplateListeContainer,
.ems-page-corporate-detail .page-groups-building-products,
.ems-page-design-inner .designers-wrapper .dwc-group ul,
.ems-product-list .ems-prd-list .emosInfinite,
.bathroom-collections-wrapper .bcw-holder,
.ems-series-list .emosInfinite,
.ems-prd-general-info-holder .feature-group,
.ems-prd-general-info-holder .series-gallery .swiper-slide,
.ems-prd-karo .prd-tag,
.urunKiyaslamaIcerik>table>tbody>tr {
    margin-left: -16px;
}

.uk-grid>*,
.icerikTemplateListeContainer>*,
.kutuBodyBulten>*,
.kutuHeaderBulten>*,
.ems-page-corporate-list .icerikTemplateListeContainer>*,
.ems-page-corporate-detail .page-groups-building-products>*,
.ems-page-design-inner .designers-wrapper .dwc-group ul>*,
.ems-product-list .ems-prd-list .emosInfinite>*,
.bathroom-collections-wrapper .bcw-holder>*,
.ems-series-list .emosInfinite>*,
.ems-prd-general-info-holder .feature-group>*,
.ems-prd-general-info-holder .series-gallery .swiper-slide>*,
.ems-prd-karo .prd-tag>*,
.urunKiyaslamaIcerik>table>tbody>tr>* {
    padding-left: 16px;
}


/* Vertical */

.uk-grid+.uk-grid,
.icerikTemplateListeContainer+.uk-grid,
.kutuBodyBulten+.uk-grid,
.kutuHeaderBulten+.uk-grid,
.ems-page-corporate-list .icerikTemplateListeContainer+.uk-grid,
.ems-page-corporate-detail .page-groups-building-products+.uk-grid,
.ems-page-design-inner .designers-wrapper .dwc-group ul+.uk-grid,
.ems-product-list .ems-prd-list .emosInfinite+.uk-grid,
.bathroom-collections-wrapper .bcw-holder+.uk-grid,
.ems-series-list .emosInfinite+.uk-grid,
.ems-prd-general-info-holder .feature-group+.uk-grid,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.uk-grid,
.ems-prd-karo .prd-tag+.uk-grid,
.urunKiyaslamaIcerik>table>tbody>tr+.uk-grid,
.uk-grid+.icerikTemplateListeContainer,
.icerikTemplateListeContainer+.icerikTemplateListeContainer,
.kutuBodyBulten+.icerikTemplateListeContainer,
.kutuHeaderBulten+.icerikTemplateListeContainer,
.ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
.ems-page-corporate-detail .page-groups-building-products+.icerikTemplateListeContainer,
.ems-page-design-inner .designers-wrapper .dwc-group ul+.icerikTemplateListeContainer,
.ems-product-list .ems-prd-list .emosInfinite+.icerikTemplateListeContainer,
.bathroom-collections-wrapper .bcw-holder+.icerikTemplateListeContainer,
.ems-series-list .emosInfinite+.icerikTemplateListeContainer,
.ems-prd-general-info-holder .feature-group+.icerikTemplateListeContainer,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.icerikTemplateListeContainer,
.ems-prd-karo .prd-tag+.icerikTemplateListeContainer,
.urunKiyaslamaIcerik>table>tbody>tr+.icerikTemplateListeContainer,
.uk-grid+.kutuBodyBulten,
.icerikTemplateListeContainer+.kutuBodyBulten,
.kutuBodyBulten+.kutuBodyBulten,
.kutuHeaderBulten+.kutuBodyBulten,
.ems-page-corporate-list .icerikTemplateListeContainer+.kutuBodyBulten,
.ems-page-corporate-detail .page-groups-building-products+.kutuBodyBulten,
.ems-page-design-inner .designers-wrapper .dwc-group ul+.kutuBodyBulten,
.ems-product-list .ems-prd-list .emosInfinite+.kutuBodyBulten,
.bathroom-collections-wrapper .bcw-holder+.kutuBodyBulten,
.ems-series-list .emosInfinite+.kutuBodyBulten,
.ems-prd-general-info-holder .feature-group+.kutuBodyBulten,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.kutuBodyBulten,
.ems-prd-karo .prd-tag+.kutuBodyBulten,
.urunKiyaslamaIcerik>table>tbody>tr+.kutuBodyBulten,
.uk-grid+.kutuHeaderBulten,
.icerikTemplateListeContainer+.kutuHeaderBulten,
.kutuBodyBulten+.kutuHeaderBulten,
.kutuHeaderBulten+.kutuHeaderBulten,
.ems-page-corporate-list .icerikTemplateListeContainer+.kutuHeaderBulten,
.ems-page-corporate-detail .page-groups-building-products+.kutuHeaderBulten,
.ems-page-design-inner .designers-wrapper .dwc-group ul+.kutuHeaderBulten,
.ems-product-list .ems-prd-list .emosInfinite+.kutuHeaderBulten,
.bathroom-collections-wrapper .bcw-holder+.kutuHeaderBulten,
.ems-series-list .emosInfinite+.kutuHeaderBulten,
.ems-prd-general-info-holder .feature-group+.kutuHeaderBulten,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.kutuHeaderBulten,
.ems-prd-karo .prd-tag+.kutuHeaderBulten,
.urunKiyaslamaIcerik>table>tbody>tr+.kutuHeaderBulten,
.ems-page-corporate-list .uk-grid+.icerikTemplateListeContainer,
.ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
.ems-page-corporate-list .kutuBodyBulten+.icerikTemplateListeContainer,
.ems-page-corporate-list .kutuHeaderBulten+.icerikTemplateListeContainer,
.ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
.ems-page-corporate-detail .ems-page-corporate-list .page-groups-building-products+.icerikTemplateListeContainer,
.ems-page-corporate-list .ems-page-corporate-detail .page-groups-building-products+.icerikTemplateListeContainer,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-list ul+.icerikTemplateListeContainer,
.ems-page-corporate-list .ems-page-design-inner .designers-wrapper .dwc-group ul+.icerikTemplateListeContainer,
.ems-product-list .ems-prd-list .ems-page-corporate-list .emosInfinite+.icerikTemplateListeContainer,
.ems-page-corporate-list .ems-product-list .ems-prd-list .emosInfinite+.icerikTemplateListeContainer,
.bathroom-collections-wrapper .ems-page-corporate-list .bcw-holder+.icerikTemplateListeContainer,
.ems-page-corporate-list .bathroom-collections-wrapper .bcw-holder+.icerikTemplateListeContainer,
.ems-series-list .ems-page-corporate-list .emosInfinite+.icerikTemplateListeContainer,
.ems-page-corporate-list .ems-series-list .emosInfinite+.icerikTemplateListeContainer,
.ems-prd-general-info-holder .ems-page-corporate-list .feature-group+.icerikTemplateListeContainer,
.ems-page-corporate-list .ems-prd-general-info-holder .feature-group+.icerikTemplateListeContainer,
.ems-prd-general-info-holder .series-gallery .ems-page-corporate-list .swiper-slide+.icerikTemplateListeContainer,
.ems-page-corporate-list .ems-prd-general-info-holder .series-gallery .swiper-slide+.icerikTemplateListeContainer,
.ems-prd-karo .ems-page-corporate-list .prd-tag+.icerikTemplateListeContainer,
.ems-page-corporate-list .ems-prd-karo .prd-tag+.icerikTemplateListeContainer,
.ems-page-corporate-list .urunKiyaslamaIcerik>table>tbody>tr+.icerikTemplateListeContainer,
.ems-page-corporate-detail .uk-grid+.page-groups-building-products,
.ems-page-corporate-detail .icerikTemplateListeContainer+.page-groups-building-products,
.ems-page-corporate-detail .kutuBodyBulten+.page-groups-building-products,
.ems-page-corporate-detail .kutuHeaderBulten+.page-groups-building-products,
.ems-page-corporate-list .ems-page-corporate-detail .icerikTemplateListeContainer+.page-groups-building-products,
.ems-page-corporate-detail .ems-page-corporate-list .icerikTemplateListeContainer+.page-groups-building-products,
.ems-page-corporate-detail .page-groups-building-products+.page-groups-building-products,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-detail ul+.page-groups-building-products,
.ems-page-corporate-detail .ems-page-design-inner .designers-wrapper .dwc-group ul+.page-groups-building-products,
.ems-product-list .ems-prd-list .ems-page-corporate-detail .emosInfinite+.page-groups-building-products,
.ems-page-corporate-detail .ems-product-list .ems-prd-list .emosInfinite+.page-groups-building-products,
.bathroom-collections-wrapper .ems-page-corporate-detail .bcw-holder+.page-groups-building-products,
.ems-page-corporate-detail .bathroom-collections-wrapper .bcw-holder+.page-groups-building-products,
.ems-series-list .ems-page-corporate-detail .emosInfinite+.page-groups-building-products,
.ems-page-corporate-detail .ems-series-list .emosInfinite+.page-groups-building-products,
.ems-prd-general-info-holder .ems-page-corporate-detail .feature-group+.page-groups-building-products,
.ems-page-corporate-detail .ems-prd-general-info-holder .feature-group+.page-groups-building-products,
.ems-prd-general-info-holder .series-gallery .ems-page-corporate-detail .swiper-slide+.page-groups-building-products,
.ems-page-corporate-detail .ems-prd-general-info-holder .series-gallery .swiper-slide+.page-groups-building-products,
.ems-prd-karo .ems-page-corporate-detail .prd-tag+.page-groups-building-products,
.ems-page-corporate-detail .ems-prd-karo .prd-tag+.page-groups-building-products,
.ems-page-corporate-detail .urunKiyaslamaIcerik>table>tbody>tr+.page-groups-building-products,
.ems-page-design-inner .designers-wrapper .dwc-group .uk-grid+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .icerikTemplateListeContainer+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .kutuBodyBulten+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .kutuHeaderBulten+ul,
.ems-page-corporate-list .ems-page-design-inner .designers-wrapper .dwc-group .icerikTemplateListeContainer+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-list .icerikTemplateListeContainer+ul,
.ems-page-corporate-detail .ems-page-design-inner .designers-wrapper .dwc-group .page-groups-building-products+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-detail .page-groups-building-products+ul,
.ems-page-design-inner .designers-wrapper .dwc-group ul+ul,
.ems-product-list .ems-prd-list .ems-page-design-inner .designers-wrapper .dwc-group .emosInfinite+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-product-list .ems-prd-list .emosInfinite+ul,
.bathroom-collections-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .bcw-holder+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .bathroom-collections-wrapper .bcw-holder+ul,
.ems-series-list .ems-page-design-inner .designers-wrapper .dwc-group .emosInfinite+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-series-list .emosInfinite+ul,
.ems-prd-general-info-holder .ems-page-design-inner .designers-wrapper .dwc-group .feature-group+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .feature-group+ul,
.ems-prd-general-info-holder .series-gallery .ems-page-design-inner .designers-wrapper .dwc-group .swiper-slide+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .series-gallery .swiper-slide+ul,
.ems-prd-karo .ems-page-design-inner .designers-wrapper .dwc-group .prd-tag+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-karo .prd-tag+ul,
.ems-page-design-inner .designers-wrapper .dwc-group .urunKiyaslamaIcerik>table>tbody>tr+ul,
.ems-product-list .ems-prd-list .uk-grid+.emosInfinite,
.ems-product-list .ems-prd-list .icerikTemplateListeContainer+.emosInfinite,
.ems-product-list .ems-prd-list .kutuBodyBulten+.emosInfinite,
.ems-product-list .ems-prd-list .kutuHeaderBulten+.emosInfinite,
.ems-page-corporate-list .ems-product-list .ems-prd-list .icerikTemplateListeContainer+.emosInfinite,
.ems-product-list .ems-prd-list .ems-page-corporate-list .icerikTemplateListeContainer+.emosInfinite,
.ems-page-corporate-detail .ems-product-list .ems-prd-list .page-groups-building-products+.emosInfinite,
.ems-product-list .ems-prd-list .ems-page-corporate-detail .page-groups-building-products+.emosInfinite,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-product-list .ems-prd-list ul+.emosInfinite,
.ems-product-list .ems-prd-list .ems-page-design-inner .designers-wrapper .dwc-group ul+.emosInfinite,
.ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
.bathroom-collections-wrapper .ems-product-list .ems-prd-list .bcw-holder+.emosInfinite,
.ems-product-list .ems-prd-list .bathroom-collections-wrapper .bcw-holder+.emosInfinite,
.ems-series-list .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
.ems-product-list .ems-prd-list .ems-series-list .emosInfinite+.emosInfinite,
.ems-prd-general-info-holder .ems-product-list .ems-prd-list .feature-group+.emosInfinite,
.ems-product-list .ems-prd-list .ems-prd-general-info-holder .feature-group+.emosInfinite,
.ems-prd-general-info-holder .series-gallery .ems-product-list .ems-prd-list .swiper-slide+.emosInfinite,
.ems-product-list .ems-prd-list .ems-prd-general-info-holder .series-gallery .swiper-slide+.emosInfinite,
.ems-prd-karo .ems-product-list .ems-prd-list .prd-tag+.emosInfinite,
.ems-product-list .ems-prd-list .ems-prd-karo .prd-tag+.emosInfinite,
.ems-product-list .ems-prd-list .urunKiyaslamaIcerik>table>tbody>tr+.emosInfinite,
.bathroom-collections-wrapper .uk-grid+.bcw-holder,
.bathroom-collections-wrapper .icerikTemplateListeContainer+.bcw-holder,
.bathroom-collections-wrapper .kutuBodyBulten+.bcw-holder,
.bathroom-collections-wrapper .kutuHeaderBulten+.bcw-holder,
.ems-page-corporate-list .bathroom-collections-wrapper .icerikTemplateListeContainer+.bcw-holder,
.bathroom-collections-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.bcw-holder,
.ems-page-corporate-detail .bathroom-collections-wrapper .page-groups-building-products+.bcw-holder,
.bathroom-collections-wrapper .ems-page-corporate-detail .page-groups-building-products+.bcw-holder,
.ems-page-design-inner .designers-wrapper .dwc-group .bathroom-collections-wrapper ul+.bcw-holder,
.bathroom-collections-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.bcw-holder,
.ems-product-list .ems-prd-list .bathroom-collections-wrapper .emosInfinite+.bcw-holder,
.bathroom-collections-wrapper .ems-product-list .ems-prd-list .emosInfinite+.bcw-holder,
.bathroom-collections-wrapper .bcw-holder+.bcw-holder,
.ems-series-list .bathroom-collections-wrapper .emosInfinite+.bcw-holder,
.bathroom-collections-wrapper .ems-series-list .emosInfinite+.bcw-holder,
.ems-prd-general-info-holder .bathroom-collections-wrapper .feature-group+.bcw-holder,
.bathroom-collections-wrapper .ems-prd-general-info-holder .feature-group+.bcw-holder,
.ems-prd-general-info-holder .series-gallery .bathroom-collections-wrapper .swiper-slide+.bcw-holder,
.bathroom-collections-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.bcw-holder,
.ems-prd-karo .bathroom-collections-wrapper .prd-tag+.bcw-holder,
.bathroom-collections-wrapper .ems-prd-karo .prd-tag+.bcw-holder,
.bathroom-collections-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.bcw-holder,
.ems-series-list .uk-grid+.emosInfinite,
.ems-series-list .icerikTemplateListeContainer+.emosInfinite,
.ems-series-list .kutuBodyBulten+.emosInfinite,
.ems-series-list .kutuHeaderBulten+.emosInfinite,
.ems-page-corporate-list .ems-series-list .icerikTemplateListeContainer+.emosInfinite,
.ems-series-list .ems-page-corporate-list .icerikTemplateListeContainer+.emosInfinite,
.ems-page-corporate-detail .ems-series-list .page-groups-building-products+.emosInfinite,
.ems-series-list .ems-page-corporate-detail .page-groups-building-products+.emosInfinite,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-series-list ul+.emosInfinite,
.ems-series-list .ems-page-design-inner .designers-wrapper .dwc-group ul+.emosInfinite,
.ems-product-list .ems-prd-list .ems-series-list .emosInfinite+.emosInfinite,
.ems-series-list .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
.bathroom-collections-wrapper .ems-series-list .bcw-holder+.emosInfinite,
.ems-series-list .bathroom-collections-wrapper .bcw-holder+.emosInfinite,
.ems-series-list .emosInfinite+.emosInfinite,
.ems-prd-general-info-holder .ems-series-list .feature-group+.emosInfinite,
.ems-series-list .ems-prd-general-info-holder .feature-group+.emosInfinite,
.ems-prd-general-info-holder .series-gallery .ems-series-list .swiper-slide+.emosInfinite,
.ems-series-list .ems-prd-general-info-holder .series-gallery .swiper-slide+.emosInfinite,
.ems-prd-karo .ems-series-list .prd-tag+.emosInfinite,
.ems-series-list .ems-prd-karo .prd-tag+.emosInfinite,
.ems-series-list .urunKiyaslamaIcerik>table>tbody>tr+.emosInfinite,
.ems-prd-general-info-holder .uk-grid+.feature-group,
.ems-prd-general-info-holder .icerikTemplateListeContainer+.feature-group,
.ems-prd-general-info-holder .kutuBodyBulten+.feature-group,
.ems-prd-general-info-holder .kutuHeaderBulten+.feature-group,
.ems-page-corporate-list .ems-prd-general-info-holder .icerikTemplateListeContainer+.feature-group,
.ems-prd-general-info-holder .ems-page-corporate-list .icerikTemplateListeContainer+.feature-group,
.ems-page-corporate-detail .ems-prd-general-info-holder .page-groups-building-products+.feature-group,
.ems-prd-general-info-holder .ems-page-corporate-detail .page-groups-building-products+.feature-group,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder ul+.feature-group,
.ems-prd-general-info-holder .ems-page-design-inner .designers-wrapper .dwc-group ul+.feature-group,
.ems-product-list .ems-prd-list .ems-prd-general-info-holder .emosInfinite+.feature-group,
.ems-prd-general-info-holder .ems-product-list .ems-prd-list .emosInfinite+.feature-group,
.bathroom-collections-wrapper .ems-prd-general-info-holder .bcw-holder+.feature-group,
.ems-prd-general-info-holder .bathroom-collections-wrapper .bcw-holder+.feature-group,
.ems-series-list .ems-prd-general-info-holder .emosInfinite+.feature-group,
.ems-prd-general-info-holder .ems-series-list .emosInfinite+.feature-group,
.ems-prd-general-info-holder .feature-group+.feature-group,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.feature-group,
.ems-prd-karo .ems-prd-general-info-holder .prd-tag+.feature-group,
.ems-prd-general-info-holder .ems-prd-karo .prd-tag+.feature-group,
.ems-prd-general-info-holder .urunKiyaslamaIcerik>table>tbody>tr+.feature-group,
.ems-prd-general-info-holder .series-gallery .uk-grid+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .icerikTemplateListeContainer+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .kutuBodyBulten+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .kutuHeaderBulten+.swiper-slide,
.ems-page-corporate-list .ems-prd-general-info-holder .series-gallery .icerikTemplateListeContainer+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .ems-page-corporate-list .icerikTemplateListeContainer+.swiper-slide,
.ems-page-corporate-detail .ems-prd-general-info-holder .series-gallery .page-groups-building-products+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .ems-page-corporate-detail .page-groups-building-products+.swiper-slide,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .series-gallery ul+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .ems-page-design-inner .designers-wrapper .dwc-group ul+.swiper-slide,
.ems-product-list .ems-prd-list .ems-prd-general-info-holder .series-gallery .emosInfinite+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .ems-product-list .ems-prd-list .emosInfinite+.swiper-slide,
.bathroom-collections-wrapper .ems-prd-general-info-holder .series-gallery .bcw-holder+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .bathroom-collections-wrapper .bcw-holder+.swiper-slide,
.ems-series-list .ems-prd-general-info-holder .series-gallery .emosInfinite+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .ems-series-list .emosInfinite+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .feature-group+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.swiper-slide,
.ems-prd-karo .ems-prd-general-info-holder .series-gallery .prd-tag+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .ems-prd-karo .prd-tag+.swiper-slide,
.ems-prd-general-info-holder .series-gallery .urunKiyaslamaIcerik>table>tbody>tr+.swiper-slide,
.ems-prd-karo .uk-grid+.prd-tag,
.ems-prd-karo .icerikTemplateListeContainer+.prd-tag,
.ems-prd-karo .kutuBodyBulten+.prd-tag,
.ems-prd-karo .kutuHeaderBulten+.prd-tag,
.ems-page-corporate-list .ems-prd-karo .icerikTemplateListeContainer+.prd-tag,
.ems-prd-karo .ems-page-corporate-list .icerikTemplateListeContainer+.prd-tag,
.ems-page-corporate-detail .ems-prd-karo .page-groups-building-products+.prd-tag,
.ems-prd-karo .ems-page-corporate-detail .page-groups-building-products+.prd-tag,
.ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-karo ul+.prd-tag,
.ems-prd-karo .ems-page-design-inner .designers-wrapper .dwc-group ul+.prd-tag,
.ems-product-list .ems-prd-list .ems-prd-karo .emosInfinite+.prd-tag,
.ems-prd-karo .ems-product-list .ems-prd-list .emosInfinite+.prd-tag,
.bathroom-collections-wrapper .ems-prd-karo .bcw-holder+.prd-tag,
.ems-prd-karo .bathroom-collections-wrapper .bcw-holder+.prd-tag,
.ems-series-list .ems-prd-karo .emosInfinite+.prd-tag,
.ems-prd-karo .ems-series-list .emosInfinite+.prd-tag,
.ems-prd-general-info-holder .ems-prd-karo .feature-group+.prd-tag,
.ems-prd-karo .ems-prd-general-info-holder .feature-group+.prd-tag,
.ems-prd-general-info-holder .series-gallery .ems-prd-karo .swiper-slide+.prd-tag,
.ems-prd-karo .ems-prd-general-info-holder .series-gallery .swiper-slide+.prd-tag,
.ems-prd-karo .prd-tag+.prd-tag,
.ems-prd-karo .urunKiyaslamaIcerik>table>tbody>tr+.prd-tag,
.urunKiyaslamaIcerik>table>tbody>.uk-grid+tr,
.urunKiyaslamaIcerik>table>tbody>.icerikTemplateListeContainer+tr,
.urunKiyaslamaIcerik>table>tbody>.kutuBodyBulten+tr,
.urunKiyaslamaIcerik>table>tbody>.kutuHeaderBulten+tr,
.ems-page-corporate-list .urunKiyaslamaIcerik>table>tbody>.icerikTemplateListeContainer+tr,
.ems-page-corporate-detail .urunKiyaslamaIcerik>table>tbody>.page-groups-building-products+tr,
.ems-page-design-inner .designers-wrapper .dwc-group .urunKiyaslamaIcerik>table>tbody>ul+tr,
.ems-product-list .ems-prd-list .urunKiyaslamaIcerik>table>tbody>.emosInfinite+tr,
.bathroom-collections-wrapper .urunKiyaslamaIcerik>table>tbody>.bcw-holder+tr,
.ems-series-list .urunKiyaslamaIcerik>table>tbody>.emosInfinite+tr,
.ems-prd-general-info-holder .urunKiyaslamaIcerik>table>tbody>.feature-group+tr,
.ems-prd-general-info-holder .series-gallery .urunKiyaslamaIcerik>table>tbody>.swiper-slide+tr,
.ems-prd-karo .urunKiyaslamaIcerik>table>tbody>.prd-tag+tr,
.urunKiyaslamaIcerik>table>tbody>tr+tr,
.uk-grid>.uk-grid-margin,
.icerikTemplateListeContainer>.uk-grid-margin,
.kutuBodyBulten>.uk-grid-margin,
.kutuHeaderBulten>.uk-grid-margin,
.ems-page-corporate-list .icerikTemplateListeContainer>.uk-grid-margin,
.ems-page-corporate-detail .page-groups-building-products>.uk-grid-margin,
.ems-page-design-inner .designers-wrapper .dwc-group ul>.uk-grid-margin,
.ems-product-list .ems-prd-list .emosInfinite>.uk-grid-margin,
.bathroom-collections-wrapper .bcw-holder>.uk-grid-margin,
.ems-series-list .emosInfinite>.uk-grid-margin,
.ems-prd-general-info-holder .feature-group>.uk-grid-margin,
.ems-prd-general-info-holder .series-gallery .swiper-slide>.uk-grid-margin,
.ems-prd-karo .prd-tag>.uk-grid-margin,
.urunKiyaslamaIcerik>table>tbody>tr>.uk-grid-margin,
*+.uk-grid-margin {
    margin-top: 16px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid,
    .icerikTemplateListeContainer,
    .kutuBodyBulten,
    .kutuHeaderBulten,
    .ems-page-corporate-list .icerikTemplateListeContainer,
    .ems-page-corporate-detail .page-groups-building-products,
    .ems-page-design-inner .designers-wrapper .dwc-group ul,
    .ems-product-list .ems-prd-list .emosInfinite,
    .bathroom-collections-wrapper .bcw-holder,
    .ems-series-list .emosInfinite,
    .ems-prd-general-info-holder .feature-group,
    .ems-prd-general-info-holder .series-gallery .swiper-slide,
    .ems-prd-karo .prd-tag,
    .urunKiyaslamaIcerik>table>tbody>tr {
        margin-left: -16px;
    }
    .uk-grid>*,
    .icerikTemplateListeContainer>*,
    .kutuBodyBulten>*,
    .kutuHeaderBulten>*,
    .ems-page-corporate-list .icerikTemplateListeContainer>*,
    .ems-page-corporate-detail .page-groups-building-products>*,
    .ems-page-design-inner .designers-wrapper .dwc-group ul>*,
    .ems-product-list .ems-prd-list .emosInfinite>*,
    .bathroom-collections-wrapper .bcw-holder>*,
    .ems-series-list .emosInfinite>*,
    .ems-prd-general-info-holder .feature-group>*,
    .ems-prd-general-info-holder .series-gallery .swiper-slide>*,
    .ems-prd-karo .prd-tag>*,
    .urunKiyaslamaIcerik>table>tbody>tr>* {
        padding-left: 16px;
    }
    /* Vertical */
    .uk-grid+.uk-grid,
    .icerikTemplateListeContainer+.uk-grid,
    .kutuBodyBulten+.uk-grid,
    .kutuHeaderBulten+.uk-grid,
    .ems-page-corporate-list .icerikTemplateListeContainer+.uk-grid,
    .ems-page-corporate-detail .page-groups-building-products+.uk-grid,
    .ems-page-design-inner .designers-wrapper .dwc-group ul+.uk-grid,
    .ems-product-list .ems-prd-list .emosInfinite+.uk-grid,
    .bathroom-collections-wrapper .bcw-holder+.uk-grid,
    .ems-series-list .emosInfinite+.uk-grid,
    .ems-prd-general-info-holder .feature-group+.uk-grid,
    .ems-prd-general-info-holder .series-gallery .swiper-slide+.uk-grid,
    .ems-prd-karo .prd-tag+.uk-grid,
    .urunKiyaslamaIcerik>table>tbody>tr+.uk-grid,
    .uk-grid+.icerikTemplateListeContainer,
    .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .kutuBodyBulten+.icerikTemplateListeContainer,
    .kutuHeaderBulten+.icerikTemplateListeContainer,
    .ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .ems-page-corporate-detail .page-groups-building-products+.icerikTemplateListeContainer,
    .ems-page-design-inner .designers-wrapper .dwc-group ul+.icerikTemplateListeContainer,
    .ems-product-list .ems-prd-list .emosInfinite+.icerikTemplateListeContainer,
    .bathroom-collections-wrapper .bcw-holder+.icerikTemplateListeContainer,
    .ems-series-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-prd-general-info-holder .feature-group+.icerikTemplateListeContainer,
    .ems-prd-general-info-holder .series-gallery .swiper-slide+.icerikTemplateListeContainer,
    .ems-prd-karo .prd-tag+.icerikTemplateListeContainer,
    .urunKiyaslamaIcerik>table>tbody>tr+.icerikTemplateListeContainer,
    .uk-grid+.kutuBodyBulten,
    .icerikTemplateListeContainer+.kutuBodyBulten,
    .kutuBodyBulten+.kutuBodyBulten,
    .kutuHeaderBulten+.kutuBodyBulten,
    .ems-page-corporate-list .icerikTemplateListeContainer+.kutuBodyBulten,
    .ems-page-corporate-detail .page-groups-building-products+.kutuBodyBulten,
    .ems-page-design-inner .designers-wrapper .dwc-group ul+.kutuBodyBulten,
    .ems-product-list .ems-prd-list .emosInfinite+.kutuBodyBulten,
    .bathroom-collections-wrapper .bcw-holder+.kutuBodyBulten,
    .ems-series-list .emosInfinite+.kutuBodyBulten,
    .ems-prd-general-info-holder .feature-group+.kutuBodyBulten,
    .ems-prd-general-info-holder .series-gallery .swiper-slide+.kutuBodyBulten,
    .ems-prd-karo .prd-tag+.kutuBodyBulten,
    .urunKiyaslamaIcerik>table>tbody>tr+.kutuBodyBulten,
    .uk-grid+.kutuHeaderBulten,
    .icerikTemplateListeContainer+.kutuHeaderBulten,
    .kutuBodyBulten+.kutuHeaderBulten,
    .kutuHeaderBulten+.kutuHeaderBulten,
    .ems-page-corporate-list .icerikTemplateListeContainer+.kutuHeaderBulten,
    .ems-page-corporate-detail .page-groups-building-products+.kutuHeaderBulten,
    .ems-page-design-inner .designers-wrapper .dwc-group ul+.kutuHeaderBulten,
    .ems-product-list .ems-prd-list .emosInfinite+.kutuHeaderBulten,
    .bathroom-collections-wrapper .bcw-holder+.kutuHeaderBulten,
    .ems-series-list .emosInfinite+.kutuHeaderBulten,
    .ems-prd-general-info-holder .feature-group+.kutuHeaderBulten,
    .ems-prd-general-info-holder .series-gallery .swiper-slide+.kutuHeaderBulten,
    .ems-prd-karo .prd-tag+.kutuHeaderBulten,
    .urunKiyaslamaIcerik>table>tbody>tr+.kutuHeaderBulten,
    .ems-page-corporate-list .uk-grid+.icerikTemplateListeContainer,
    .ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .ems-page-corporate-list .kutuBodyBulten+.icerikTemplateListeContainer,
    .ems-page-corporate-list .kutuHeaderBulten+.icerikTemplateListeContainer,
    .ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .ems-page-corporate-detail .ems-page-corporate-list .page-groups-building-products+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-page-corporate-detail .page-groups-building-products+.icerikTemplateListeContainer,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-list ul+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-page-design-inner .designers-wrapper .dwc-group ul+.icerikTemplateListeContainer,
    .ems-product-list .ems-prd-list .ems-page-corporate-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-product-list .ems-prd-list .emosInfinite+.icerikTemplateListeContainer,
    .bathroom-collections-wrapper .ems-page-corporate-list .bcw-holder+.icerikTemplateListeContainer,
    .ems-page-corporate-list .bathroom-collections-wrapper .bcw-holder+.icerikTemplateListeContainer,
    .ems-series-list .ems-page-corporate-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-series-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-prd-general-info-holder .ems-page-corporate-list .feature-group+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-prd-general-info-holder .feature-group+.icerikTemplateListeContainer,
    .ems-prd-general-info-holder .series-gallery .ems-page-corporate-list .swiper-slide+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-prd-general-info-holder .series-gallery .swiper-slide+.icerikTemplateListeContainer,
    .ems-prd-karo .ems-page-corporate-list .prd-tag+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-prd-karo .prd-tag+.icerikTemplateListeContainer,
    .ems-page-corporate-list .urunKiyaslamaIcerik>table>tbody>tr+.icerikTemplateListeContainer,
    .ems-page-corporate-detail .uk-grid+.page-groups-building-products,
    .ems-page-corporate-detail .icerikTemplateListeContainer+.page-groups-building-products,
    .ems-page-corporate-detail .kutuBodyBulten+.page-groups-building-products,
    .ems-page-corporate-detail .kutuHeaderBulten+.page-groups-building-products,
    .ems-page-corporate-list .ems-page-corporate-detail .icerikTemplateListeContainer+.page-groups-building-products,
    .ems-page-corporate-detail .ems-page-corporate-list .icerikTemplateListeContainer+.page-groups-building-products,
    .ems-page-corporate-detail .page-groups-building-products+.page-groups-building-products,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-detail ul+.page-groups-building-products,
    .ems-page-corporate-detail .ems-page-design-inner .designers-wrapper .dwc-group ul+.page-groups-building-products,
    .ems-product-list .ems-prd-list .ems-page-corporate-detail .emosInfinite+.page-groups-building-products,
    .ems-page-corporate-detail .ems-product-list .ems-prd-list .emosInfinite+.page-groups-building-products,
    .bathroom-collections-wrapper .ems-page-corporate-detail .bcw-holder+.page-groups-building-products,
    .ems-page-corporate-detail .bathroom-collections-wrapper .bcw-holder+.page-groups-building-products,
    .ems-series-list .ems-page-corporate-detail .emosInfinite+.page-groups-building-products,
    .ems-page-corporate-detail .ems-series-list .emosInfinite+.page-groups-building-products,
    .ems-prd-general-info-holder .ems-page-corporate-detail .feature-group+.page-groups-building-products,
    .ems-page-corporate-detail .ems-prd-general-info-holder .feature-group+.page-groups-building-products,
    .ems-prd-general-info-holder .series-gallery .ems-page-corporate-detail .swiper-slide+.page-groups-building-products,
    .ems-page-corporate-detail .ems-prd-general-info-holder .series-gallery .swiper-slide+.page-groups-building-products,
    .ems-prd-karo .ems-page-corporate-detail .prd-tag+.page-groups-building-products,
    .ems-page-corporate-detail .ems-prd-karo .prd-tag+.page-groups-building-products,
    .ems-page-corporate-detail .urunKiyaslamaIcerik>table>tbody>tr+.page-groups-building-products,
    .ems-page-design-inner .designers-wrapper .dwc-group .uk-grid+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .icerikTemplateListeContainer+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .kutuBodyBulten+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .kutuHeaderBulten+ul,
    .ems-page-corporate-list .ems-page-design-inner .designers-wrapper .dwc-group .icerikTemplateListeContainer+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-list .icerikTemplateListeContainer+ul,
    .ems-page-corporate-detail .ems-page-design-inner .designers-wrapper .dwc-group .page-groups-building-products+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-detail .page-groups-building-products+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group ul+ul,
    .ems-product-list .ems-prd-list .ems-page-design-inner .designers-wrapper .dwc-group .emosInfinite+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-product-list .ems-prd-list .emosInfinite+ul,
    .bathroom-collections-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .bcw-holder+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .bathroom-collections-wrapper .bcw-holder+ul,
    .ems-series-list .ems-page-design-inner .designers-wrapper .dwc-group .emosInfinite+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-series-list .emosInfinite+ul,
    .ems-prd-general-info-holder .ems-page-design-inner .designers-wrapper .dwc-group .feature-group+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .feature-group+ul,
    .ems-prd-general-info-holder .series-gallery .ems-page-design-inner .designers-wrapper .dwc-group .swiper-slide+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .series-gallery .swiper-slide+ul,
    .ems-prd-karo .ems-page-design-inner .designers-wrapper .dwc-group .prd-tag+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-karo .prd-tag+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .urunKiyaslamaIcerik>table>tbody>tr+ul,
    .ems-product-list .ems-prd-list .uk-grid+.emosInfinite,
    .ems-product-list .ems-prd-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-product-list .ems-prd-list .kutuBodyBulten+.emosInfinite,
    .ems-product-list .ems-prd-list .kutuHeaderBulten+.emosInfinite,
    .ems-page-corporate-list .ems-product-list .ems-prd-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-page-corporate-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-page-corporate-detail .ems-product-list .ems-prd-list .page-groups-building-products+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-page-corporate-detail .page-groups-building-products+.emosInfinite,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-product-list .ems-prd-list ul+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-page-design-inner .designers-wrapper .dwc-group ul+.emosInfinite,
    .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
    .bathroom-collections-wrapper .ems-product-list .ems-prd-list .bcw-holder+.emosInfinite,
    .ems-product-list .ems-prd-list .bathroom-collections-wrapper .bcw-holder+.emosInfinite,
    .ems-series-list .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-series-list .emosInfinite+.emosInfinite,
    .ems-prd-general-info-holder .ems-product-list .ems-prd-list .feature-group+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-prd-general-info-holder .feature-group+.emosInfinite,
    .ems-prd-general-info-holder .series-gallery .ems-product-list .ems-prd-list .swiper-slide+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-prd-general-info-holder .series-gallery .swiper-slide+.emosInfinite,
    .ems-prd-karo .ems-product-list .ems-prd-list .prd-tag+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-prd-karo .prd-tag+.emosInfinite,
    .ems-product-list .ems-prd-list .urunKiyaslamaIcerik>table>tbody>tr+.emosInfinite,
    .bathroom-collections-wrapper .uk-grid+.bcw-holder,
    .bathroom-collections-wrapper .icerikTemplateListeContainer+.bcw-holder,
    .bathroom-collections-wrapper .kutuBodyBulten+.bcw-holder,
    .bathroom-collections-wrapper .kutuHeaderBulten+.bcw-holder,
    .ems-page-corporate-list .bathroom-collections-wrapper .icerikTemplateListeContainer+.bcw-holder,
    .bathroom-collections-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.bcw-holder,
    .ems-page-corporate-detail .bathroom-collections-wrapper .page-groups-building-products+.bcw-holder,
    .bathroom-collections-wrapper .ems-page-corporate-detail .page-groups-building-products+.bcw-holder,
    .ems-page-design-inner .designers-wrapper .dwc-group .bathroom-collections-wrapper ul+.bcw-holder,
    .bathroom-collections-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.bcw-holder,
    .ems-product-list .ems-prd-list .bathroom-collections-wrapper .emosInfinite+.bcw-holder,
    .bathroom-collections-wrapper .ems-product-list .ems-prd-list .emosInfinite+.bcw-holder,
    .bathroom-collections-wrapper .bcw-holder+.bcw-holder,
    .ems-series-list .bathroom-collections-wrapper .emosInfinite+.bcw-holder,
    .bathroom-collections-wrapper .ems-series-list .emosInfinite+.bcw-holder,
    .ems-prd-general-info-holder .bathroom-collections-wrapper .feature-group+.bcw-holder,
    .bathroom-collections-wrapper .ems-prd-general-info-holder .feature-group+.bcw-holder,
    .ems-prd-general-info-holder .series-gallery .bathroom-collections-wrapper .swiper-slide+.bcw-holder,
    .bathroom-collections-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.bcw-holder,
    .ems-prd-karo .bathroom-collections-wrapper .prd-tag+.bcw-holder,
    .bathroom-collections-wrapper .ems-prd-karo .prd-tag+.bcw-holder,
    .bathroom-collections-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.bcw-holder,
    .ems-series-list .uk-grid+.emosInfinite,
    .ems-series-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-series-list .kutuBodyBulten+.emosInfinite,
    .ems-series-list .kutuHeaderBulten+.emosInfinite,
    .ems-page-corporate-list .ems-series-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-series-list .ems-page-corporate-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-page-corporate-detail .ems-series-list .page-groups-building-products+.emosInfinite,
    .ems-series-list .ems-page-corporate-detail .page-groups-building-products+.emosInfinite,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-series-list ul+.emosInfinite,
    .ems-series-list .ems-page-design-inner .designers-wrapper .dwc-group ul+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-series-list .emosInfinite+.emosInfinite,
    .ems-series-list .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
    .bathroom-collections-wrapper .ems-series-list .bcw-holder+.emosInfinite,
    .ems-series-list .bathroom-collections-wrapper .bcw-holder+.emosInfinite,
    .ems-series-list .emosInfinite+.emosInfinite,
    .ems-prd-general-info-holder .ems-series-list .feature-group+.emosInfinite,
    .ems-series-list .ems-prd-general-info-holder .feature-group+.emosInfinite,
    .ems-prd-general-info-holder .series-gallery .ems-series-list .swiper-slide+.emosInfinite,
    .ems-series-list .ems-prd-general-info-holder .series-gallery .swiper-slide+.emosInfinite,
    .ems-prd-karo .ems-series-list .prd-tag+.emosInfinite,
    .ems-series-list .ems-prd-karo .prd-tag+.emosInfinite,
    .ems-series-list .urunKiyaslamaIcerik>table>tbody>tr+.emosInfinite,
    .ems-prd-general-info-holder .uk-grid+.feature-group,
    .ems-prd-general-info-holder .icerikTemplateListeContainer+.feature-group,
    .ems-prd-general-info-holder .kutuBodyBulten+.feature-group,
    .ems-prd-general-info-holder .kutuHeaderBulten+.feature-group,
    .ems-page-corporate-list .ems-prd-general-info-holder .icerikTemplateListeContainer+.feature-group,
    .ems-prd-general-info-holder .ems-page-corporate-list .icerikTemplateListeContainer+.feature-group,
    .ems-page-corporate-detail .ems-prd-general-info-holder .page-groups-building-products+.feature-group,
    .ems-prd-general-info-holder .ems-page-corporate-detail .page-groups-building-products+.feature-group,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder ul+.feature-group,
    .ems-prd-general-info-holder .ems-page-design-inner .designers-wrapper .dwc-group ul+.feature-group,
    .ems-product-list .ems-prd-list .ems-prd-general-info-holder .emosInfinite+.feature-group,
    .ems-prd-general-info-holder .ems-product-list .ems-prd-list .emosInfinite+.feature-group,
    .bathroom-collections-wrapper .ems-prd-general-info-holder .bcw-holder+.feature-group,
    .ems-prd-general-info-holder .bathroom-collections-wrapper .bcw-holder+.feature-group,
    .ems-series-list .ems-prd-general-info-holder .emosInfinite+.feature-group,
    .ems-prd-general-info-holder .ems-series-list .emosInfinite+.feature-group,
    .ems-prd-general-info-holder .feature-group+.feature-group,
    .ems-prd-general-info-holder .series-gallery .swiper-slide+.feature-group,
    .ems-prd-karo .ems-prd-general-info-holder .prd-tag+.feature-group,
    .ems-prd-general-info-holder .ems-prd-karo .prd-tag+.feature-group,
    .ems-prd-general-info-holder .urunKiyaslamaIcerik>table>tbody>tr+.feature-group,
    .ems-prd-general-info-holder .series-gallery .uk-grid+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .icerikTemplateListeContainer+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .kutuBodyBulten+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .kutuHeaderBulten+.swiper-slide,
    .ems-page-corporate-list .ems-prd-general-info-holder .series-gallery .icerikTemplateListeContainer+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-page-corporate-list .icerikTemplateListeContainer+.swiper-slide,
    .ems-page-corporate-detail .ems-prd-general-info-holder .series-gallery .page-groups-building-products+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-page-corporate-detail .page-groups-building-products+.swiper-slide,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .series-gallery ul+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-page-design-inner .designers-wrapper .dwc-group ul+.swiper-slide,
    .ems-product-list .ems-prd-list .ems-prd-general-info-holder .series-gallery .emosInfinite+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-product-list .ems-prd-list .emosInfinite+.swiper-slide,
    .bathroom-collections-wrapper .ems-prd-general-info-holder .series-gallery .bcw-holder+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .bathroom-collections-wrapper .bcw-holder+.swiper-slide,
    .ems-series-list .ems-prd-general-info-holder .series-gallery .emosInfinite+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-series-list .emosInfinite+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .feature-group+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .swiper-slide+.swiper-slide,
    .ems-prd-karo .ems-prd-general-info-holder .series-gallery .prd-tag+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-prd-karo .prd-tag+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .urunKiyaslamaIcerik>table>tbody>tr+.swiper-slide,
    .ems-prd-karo .uk-grid+.prd-tag,
    .ems-prd-karo .icerikTemplateListeContainer+.prd-tag,
    .ems-prd-karo .kutuBodyBulten+.prd-tag,
    .ems-prd-karo .kutuHeaderBulten+.prd-tag,
    .ems-page-corporate-list .ems-prd-karo .icerikTemplateListeContainer+.prd-tag,
    .ems-prd-karo .ems-page-corporate-list .icerikTemplateListeContainer+.prd-tag,
    .ems-page-corporate-detail .ems-prd-karo .page-groups-building-products+.prd-tag,
    .ems-prd-karo .ems-page-corporate-detail .page-groups-building-products+.prd-tag,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-karo ul+.prd-tag,
    .ems-prd-karo .ems-page-design-inner .designers-wrapper .dwc-group ul+.prd-tag,
    .ems-product-list .ems-prd-list .ems-prd-karo .emosInfinite+.prd-tag,
    .ems-prd-karo .ems-product-list .ems-prd-list .emosInfinite+.prd-tag,
    .bathroom-collections-wrapper .ems-prd-karo .bcw-holder+.prd-tag,
    .ems-prd-karo .bathroom-collections-wrapper .bcw-holder+.prd-tag,
    .ems-series-list .ems-prd-karo .emosInfinite+.prd-tag,
    .ems-prd-karo .ems-series-list .emosInfinite+.prd-tag,
    .ems-prd-general-info-holder .ems-prd-karo .feature-group+.prd-tag,
    .ems-prd-karo .ems-prd-general-info-holder .feature-group+.prd-tag,
    .ems-prd-general-info-holder .series-gallery .ems-prd-karo .swiper-slide+.prd-tag,
    .ems-prd-karo .ems-prd-general-info-holder .series-gallery .swiper-slide+.prd-tag,
    .ems-prd-karo .prd-tag+.prd-tag,
    .ems-prd-karo .urunKiyaslamaIcerik>table>tbody>tr+.prd-tag,
    .urunKiyaslamaIcerik>table>tbody>.uk-grid+tr,
    .urunKiyaslamaIcerik>table>tbody>.icerikTemplateListeContainer+tr,
    .urunKiyaslamaIcerik>table>tbody>.kutuBodyBulten+tr,
    .urunKiyaslamaIcerik>table>tbody>.kutuHeaderBulten+tr,
    .ems-page-corporate-list .urunKiyaslamaIcerik>table>tbody>.icerikTemplateListeContainer+tr,
    .ems-page-corporate-detail .urunKiyaslamaIcerik>table>tbody>.page-groups-building-products+tr,
    .ems-page-design-inner .designers-wrapper .dwc-group .urunKiyaslamaIcerik>table>tbody>ul+tr,
    .ems-product-list .ems-prd-list .urunKiyaslamaIcerik>table>tbody>.emosInfinite+tr,
    .bathroom-collections-wrapper .urunKiyaslamaIcerik>table>tbody>.bcw-holder+tr,
    .ems-series-list .urunKiyaslamaIcerik>table>tbody>.emosInfinite+tr,
    .ems-prd-general-info-holder .urunKiyaslamaIcerik>table>tbody>.feature-group+tr,
    .ems-prd-general-info-holder .series-gallery .urunKiyaslamaIcerik>table>tbody>.swiper-slide+tr,
    .ems-prd-karo .urunKiyaslamaIcerik>table>tbody>.prd-tag+tr,
    .urunKiyaslamaIcerik>table>tbody>tr+tr,
    .uk-grid>.uk-grid-margin,
    .icerikTemplateListeContainer>.uk-grid-margin,
    .kutuBodyBulten>.uk-grid-margin,
    .kutuHeaderBulten>.uk-grid-margin,
    .ems-page-corporate-list .icerikTemplateListeContainer>.uk-grid-margin,
    .ems-page-corporate-detail .page-groups-building-products>.uk-grid-margin,
    .ems-page-design-inner .designers-wrapper .dwc-group ul>.uk-grid-margin,
    .ems-product-list .ems-prd-list .emosInfinite>.uk-grid-margin,
    .bathroom-collections-wrapper .bcw-holder>.uk-grid-margin,
    .ems-series-list .emosInfinite>.uk-grid-margin,
    .ems-prd-general-info-holder .feature-group>.uk-grid-margin,
    .ems-prd-general-info-holder .series-gallery .swiper-slide>.uk-grid-margin,
    .ems-prd-karo .prd-tag>.uk-grid-margin,
    .urunKiyaslamaIcerik>table>tbody>tr>.uk-grid-margin,
    *+.uk-grid-margin {
        margin-top: 16px;
    }
}


/*
 * Small
 */


/* Horizontal */

.uk-grid-small {
    margin-left: -15px;
}

.uk-grid-small>* {
    padding-left: 15px;
}


/* Vertical */

.uk-grid+.uk-grid-small,
.icerikTemplateListeContainer+.uk-grid-small,
.kutuBodyBulten+.uk-grid-small,
.kutuHeaderBulten+.uk-grid-small,
.ems-page-corporate-list .icerikTemplateListeContainer+.uk-grid-small,
.ems-page-corporate-detail .page-groups-building-products+.uk-grid-small,
.ems-page-design-inner .designers-wrapper .dwc-group ul+.uk-grid-small,
.ems-product-list .ems-prd-list .emosInfinite+.uk-grid-small,
.bathroom-collections-wrapper .bcw-holder+.uk-grid-small,
.ems-series-list .emosInfinite+.uk-grid-small,
.ems-prd-general-info-holder .feature-group+.uk-grid-small,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.uk-grid-small,
.ems-prd-karo .prd-tag+.uk-grid-small,
.urunKiyaslamaIcerik>table>tbody>tr+.uk-grid-small,
.uk-grid-small>.uk-grid-margin,
*+.uk-grid-margin-small {
    margin-top: 15px;
}


/*
 * Medium
 */


/* Horizontal */

.uk-grid-medium {
    margin-left: -30px;
}

.uk-grid-medium>* {
    padding-left: 30px;
}


/* Vertical */

.uk-grid+.uk-grid-medium,
.icerikTemplateListeContainer+.uk-grid-medium,
.kutuBodyBulten+.uk-grid-medium,
.kutuHeaderBulten+.uk-grid-medium,
.ems-page-corporate-list .icerikTemplateListeContainer+.uk-grid-medium,
.ems-page-corporate-detail .page-groups-building-products+.uk-grid-medium,
.ems-page-design-inner .designers-wrapper .dwc-group ul+.uk-grid-medium,
.ems-product-list .ems-prd-list .emosInfinite+.uk-grid-medium,
.bathroom-collections-wrapper .bcw-holder+.uk-grid-medium,
.ems-series-list .emosInfinite+.uk-grid-medium,
.ems-prd-general-info-holder .feature-group+.uk-grid-medium,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.uk-grid-medium,
.ems-prd-karo .prd-tag+.uk-grid-medium,
.urunKiyaslamaIcerik>table>tbody>tr+.uk-grid-medium,
.uk-grid-medium>.uk-grid-margin,
*+.uk-grid-margin-medium {
    margin-top: 30px;
}


/*
 * Large
 */


/* Horizontal */

.uk-grid-large {
    margin-left: -16px;
}

.uk-grid-large>* {
    padding-left: 16px;
}


/* Vertical */

.uk-grid+.uk-grid-large,
.icerikTemplateListeContainer+.uk-grid-large,
.kutuBodyBulten+.uk-grid-large,
.kutuHeaderBulten+.uk-grid-large,
.ems-page-corporate-list .icerikTemplateListeContainer+.uk-grid-large,
.ems-page-corporate-detail .page-groups-building-products+.uk-grid-large,
.ems-page-design-inner .designers-wrapper .dwc-group ul+.uk-grid-large,
.ems-product-list .ems-prd-list .emosInfinite+.uk-grid-large,
.bathroom-collections-wrapper .bcw-holder+.uk-grid-large,
.ems-series-list .emosInfinite+.uk-grid-large,
.ems-prd-general-info-holder .feature-group+.uk-grid-large,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.uk-grid-large,
.ems-prd-karo .prd-tag+.uk-grid-large,
.urunKiyaslamaIcerik>table>tbody>tr+.uk-grid-large,
.uk-grid-large>.uk-grid-margin,
*+.uk-grid-margin-large {
    margin-top: 16px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid-large {
        margin-left: -70px;
    }
    .uk-grid-large>* {
        padding-left: 70px;
    }
    /* Vertical */
    .uk-grid+.uk-grid-large,
    .icerikTemplateListeContainer+.uk-grid-large,
    .kutuBodyBulten+.uk-grid-large,
    .kutuHeaderBulten+.uk-grid-large,
    .ems-page-corporate-list .icerikTemplateListeContainer+.uk-grid-large,
    .ems-page-corporate-detail .page-groups-building-products+.uk-grid-large,
    .ems-page-design-inner .designers-wrapper .dwc-group ul+.uk-grid-large,
    .ems-product-list .ems-prd-list .emosInfinite+.uk-grid-large,
    .bathroom-collections-wrapper .bcw-holder+.uk-grid-large,
    .ems-series-list .emosInfinite+.uk-grid-large,
    .ems-prd-general-info-holder .feature-group+.uk-grid-large,
    .ems-prd-general-info-holder .series-gallery .swiper-slide+.uk-grid-large,
    .ems-prd-karo .prd-tag+.uk-grid-large,
    .urunKiyaslamaIcerik>table>tbody>tr+.uk-grid-large,
    .uk-grid-large>.uk-grid-margin,
    *+.uk-grid-margin-large {
        margin-top: 70px;
    }
}


/*
 * Collapse
 */


/* Horizontal */

.uk-grid-collapse {
    margin-left: 0;
}

.uk-grid-collapse>* {
    padding-left: 0;
}


/* Vertical */

.uk-grid+.uk-grid-collapse,
.icerikTemplateListeContainer+.uk-grid-collapse,
.kutuBodyBulten+.uk-grid-collapse,
.kutuHeaderBulten+.uk-grid-collapse,
.ems-page-corporate-list .icerikTemplateListeContainer+.uk-grid-collapse,
.ems-page-corporate-detail .page-groups-building-products+.uk-grid-collapse,
.ems-page-design-inner .designers-wrapper .dwc-group ul+.uk-grid-collapse,
.ems-product-list .ems-prd-list .emosInfinite+.uk-grid-collapse,
.bathroom-collections-wrapper .bcw-holder+.uk-grid-collapse,
.ems-series-list .emosInfinite+.uk-grid-collapse,
.ems-prd-general-info-holder .feature-group+.uk-grid-collapse,
.ems-prd-general-info-holder .series-gallery .swiper-slide+.uk-grid-collapse,
.ems-prd-karo .prd-tag+.uk-grid-collapse,
.urunKiyaslamaIcerik>table>tbody>tr+.uk-grid-collapse,
.uk-grid-collapse>.uk-grid-margin {
    margin-top: 0;
}


/* Divider
 ========================================================================== */

.uk-grid-divider>* {
    position: relative;
}

.uk-grid-divider> :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e5e5e5;
}


/* Vertical */

.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #e5e5e5;
}


/*
 * Default
 */


/* Horizontal */

.uk-grid-divider {
    margin-left: -32px;
}

.uk-grid-divider>* {
    padding-left: 32px;
}

.uk-grid-divider> :not(.uk-first-column)::before {
    left: 16px;
}


/* Vertical */

.uk-grid-divider.uk-grid-stack>.uk-grid-margin {
    margin-top: 32px;
}

.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
    top: -16px;
    left: 32px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid-divider {
        margin-left: -32px;
    }
    .uk-grid-divider>* {
        padding-left: 32px;
    }
    .uk-grid-divider> :not(.uk-first-column)::before {
        left: 16px;
    }
    /* Vertical */
    .uk-grid-divider.uk-grid-stack>.uk-grid-margin {
        margin-top: 32px;
    }
    .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
        top: -16px;
        left: 32px;
    }
}


/*
 * Small
 */


/* Horizontal */

.uk-grid-divider.uk-grid-small {
    margin-left: -30px;
}

.uk-grid-divider.uk-grid-small>* {
    padding-left: 30px;
}

.uk-grid-divider.uk-grid-small> :not(.uk-first-column)::before {
    left: 15px;
}


/* Vertical */

.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin {
    margin-top: 30px;
}

.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before {
    top: -15px;
    left: 30px;
}


/*
 * Medium
 */


/* Horizontal */

.uk-grid-divider.uk-grid-medium {
    margin-left: -60px;
}

.uk-grid-divider.uk-grid-medium>* {
    padding-left: 60px;
}

.uk-grid-divider.uk-grid-medium> :not(.uk-first-column)::before {
    left: 30px;
}


/* Vertical */

.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin {
    margin-top: 60px;
}

.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before {
    top: -30px;
    left: 60px;
}


/*
 * Large
 */


/* Horizontal */

.uk-grid-divider.uk-grid-large {
    margin-left: -32px;
}

.uk-grid-divider.uk-grid-large>* {
    padding-left: 32px;
}

.uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before {
    left: 16px;
}


/* Vertical */

.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin {
    margin-top: 32px;
}

.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
    top: -16px;
    left: 32px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid-divider.uk-grid-large {
        margin-left: -140px;
    }
    .uk-grid-divider.uk-grid-large>* {
        padding-left: 140px;
    }
    .uk-grid-divider.uk-grid-large> :not(.uk-first-column)::before {
        left: 70px;
    }
    /* Vertical */
    .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin {
        margin-top: 140px;
    }
    .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
        top: -70px;
        left: 140px;
    }
}


/* Match child of a grid cell
 ========================================================================== */


/*
 * Behave like a block element
 * 1. Wrap into the next line
 * 2. Take the full width, at least 100%. Only if no class from the Width component is set.
 * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
 */

.uk-grid-match>*,
.uk-grid-item-match {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 1 */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uk-grid-match>*> :not([class*='uk-width']),
.uk-grid-item-match> :not([class*='uk-width']) {
    /* 2 */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /* 3 */
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}


/* ========================================================================
   Component: Tile
 ========================================================================== */

.uk-tile {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-tile {
        padding-left: 30px;
        padding-right: 30px;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-tile {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 70px;
        padding-bottom: 70px;
    }
}


/*
 * Micro clearfix
 */

.uk-tile::before,
.uk-tile::after {
    content: "";
    display: table;
}

.uk-tile::after {
    clear: both;
}


/*
 * Remove margin from the last-child
 */

.uk-tile> :last-child {
    margin-bottom: 0;
}


/* Size modifiers
 ========================================================================== */


/*
 * XSmall
 */

.uk-tile-xsmall {
    padding-top: 16px;
    padding-bottom: 16px;
}


/*
 * Small
 */

.uk-tile-small {
    padding-top: 40px;
    padding-bottom: 40px;
}


/*
 * Large
 */

.uk-tile-large {
    padding-top: 70px;
    padding-bottom: 70px;
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-tile-large {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}


/*
 * XLarge
 */

.uk-tile-xlarge {
    padding-top: 140px;
    padding-bottom: 140px;
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-tile-xlarge {
        padding-top: 210px;
        padding-bottom: 210px;
    }
}


/* Style modifiers
 ========================================================================== */


/*
 * Default
 */

.uk-tile-default {
    background: #fff;
}


/*
 * Muted
 */

.uk-tile-muted {
    background: #f8f8f8;
}


/*
 * Primary
 */

.uk-tile-primary {
    background: #1e87f0;
}


/*
 * Secondary
 */

.uk-tile-secondary {
    background: #222;
}


/* ========================================================================
   Component: Card
 ========================================================================== */

.uk-card {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Sections
 ========================================================================== */

.uk-card-body {
    padding: 30px 30px;
}

.uk-card-header {
    padding: 15px 30px;
}

.uk-card-footer {
    padding: 15px 30px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-card-body {
        padding: 16px 16px;
    }
    .uk-card-header {
        padding: 8px 16px;
    }
    .uk-card-footer {
        padding: 8px 16px;
    }
}


/*
 * Micro clearfix
 */

.uk-card-body::before,
.uk-card-body::after,
.uk-card-header::before,
.uk-card-header::after,
.uk-card-footer::before,
.uk-card-footer::after {
    content: "";
    display: table;
}

.uk-card-body::after,
.uk-card-header::after,
.uk-card-footer::after {
    clear: both;
}


/*
 * Remove margin from the last-child
 */

.uk-card-body> :last-child,
.uk-card-header> :last-child,
.uk-card-footer> :last-child {
    margin-bottom: 0;
}


/* Media
 ========================================================================== */


/*
 * Reserved alignment modifier to style the media element, e.g. with `border-radius`
 * Implemented by the theme
 */


/* Title
 ========================================================================== */

.uk-card-title {
    font-size: 1.5rem;
    line-height: 1.4;
}


/* Badge
 ========================================================================== */

.uk-card-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
}


/*
 * Remove margin from adjacent element
 */

.uk-card-badge:first-child+* {
    margin-top: 0;
}


/* Hover modifier
 ========================================================================== */

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background: #f8f8f8;
}


/* Style modifiers
 ========================================================================== */


/*
 * Default
 * Note: Header and Footer are only implemented for the default style
 */

.uk-card-default {
    background: #f8f8f8;
    color: #666;
}

.uk-card-default .uk-card-title {
    color: #333;
}

.uk-card-default.uk-card-hover:hover {
    background-color: #ebebeb;
}


/*
 * Primary
 */

.uk-card-primary {
    background: #1e87f0;
    color: #fff;
}

.uk-card-primary .uk-card-title {
    color: #fff;
}

.uk-card-primary.uk-card-hover:hover {
    background-color: #0f7ae5;
}


/*
 * Secondary
 */

.uk-card-secondary {
    background: #222;
    color: #fff;
}

.uk-card-secondary .uk-card-title {
    color: #fff;
}

.uk-card-secondary.uk-card-hover:hover {
    background-color: #151515;
}


/* Size modifier
 ========================================================================== */


/*
 * Small
 */

.uk-card-small.uk-card-body,
.uk-card-small .uk-card-body {
    padding: 16px 16px;
}

.uk-card-small .uk-card-header {
    padding: 11px 16px;
}

.uk-card-small .uk-card-footer {
    padding: 11px 16px;
}


/*
 * Large
 */


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-card-large.uk-card-body,
    .uk-card-large .uk-card-body {
        padding: 70px 70px;
    }
    .uk-card-large .uk-card-header {
        padding: 35px 70px;
    }
    .uk-card-large .uk-card-footer {
        padding: 35px 70px;
    }
}


/* ========================================================================
   Component: Totop
 ========================================================================== */


/*
 * Addopts `uk-icon`
 */

.uk-totop {
    padding: 5px;
    color: #999;
}


/* Hover + Focus */

.uk-totop:hover,
.uk-totop:focus {
    color: #666;
    outline: none;
}


/* OnClick */

.uk-totop:active {
    color: #333;
}


/* ========================================================================
   Component: Alert
 ========================================================================== */

.uk-alert,
.ems-message,
.pageSifremiUnuttum_mesaj {
    position: relative;
    margin-bottom: 16px;
    padding: 15px 29px 15px 15px;
    background: #f8f8f8;
    color: #666;
}


/* Add margin if adjacent element */

*+.uk-alert,
*+.ems-message,
*+.pageSifremiUnuttum_mesaj {
    margin-top: 16px;
}


/*
 * Remove margin from the last-child
 */

.uk-alert> :last-child,
.ems-message> :last-child,
.pageSifremiUnuttum_mesaj> :last-child {
    margin-bottom: 0;
}


/* Close
 * Adopts `uk-close`
 ========================================================================== */

.uk-alert-close {
    position: absolute;
    top: 20px;
    right: 15px;
}


/*
 * Remove margin from adjacent element
 */

.uk-alert-close:first-child+* {
    margin-top: 0;
}


/*
 * Hover + Focus
 */


/* Style modifiers
 ========================================================================== */


/*
 * Primary
 */

.uk-alert-primary {
    background: #d8eafc;
    color: #1e87f0;
}


/*
 * Success
 */

.uk-alert-success,
.ems-message.ems-message-success,
.pageSifremiUnuttum_mesaj {
    background: #edfbf6;
    color: #32d296;
}


/*
 * Warning
 */

.uk-alert-warning {
    background: #fef5ee;
    color: #faa05a;
}


/*
 * Danger
 */

.uk-alert-danger,
.ems-message.ems-message-error,
.ems-message-error.pageSifremiUnuttum_mesaj {
    background: #fef4f6;
    color: #f0506e;
}


/* ========================================================================
   Component: Overlay
 ========================================================================== */

.uk-overlay {
    padding: 30px 30px;
}


/*
 * Remove margin from the last-child
 */

.uk-overlay> :last-child {
    margin-bottom: 0;
}


/* Icon
 ========================================================================== */


/* Style modifiers
 ========================================================================== */


/*
 * Default
 */

.uk-overlay-default {
    background: rgba(255, 255, 255, 0.8);
}


/*
 * Primary
 */

.uk-overlay-primary {
    background: rgba(34, 34, 34, 0.8);
}


/* ========================================================================
   Component: Tab
 ========================================================================== */


/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */

.uk-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 1 */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 2 */
    margin-left: -20px;
    /* 3 */
    padding: 0;
    list-style: none;
}


/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */

.uk-tab>* {
    /* 1 */
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    /* 2 */
    padding-left: 20px;
    /* 3 */
    position: relative;
}


/* Items
 ========================================================================== */


/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * 1. Center text if a width is set
 * 2. Style
 */

.uk-tab>*>a {
    /* 1 */
    display: block;
    text-align: center;
    /* 2 */
    padding: 5px 10px;
    color: #999;
}


/* Hover + Focus */

.uk-tab>*>a:hover,
.uk-tab>*>a:focus {
    color: #666;
    text-decoration: none;
}


/* Active */

.uk-tab>.uk-active>a {
    color: #333;
}


/* Disabled */

.uk-tab>.uk-disabled>a {
    color: #999;
}


/* Position modifier
 ========================================================================== */


/*
 * Bottom
 */


/*
 * Left + Right
 * 1. Reset Gutter
 */

.uk-tab-left,
.uk-tab-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* 1 */
    margin-left: 0;
}


/* 1 */

.uk-tab-left>*,
.uk-tab-right>* {
    padding-left: 0;
}

.uk-tab-left>*>a {
    text-align: left;
}

.uk-tab-right>*>a {
    text-align: left;
}


/* ========================================================================
   Component: Accordion
 ========================================================================== */

.uk-accordion {
    padding: 0;
    list-style: none;
}


/* Item
 ========================================================================== */

.uk-accordion> :nth-child(n+2) {
    margin-top: 16px;
}


/* Title
 ========================================================================== */

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
}


/* Hover + Focus */

.uk-accordion-title:hover,
.uk-accordion-title:focus {
    color: #666;
    text-decoration: none;
    outline: none;
}


/* Content
 ========================================================================== */

.uk-accordion-content {
    margin-top: 16px;
}


/*
 * Micro clearfix
 */

.uk-accordion-content::before,
.uk-accordion-content::after {
    content: "";
    display: table;
}

.uk-accordion-content::after {
    clear: both;
}


/*
 * Remove margin from the last-child
 */

.uk-accordion-content> :last-child {
    margin-bottom: 0;
}


/* ========================================================================
   Component: Drop
 ========================================================================== */


/*
 * 1. Hide by default
 * 2. Set position
 * 3. Set a default width
 */

.uk-drop {
    /* 1 */
    display: none;
    /* 2 */
    position: absolute;
    z-index: 1020;
    /* 3 */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
}


/* Show */

.uk-drop.uk-open {
    display: block;
}


/* Direction / Alignment modifiers
 ========================================================================== */


/* Direction */

[class*='uk-drop-top'] {
    margin-top: -16px;
}

[class*='uk-drop-bottom'] {
    margin-top: 16px;
}

[class*='uk-drop-left'] {
    margin-left: -16px;
}

[class*='uk-drop-right'] {
    margin-left: 16px;
}


/* Grid modifiers
 ========================================================================== */

.uk-drop-stack .uk-drop-grid>* {
    width: 100% !important;
}


/* ========================================================================
   Component: Modal
 ========================================================================== */


/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 */

.uk-modal {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    /* 3 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    padding: 15px 15px;
    /* 5 */
    background: rgba(0, 0, 0, 0.6);
    /* 6 */
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-modal {
        padding: 50px 30px;
    }
}



/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-modal {
        padding-left: 16px;
        padding-right: 16px;
    }
}


/*
 * Open
 */

.uk-modal.uk-open {
    opacity: 1;
}


/* Page
 ========================================================================== */


/*
 * Prevent scrollbars
 */

.uk-modal-page {
    overflow: hidden;
}


/* Dialog
 ========================================================================== */


/*
 * 1. Create position context for spinner and close button
 * 2. Dimensions
 * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11
 *    `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
 * 4. Style
 * 5. Slide-in transition
 */

.uk-modal-dialog {
    /* 1 */
    position: relative;
    /* 2 */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    /* 3 */
    max-width: calc(100% - 0.01px) !important;
    /* 4 */
    background: #fff;
    /* 5 */
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}


/*
 * Open
 */

.uk-open>.uk-modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


/* Size modifier
 ========================================================================== */


/*
 * Container size
 * Take the same size as the Container component
 */

.uk-modal-container .uk-modal-dialog {
    width: 1200px;
}


/*
 * Full size
 * 1. Remove padding and background from modal
 * 2. Reset all default declarations from modal dialog
 */


/* 1 */

.uk-modal-full {
    padding: 0;
    background: none;
}


/* 2 */

.uk-modal-full .uk-modal-dialog {
    margin: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


/* Sections
 ========================================================================== */

.uk-modal-body {
    padding: 30px 30px;
}

.uk-modal-header {
    padding: 15px 30px;
    background: #f8f8f8;
}

.uk-modal-footer {
    padding: 15px 30px;
    background: #f8f8f8;
}


/*
 * Micro clearfix
 */

.uk-modal-body::before,
.uk-modal-body::after,
.uk-modal-header::before,
.uk-modal-header::after,
.uk-modal-footer::before,
.uk-modal-footer::after {
    content: "";
    display: table;
}

.uk-modal-body::after,
.uk-modal-header::after,
.uk-modal-footer::after {
    clear: both;
}


/*
 * Remove margin from the last-child
 */

.uk-modal-body> :last-child,
.uk-modal-header> :last-child,
.uk-modal-footer> :last-child {
    margin-bottom: 0;
}
.mob{width:100%}

/* Title
 ========================================================================== */

.uk-modal-title {
    font-size: 2rem;
    line-height: 1.3;
}


/* Close
 * Adopts `uk-close`
 ========================================================================== */

[class*='uk-modal-close-'] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px;
}


/*
 * Remove margin from adjacent element
 */

[class*='uk-modal-close-']:first-child+* {
    margin-top: 0;
}


/*
 * Hover
 */


/*
 * Default
 */


/*
 * Outside
 * 1. Prevent scrollbar on small devices
 */

.uk-modal-close-outside {
    top: 0;
    /* 1 */
    right: -5px;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    color: white;
}

.uk-modal-close-outside:hover {
    color: #fff;
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    /* 1 */
    .uk-modal-close-outside {
        right: 0;
        -webkit-transform: translate(100%, -100%);
        -ms-transform: translate(100%, -100%);
        transform: translate(100%, -100%);
    }
}


/*
 * Full
 */


/* ========================================================================
   Component: Lightbox
 ========================================================================== */


/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 */

.uk-lightbox {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    /* 5 */
    background: #000;
    /* 6 */
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}


/*
 * Open
 * 1. Center child
 * 2. Fade-in
 */

.uk-lightbox.uk-open {
    display: block;
    /* 2 */
    opacity: 1;
}


/* Page
 ========================================================================== */


/*
 * Prevent scrollbars
 */

.uk-lightbox-page {
    overflow: hidden;
}


/* Item
 ========================================================================== */


/*
 * 1. Center child within the viewport
 * 2. Not visible by default
 * 3. Color needed for spinner icon
 * 4. Optimize animation
 * 5. Responsiveness
 *    Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
 *    Using `vh` and `vw` to make responsive image work in IE11
 */

.uk-lightbox-items>* {
    /* 1 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* 2 */
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* 3 */
    color: rgba(255, 255, 255, 0.7);
    /* 4 */
    will-change: transform, opacity;
}


/* 5 */

.uk-lightbox-items>*>* {
    max-width: 100vw;
    max-height: 100vh;
}

.uk-lightbox-items>*> :not(iframe) {
    width: auto;
    height: auto;
}

.uk-lightbox-items>.uk-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/* Toolbar
 ========================================================================== */

.uk-lightbox-toolbar {
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.uk-lightbox-toolbar * {
    color: rgba(255, 255, 255, 0.7);
}


/* Toolbar Icon (Close)
 ========================================================================== */

.uk-lightbox-toolbar-icon {
    padding: 5px;
    color: rgba(255, 255, 255, 0.7);
}


/*
 * Hover
 */

.uk-lightbox-toolbar-icon:hover {
    color: #fff;
}


/* Button (Slidenav)
 ========================================================================== */


/*
 * 1. Center icon vertically and horizontally
 */

.uk-lightbox-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.7);
    /* 1 */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/*
 * Hover
 */

.uk-lightbox-button:hover {
    color: #fff;
}


/* Caption
 ========================================================================== */


/* Iframe
 ========================================================================== */

.uk-lightbox-iframe {
    width: 80%;
    height: 80%;
}


/* ========================================================================
   Component: Sticky
 ========================================================================== */


/*
 * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration
 */

.uk-sticky-fixed {
    z-index: 980;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important;
    /* 1 */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/*
 * Faster animations
 */

.uk-sticky[class*='uk-animation-'] {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.uk-sticky.uk-animation-reverse {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}


/* ========================================================================
   Component: Switcher
 ========================================================================== */


/*
 * Reset list
 */

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Items
 ========================================================================== */


/*
 * Hide not active items
 */

.uk-switcher> :not(.uk-active) {
    display: none;
}


/*
 * Remove margin from the last-child
 */

.uk-switcher>*> :last-child {
    margin-bottom: 0;
}


/* ========================================================================
   Component: Iconnav
 ========================================================================== */


/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */

.uk-iconnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 1 */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 2 */
    margin: 0;
    padding: 0;
    list-style: none;
    /* 3 */
    margin-left: -10px;
}


/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 */

.uk-iconnav>* {
    /* 1 */
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    /* 2 */
    padding-left: 10px;
}


/* Items
 ========================================================================== */


/*
 * Items
 * 1. Prevent gap if child element is `inline-block`, e.g. an icon
 * 2. Style
 */

.uk-iconnav>*>* {
    /* 1 */
    display: block;
    /* 2 */
    color: #999;
}


/* Hover + Focus */

.uk-iconnav>*> :hover,
.uk-iconnav>*> :focus {
    color: #666;
    outline: none;
}


/* Active */

.uk-iconnav>.uk-active>* {
    color: #666;
}


/* Modifier: 'uk-iconnav-vertical'
 ========================================================================== */


/*
 * 1. Change direction
 * 2. Gutter
 */

.uk-iconnav-vertical {
    /* 1 */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* 2 */
    margin-left: 0;
    margin-top: -10px;
}


/* 2 */

.uk-iconnav-vertical>* {
    padding-left: 0;
    padding-top: 10px;
}


/* ========================================================================
   Component: Animation
 ========================================================================== */

[class*='uk-animation-'] {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* Direction modifier
 ========================================================================== */

.uk-animation-reverse {
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}


/* Animations for scrollspy
 ========================================================================== */


/*
 * Fade
 */

.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}


/*
 * Scale
 */

.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02;
}

.uk-animation-scale-down {
    -webkit-animation-name: uk-fade-scale-18;
    animation-name: uk-fade-scale-18;
}


/*
 * Slide
 */

.uk-animation-slide-top {
    -webkit-animation-name: uk-fade-top;
    animation-name: uk-fade-top;
}

.uk-animation-slide-bottom {
    -webkit-animation-name: uk-fade-bottom;
    animation-name: uk-fade-bottom;
}

.uk-animation-slide-left {
    -webkit-animation-name: uk-fade-left;
    animation-name: uk-fade-left;
}

.uk-animation-slide-right {
    -webkit-animation-name: uk-fade-right;
    animation-name: uk-fade-right;
}


/*
 * Slide Small
 */

.uk-animation-slide-top-small {
    -webkit-animation-name: uk-fade-top-small;
    animation-name: uk-fade-top-small;
}

.uk-animation-slide-bottom-small {
    -webkit-animation-name: uk-fade-bottom-small;
    animation-name: uk-fade-bottom-small;
}

.uk-animation-slide-left-small {
    -webkit-animation-name: uk-fade-left-small;
    animation-name: uk-fade-left-small;
}

.uk-animation-slide-right-small {
    -webkit-animation-name: uk-fade-right-small;
    animation-name: uk-fade-right-small;
}


/*
 * Slide Medium
 */

.uk-animation-slide-top-medium {
    -webkit-animation-name: uk-fade-top-medium;
    animation-name: uk-fade-top-medium;
}

.uk-animation-slide-bottom-medium {
    -webkit-animation-name: uk-fade-bottom-medium;
    animation-name: uk-fade-bottom-medium;
}

.uk-animation-slide-left-medium {
    -webkit-animation-name: uk-fade-left-medium;
    animation-name: uk-fade-left-medium;
}

.uk-animation-slide-right-medium {
    -webkit-animation-name: uk-fade-right-medium;
    animation-name: uk-fade-right-medium;
}


/*
 * Kenburns
 */

.uk-animation-kenburns {
    -webkit-animation-name: uk-scale-kenburns;
    animation-name: uk-scale-kenburns;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}


/*
 * Shake
 */

.uk-animation-shake {
    -webkit-animation-name: uk-shake;
    animation-name: uk-shake;
}


/* Duration modifier
 ========================================================================== */

.uk-animation-fast {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
}


/* Enable animation only on hover
========================================================================== */


/*
 * Note: Firefox and IE needs this because animations are not triggered when switching between display `none` and `block`
 */

.uk-animation-toggle:not(:hover):not(.uk-hover) [class*='uk-animation-'] {
    -webkit-animation-name: none;
    animation-name: none;
}


/* Keyframes used by animation classes
 ========================================================================== */


/*
 * Fade
 */

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*
 * Slide Top
 */

@-webkit-keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*
 * Slide Bottom
 */

@-webkit-keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*
 * Slide Left
 */

@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/*
 * Slide Right
 */

@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/*
 * Slide Top Small
 */

@-webkit-keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*
 * Slide Bottom Small
 */

@-webkit-keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*
 * Slide Left Small
 */

@-webkit-keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/*
 * Slide Right Small
 */

@-webkit-keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/*
 * Slide Top Medium
 */

@-webkit-keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*
 * Slide Bottom Medium
 */

@-webkit-keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*
 * Slide Left Medium
 */

@-webkit-keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/*
 * Slide Right Medium
 */

@-webkit-keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/*
 * Scale Up
 */

@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*
 * Scale Down
 */

@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*
 * Kenburns
 */

@-webkit-keyframes uk-scale-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes uk-scale-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}


/*
 * Shake
 */

@-webkit-keyframes uk-shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px);
    }
    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px);
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
}

@keyframes uk-shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px);
    }
    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px);
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
}


/* ========================================================================
   Component: Width
 ========================================================================== */


/* Equal child widths
 ========================================================================== */

[class*='uk-child-width']>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.uk-child-width-1-2>* {
    width: 50%;
}

.uk-child-width-1-3>* {
    width: calc(100% * 1 / 3.001);
}

.uk-child-width-1-4>* {
    width: 25%;
}

.uk-child-width-1-5>* {
    width: 20%;
}

.uk-child-width-1-6>* {
    width: calc(100% * 1 / 6.001);
}

.uk-child-width-auto>* {
    width: auto;
}


/*
 *    Instead of 0, 1px is needed to make cell wrap into next row if predecessor is 100% wide
 *    and the grid gutter is 0 pixels wide
 */

.uk-child-width-expand>* {
    width: 1px;
}


/*
 * 1. Make `width: 1px` work, because according to the spec flex items won’t shrink
 *    below their minimum content size. To change this, set the min-width.
 *    Only needed for Firefox. All other browsers ignore this.
 *
 * 2. `width` is ignored when wrapping flex items in Safari
 *    https://github.com/philipwalton/flexbugs#11-min-and-max-size-declarations-are-ignored-when-wrapping-flex-items
 */

.uk-child-width-expand> :not([class*='uk-width']) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* 1 */
    min-width: 0;
    /* 2 */
    -ms-flex-preferred-size: 1px;
    flex-basis: 1px;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-child-width-1-1\@s >* {
        width: 100%;
    }
    .uk-child-width-1-2\@s >* {
        width: 50%;
    }
    .uk-child-width-1-3\@s >* {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@s >* {
        width: 25%;
    }
    .uk-child-width-1-5\@s >* {
        width: 20%;
    }
    .uk-child-width-1-6\@s >* {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@s >* {
        width: auto;
    }
    .uk-child-width-expand\@s >* {
        width: 1px;
    }
    .uk-child-width-expand\@s > :not([class*='uk-width']) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-child-width-1-1\@m >* {
        width: 100%;
    }
    .uk-child-width-1-2\@m >* {
        width: 50%;
    }
    .uk-child-width-1-3\@m >* {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@m >* {
        width: 25%;
    }
    .uk-child-width-1-5\@m >* {
        width: 20%;
    }
    .uk-child-width-1-6\@m >* {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@m >* {
        width: auto;
    }
    .uk-child-width-expand\@m >* {
        width: 1px;
    }
    .uk-child-width-expand\@m > :not([class*='uk-width']) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px;
    }
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-child-width-1-1\@l >* {
        width: 100%;
    }
    .uk-child-width-1-2\@l >* {
        width: 50%;
    }
    .uk-child-width-1-3\@l >* {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@l >* {
        width: 25%;
    }
    .uk-child-width-1-5\@l >* {
        width: 20%;
    }
    .uk-child-width-1-6\@l >* {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@l >* {
        width: auto;
    }
    .uk-child-width-expand\@l >* {
        width: 1px;
    }
    .uk-child-width-expand\@l > :not([class*='uk-width']) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px;
    }
}


/* Large screen and bigger */

@media (min-width: 1600px) {
    .uk-child-width-1-1\@xl >* {
        width: 100%;
    }
    .uk-child-width-1-2\@xl >* {
        width: 50%;
    }
    .uk-child-width-1-3\@xl >* {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@xl >* {
        width: 25%;
    }
    .uk-child-width-1-5\@xl >* {
        width: 20%;
    }
    .uk-child-width-1-6\@xl >* {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@xl >* {
        width: auto;
    }
    .uk-child-width-expand\@xl >* {
        width: 1px;
    }
    .uk-child-width-expand\@xl > :not([class*='uk-width']) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px;
    }
}


/* Single Widths
 ========================================================================== */


/*
 * 1. `max-width` is needed for the pixel-based classes
 */

[class*='uk-width'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /* 1 */
    max-width: 100%;
}


/* Halves */

.uk-width-1-2,
.ems-product-list .ems-prd-list .emosInfinite .ems-prd,
.ems-series-list .emosInfinite .ems-prd {
    width: 50%;
}


/* Thirds */

.uk-width-1-3,
.ems-prd-general-info-holder .feature-item,
.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(1),
.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(5),
.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(7) {
    width: calc(100% * 1 / 3.001);
}

.uk-width-2-3,
.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(2) {
    width: calc(100% * 2 / 3.001);
}


/* Quarters */

.uk-width-1-4,
.product-detail-slider .swiper-left-column .swiper-slide,
.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(4),
.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(6),
.lastFavorite-list .lastFavorite-item-image,
.ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title .ddr-prd-image {
    width: 25%;
}

.uk-width-3-4,
.lastFavorite-list .lastFavorite-item-info {
    width: 75%;
}


/* Fifths */

.uk-width-1-5,
.urunKiyaslamaIcerik>table>tbody>tr>td {
    width: 20%;
}

.uk-width-2-5 {
    width: 40%;
}

.uk-width-3-5 {
    width: 60%;
}

.uk-width-4-5 {
    width: 80%;
}


/* Sixths */

.uk-width-1-6 {
    width: calc(100% * 1 / 6.001);
}

.uk-width-5-6,
.homepage-showcase .hs-content {
    width: calc(100% * 5 / 6.001);
}


/* Pixel */

.uk-width-small {
    width: 150px;
}

.uk-width-medium {
    width: 300px;
}

.uk-width-large {
    width: 450px;
}

.uk-width-xlarge {
    width: 600px;
}

.uk-width-xxlarge {
    width: 750px;
}


/* Auto */

.uk-width-auto {
    width: auto;
}


/* Expand */

.uk-width-expand {
    width: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    -ms-flex-preferred-size: 1px;
    flex-basis: 1px;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    /* Whole */
    .uk-width-1-1\@s {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@s {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@s,
    .ems-product-list .ems-prd-list .emosInfinite .ems-prd {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@s {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@s {
        width: 25%;
    }
    .uk-width-3-4\@s {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@s {
        width: 20%;
    }
    .uk-width-2-5\@s {
        width: 40%;
    }
    .uk-width-3-5\@s {
        width: 60%;
    }
    .uk-width-4-5\@s {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@s {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@s {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@s {
        width: 150px;
    }
    .uk-width-medium\@s {
        width: 300px;
    }
    .uk-width-large\@s {
        width: 450px;
    }
    .uk-width-xlarge\@s {
        width: 600px;
    }
    .uk-width-xxlarge\@s {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@s {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@s {
        width: 1px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    /* Whole */
    .uk-width-1-1\@m {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@m,
    .ems-page-listing-2 .icerikTemplateListeContainer .icerikTemplateListeItem,
    .ems-page-corporate-list .icerikTemplateListeContainer>div {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@m,
    .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem,
    .widget-collection .ems-prd,
    .bathroom-collections-wrapper .bcw-holder>div,
    .ems-series-list .emosInfinite .ems-prd {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@m,
    .ems-page-corporate-detail .page-groups-building-products>div,
    .bathroom-collections-wrapper .bcw-holder>div:first-child {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@m,
    .ems-page-listing-4 .icerikTemplateListeContainer .icerikTemplateListeItem,
    .kutuBulten_btnBultenGonder,
    .ems-prd-karo .prd-img {
        width: 25%;
    }
    .uk-width-3-4\@m,
    .kutuBodyBulten,
    .kutuHeaderBulten,
    .kutuBulten_email,
    .divchkPrivacyNotice,
    .ems-prd-karo .prd-tag-group {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@m,
    .ems-product-list .ems-col-left,
    .ems-product-list .ems-prd-list .emosInfinite .ems-prd {
        width: 20%;
    }
    .uk-width-2-5\@m {
        width: 40%;
    }
    .uk-width-3-5\@m {
        width: 60%;
    }
    .uk-width-4-5\@m,
    .ems-product-list .ems-col-right {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@m,
    .widget-product .emosInfinite .ems-prd,
    .ems-page-design-inner .designers-wrapper .dwc-group ul li,
    .ems-prd-karo .prd-tag>div,
    .ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title .ddr-prd-image {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@m {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@m {
        width: 150px;
    }
    .uk-width-medium\@m {
        width: 300px;
    }
    .uk-width-large\@m {
        width: 450px;
    }
    .uk-width-xlarge\@m {
        width: 600px;
    }
    .uk-width-xxlarge\@m {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@m {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@m {
        width: 1px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px;
    }
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    /* Whole */
    .uk-width-1-1\@l {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@l {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@l {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@l {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@l {
        width: 25%;
    }
    .uk-width-3-4\@l {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@l {
        width: 20%;
    }
    .uk-width-2-5\@l {
        width: 40%;
    }
    .uk-width-3-5\@l {
        width: 60%;
    }
    .uk-width-4-5\@l {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@l {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@l {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@l {
        width: 150px;
    }
    .uk-width-medium\@l {
        width: 300px;
    }
    .uk-width-large\@l {
        width: 450px;
    }
    .uk-width-xlarge\@l {
        width: 600px;
    }
    .uk-width-xxlarge\@l {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@l {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@l {
        width: 1px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px;
    }
}


/* Large screen and bigger */

@media (min-width: 1600px) {
    /* Whole */
    .uk-width-1-1\@xl {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@xl {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@xl {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@xl {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@xl {
        width: 25%;
    }
    .uk-width-3-4\@xl {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@xl {
        width: 20%;
    }
    .uk-width-2-5\@xl {
        width: 40%;
    }
    .uk-width-3-5\@xl {
        width: 60%;
    }
    .uk-width-4-5\@xl {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@xl {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@xl {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@xl {
        width: 150px;
    }
    .uk-width-medium\@xl {
        width: 300px;
    }
    .uk-width-large\@xl {
        width: 450px;
    }
    .uk-width-xlarge\@xl {
        width: 600px;
    }
    .uk-width-xxlarge\@xl {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@xl {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@xl {
        width: 1px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px;
    }
}


/* ========================================================================
   Component: Text
 ========================================================================== */


/* Style modifiers
 ========================================================================== */

.uk-text-lead {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #333;
}

.uk-text-meta {
    font-size: 0.875rem;
    line-height: 1.4;
    color: #999;
}


/* Size modifiers
 ========================================================================== */

.uk-text-small {
    font-size: 0.875rem;
    line-height: 1.5;
}

.uk-text-large {
    font-size: 1.5rem;
    line-height: 1.5;
}


/* Weight modifier
 ========================================================================== */

.uk-text-bold {
    font-weight: bolder;
}


/* Transform modifier
 ========================================================================== */

.uk-text-uppercase {
    text-transform: uppercase !important;
}

.uk-text-capitalize {
    text-transform: capitalize !important;
}

.uk-text-lowercase {
    text-transform: lowercase !important;
}


/* Color modifiers
 ========================================================================== */

.uk-text-muted {
    color: #999 !important;
}

.uk-text-primary {
    color: #1e87f0 !important;
}

.uk-text-success {
    color: #32d296 !important;
}

.uk-text-warning {
    color: #faa05a !important;
}

.uk-text-danger {
    color: #f0506e !important;
}


/* Background modifier
 ========================================================================== */


/*
 * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
 *    Default color is set to transparent
 * 2. Container fits the text
 * 3. Fallback color for IE11
 */

.uk-text-background {
    /* 1 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* 2 */
    display: inline-block;
    /* 3 */
    color: #1e87f0 !important;
}

@supports (-webkit-background-clip: text) {
    .uk-text-background {
        background-color: #1e87f0;
    }
}


/* Alignment modifiers
 ========================================================================== */

.uk-text-left {
    text-align: left !important;
}

.uk-text-right {
    text-align: right !important;
}

.uk-text-center {
    text-align: center !important;
}

.uk-text-justify {
    text-align: justify !important;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-text-left\@s {
        text-align: left !important;
    }
    .uk-text-right\@s {
        text-align: right !important;
    }
    .uk-text-center\@s {
        text-align: center !important;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-text-left\@m {
        text-align: left !important;
    }
    .uk-text-right\@m {
        text-align: right !important;
    }
    .uk-text-center\@m {
        text-align: center !important;
    }
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-text-left\@l {
        text-align: left !important;
    }
    .uk-text-right\@l {
        text-align: right !important;
    }
    .uk-text-center\@l {
        text-align: center !important;
    }
}


/* Large screen and bigger */

@media (min-width: 1600px) {
    .uk-text-left\@xl {
        text-align: left !important;
    }
    .uk-text-right\@xl {
        text-align: right !important;
    }
    .uk-text-center\@xl {
        text-align: center !important;
    }
}


/*
 * Vertical
 */

.uk-text-top {
    vertical-align: top !important;
}

.uk-text-middle {
    vertical-align: middle !important;
}

.uk-text-bottom {
    vertical-align: bottom !important;
}

.uk-text-baseline {
    vertical-align: baseline !important;
}


/* Wrap modifiers
 ========================================================================== */


/*
 * Prevent text from wrapping onto multiple lines
 */

.uk-text-nowrap {
    white-space: nowrap;
}


/*
 * 1. Make sure a max-width is set after which truncation can occur
 * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
 * 3. Fix for table cells
 */

.uk-text-truncate {
    /* 1 */
    max-width: 100%;
    /* 2 */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 2 */

th.uk-text-truncate,
td.uk-text-truncate {
    max-width: 0;
}


/*
 * 1. Wrap long words onto the next line and break them if they are too long to fit
 * 2. Legacy `word-wrap` as fallback for `overflow-wrap`
 * 3. Add a hyphen where the word breaks
 * 4. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge
 *    Must use `break-all` to support IE11 and Edge
 */

.uk-text-break {
    /* 1 */
    overflow-wrap: break-word;
    /* 2 */
    word-wrap: break-word;
    /* 3 */
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


/* 4 */

th.uk-text-break,
td.uk-text-break {
    word-break: break-all;
}


/* ========================================================================
   Component: Column
 ========================================================================== */

[class*='uk-column-'] {
    -webkit-column-gap: 30px;
    column-gap: 30px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    [class*='uk-column-'] {
        -webkit-column-gap: 16px;
        column-gap: 16px;
    }
}


/*
 * Fix image 1px line wrapping into the next column in Chrome
 */

[class*='uk-column-'] img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* Divider
 ========================================================================== */


/*
 * 1. Double the column gap
 */

.uk-column-divider {
    -webkit-column-rule: 1px solid #e5e5e5;
    column-rule: 1px solid #e5e5e5;
    /* 1 */
    -webkit-column-gap: 60px;
    column-gap: 60px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-column-divider {
        -webkit-column-gap: 32px;
        column-gap: 32px;
    }
}


/* Width modifiers
 ========================================================================== */

.uk-column-1-2 {
    -webkit-column-count: 2;
    column-count: 2;
}

.uk-column-1-3 {
    -webkit-column-count: 3;
    column-count: 3;
}

.uk-column-1-4 {
    -webkit-column-count: 4;
    column-count: 4;
}

.uk-column-1-5 {
    -webkit-column-count: 5;
    column-count: 5;
}

.uk-column-1-6 {
    -webkit-column-count: 6;
    column-count: 6;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-column-1-2\@s {
        -webkit-column-count: 2;
        column-count: 2;
    }
    .uk-column-1-3\@s {
        -webkit-column-count: 3;
        column-count: 3;
    }
    .uk-column-1-4\@s {
        -webkit-column-count: 4;
        column-count: 4;
    }
    .uk-column-1-5\@s {
        -webkit-column-count: 5;
        column-count: 5;
    }
    .uk-column-1-6\@s {
        -webkit-column-count: 6;
        column-count: 6;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-column-1-2\@m {
        -webkit-column-count: 2;
        column-count: 2;
    }
    .uk-column-1-3\@m {
        -webkit-column-count: 3;
        column-count: 3;
    }
    .uk-column-1-4\@m {
        -webkit-column-count: 4;
        column-count: 4;
    }
    .uk-column-1-5\@m {
        -webkit-column-count: 5;
        column-count: 5;
    }
    .uk-column-1-6\@m {
        -webkit-column-count: 6;
        column-count: 6;
    }
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-column-1-2\@l {
        -webkit-column-count: 2;
        column-count: 2;
    }
    .uk-column-1-3\@l {
        -webkit-column-count: 3;
        column-count: 3;
    }
    .uk-column-1-4\@l {
        -webkit-column-count: 4;
        column-count: 4;
    }
    .uk-column-1-5\@l {
        -webkit-column-count: 5;
        column-count: 5;
    }
    .uk-column-1-6\@l {
        -webkit-column-count: 6;
        column-count: 6;
    }
}


/* Large screen and bigger */

@media (min-width: 1600px) {
    .uk-column-1-2\@xl {
        -webkit-column-count: 2;
        column-count: 2;
    }
    .uk-column-1-3\@xl {
        -webkit-column-count: 3;
        column-count: 3;
    }
    .uk-column-1-4\@xl {
        -webkit-column-count: 4;
        column-count: 4;
    }
    .uk-column-1-5\@xl {
        -webkit-column-count: 5;
        column-count: 5;
    }
    .uk-column-1-6\@xl {
        -webkit-column-count: 6;
        column-count: 6;
    }
}


/* Make element span across all columns
 * Does not work in Firefox yet
 ========================================================================== */

.uk-column-span {
    -webkit-column-span: all;
    column-span: all;
}


/* ========================================================================
   Component: Cover
 ========================================================================== */


/*
 * Works with iframes and embedded content
 * 1. Reset responsiveness for embedded content
 * 2. Center object
 * Note: Percent values on the `top` property only works if this element
 *       is absolute positioned or if the container has a height
 */

.uk-cover {
    /* 1 */
    max-width: none;
    /* 2 */
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

iframe.uk-cover {
    pointer-events: none;
}


/* Container
 ========================================================================== */


/*
 * 1. Parent container which clips resized object
 * 2. Needed if the child is positioned absolute. See note above
 */

.uk-cover-container {
    /* 1 */
    overflow: hidden;
    /* 2 */
    position: relative;
}


/* ========================================================================
   Component: Background
 ========================================================================== */


/* Color
 ========================================================================== */

.uk-background-default {
    background-color: #fff;
}

.uk-background-muted {
    background-color: #f8f8f8;
}

.uk-background-primary {
    background-color: #1e87f0;
}

.uk-background-secondary {
    background-color: #222;
}


/* Size
 ========================================================================== */

.uk-background-cover,
.uk-background-contain {
   
    background-repeat: no-repeat;background-position: 50% 50%;
}

.uk-background-cover {
 background-size: contain;
}

.uk-background-contain {
    background-size: contain;
}


/* Position
 ========================================================================== */

.uk-background-top-left {
    background-position: 0 0;
}

.uk-background-top-center {
    background-position: 50% 0;
}

.uk-background-top-right {
    background-position: 100% 0;
}

.uk-background-center-left {
    background-position: 0 50%;
}

.uk-background-center-center {
    background-position: 50% 50%;
}

.uk-background-center-right {
    background-position: 100% 50%;
}

.uk-background-bottom-left {
    background-position: 0 100%;
}

.uk-background-bottom-center {
    background-position: 50% 100%;
}

.uk-background-bottom-right {
    background-position: 100% 100%;
}


/* Repeat
 ========================================================================== */

.uk-background-norepeat {
    background-repeat: no-repeat;
}


/* Attachment
 ========================================================================== */

.uk-background-fixed {
    background-attachment: fixed;
}


/*
 * Exclude touch devices because `fixed` doesn't work on iOS and Android
 */

@media (pointer: coarse) {
    .uk-background-fixed {
        background-attachment: scroll;
    }
}


/* Image
 ========================================================================== */


/* Phone portrait and smaller */

@media (max-width: 639px) {
    .uk-background-image\@s {
        background-image: none !important;
    }
	
	.mob{width:50%}
	.prominent-collections-holder .prom-col-img {
    width: 96%;
}
	
}


/* Phone landscape and smaller */

@media (max-width: 959px) {
    .uk-background-image\@m {
        background-image: none !important;
    }
}


/* Tablet landscape and smaller */

@media (max-width: 1199px) {
    .uk-background-image\@l {
        background-image: none !important;
    }
}


/* Desktop and smaller */

@media (max-width: 1599px) {
    .uk-background-image\@xl {
        background-image: none !important;
    }
}


/* Blend modes
 ========================================================================== */

.uk-background-blend-multiply {
    background-blend-mode: multiply;
}

.uk-background-blend-screen {
    background-blend-mode: screen;
}

.uk-background-blend-overlay {
    background-blend-mode: overlay;
}

.uk-background-blend-darken {
    background-blend-mode: darken;
}

.uk-background-blend-lighten {
    background-blend-mode: lighten;
}

.uk-background-blend-color-dodge {
    background-blend-mode: color-dodge;
}

.uk-background-blend-color-burn {
    background-blend-mode: color-burn;
}

.uk-background-blend-hard-light {
    background-blend-mode: hard-light;
}

.uk-background-blend-soft-light {
    background-blend-mode: soft-light;
}

.uk-background-blend-difference {
    background-blend-mode: difference;
}

.uk-background-blend-exclusion {
    background-blend-mode: exclusion;
}

.uk-background-blend-hue {
    background-blend-mode: hue;
}

.uk-background-blend-saturation {
    background-blend-mode: saturation;
}

.uk-background-blend-color {
    background-blend-mode: color;
}

.uk-background-blend-luminosity {
    background-blend-mode: luminosity;
}


/* ========================================================================
   Component: Align
 ========================================================================== */


/*
 * Default
 */

[class*='uk-align'] {
    display: block;
    margin-bottom: 30px;
}

*+[class*='uk-align'] {
    margin-top: 30px;
}


/*
 * Center
 */

.uk-align-center {
    margin-left: auto;
    margin-right: auto;
}


/*
 * Left/Right
 */

.uk-align-left {
    margin-top: 0;
    margin-right: 30px;
    float: left;
}

.uk-align-right {
    margin-top: 0;
    margin-left: 30px;
    float: right;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-align-left\@s {
        margin-top: 0;
        margin-right: 30px;
        float: left;
    }
    .uk-align-right\@s {
        margin-top: 0;
        margin-left: 30px;
        float: right;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-align-left\@m {
        margin-top: 0;
        margin-right: 30px;
        float: left;
    }
    .uk-align-right\@m {
        margin-top: 0;
        margin-left: 30px;
        float: right;
    }
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-align-left\@l {
        margin-top: 0;
        float: left;
    }
    .uk-align-right\@l {
        margin-top: 0;
        float: right;
    }
    .uk-align-left,
    .uk-align-left\@s,
    .uk-align-left\@m,
    .uk-align-left\@l {
        margin-right: 16px;
    }
    .uk-align-right,
    .uk-align-right\@s,
    .uk-align-right\@m,
    .uk-align-right\@l {
        margin-left: 16px;
    }
}


/* Large screen and bigger */

@media (min-width: 1600px) {
    .uk-align-left\@xl {
        margin-top: 0;
        margin-right: 16px;
        float: left;
    }
    .uk-align-right\@xl {
        margin-top: 0;
        margin-left: 16px;
        float: right;
    }
}


/* ========================================================================
   Component: Utility
 ========================================================================== */


/* Panel
 ========================================================================== */

.uk-panel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*
 * Micro clearfix
 */

.uk-panel::before,
.uk-panel::after {
    content: "";
    display: table;
}

.uk-panel::after {
    clear: both;
}


/*
 * Remove margin from the last-child
 */

.uk-panel> :last-child {
    margin-bottom: 0;
}


/*
 * Scrollable
 */

.uk-panel-scrollable {
    height: 170px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
}


/* Clearfix
 ========================================================================== */


/*
 * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * 2. `table` is used again with `::after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */


/* 1 */

.uk-clearfix::before {
    content: "";
    display: table-cell;
}


/* 2 */

.uk-clearfix::after {
    content: "";
    display: table;
    clear: both;
}


/* Float
 ========================================================================== */


/*
 * 1. Prevent content overflow
 */

.uk-float-left {
    float: left;
}

.uk-float-right {
    float: right;
}


/* 1 */

[class*='uk-float-'] {
    max-width: 100%;
}


/* Overfow
 ========================================================================== */

.uk-overflow-hidden {
    overflow: hidden;
}


/*
 * Enable scrollbars if content is clipped
 */

.uk-overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.uk-overflow-auto> :last-child {
    margin-bottom: 0;
}


/* Resize
 ========================================================================== */

.uk-resize {
    resize: both;
}

.uk-resize-vertical {
    resize: vertical;
}


/* Display
 ========================================================================== */

.uk-display-block,
.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev3.act>ul,
.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev3.sel>ul,
.go-to-login-active .ems-login,
.go-to-signup-active .ems-signup,
a.btnLogin,
a.btnYeniUyeKaydet,
.pageLogin_btnFacebookLogin .btnFacebookLogin,
.new-user-info-append .new-user-info {
    display: block !important;
}

.uk-display-inline {
    display: inline !important;
}

.uk-display-inline-block,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>a:after,
.hierarchy-accordion .uk-accordion>li>a:after {
    display: inline-block !important;
}


/* Inline
 ========================================================================== */


/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 * 5. Force hardware acceleration without creating a new stacking context
 *    to fix 1px glitch when combined with overlays and transitions in Webkit
 * 6. Clip child elements
 */

[class*='uk-inline'] {
    /* 1 */
    display: inline-block;
    /* 2 */
    position: relative;
    /* 3 */
    max-width: 100%;
    /* 4 */
    vertical-align: middle;
    /* 5 */
    -webkit-backface-visibility: hidden;
}

.uk-inline-clip {
    /* 6 */
    overflow: hidden;
}


/* Height
 ========================================================================== */

[class*='uk-height'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*
 * Only works if parent element has a height set
 */

.uk-height-1-1 {
    height: 100%;
}


/*
 * Useful to create image teasers
 */

.uk-height-viewport {
    min-height: 100vh;
}


/*
 * Pixel
 * Useful for `overflow: auto`
 */

.uk-height-small {
    height: 150px;
}

.uk-height-medium {
    height: 300px;
}

.uk-height-large {
    height: 450px;
}

.uk-height-max-small {
    max-height: 150px;
}

.uk-height-max-medium {
    max-height: 300px;
}

.uk-height-max-large {
    max-height: 450px;
}


/* Responsive objects
 ========================================================================== */


/*
 * Preserve original dimensions
 * Because `img, `video`, `canvas` and  `audio` are already responsive by default, see Base component
 */

.uk-preserve-width,
.uk-preserve-width audio,
.uk-preserve-width canvas,
.uk-preserve-width img,
.uk-preserve-width svg,
.uk-preserve-width video {
    max-width: none;
}


/*
 * Responsiveness
 * Corrects `max-width` and `max-height` behavior if padding and border are used
 */

.uk-responsive-width,
.uk-responsive-height {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*
 * 1. Set a maximum width. `important` needed to override `uk-preserve-width img`
 * 2. Auto scale the height. Only needed if `height` attribute is present
 */

.uk-responsive-width {
    /* 1 */
    max-width: 100% !important;
    /* 2 */
    height: auto;
}


/*
 * 1. Set a maximum height. Only works if the parent element has a fixed height
 * 2. Auto scale the width. Only needed if `width` attribute is present
 * 3. Reset max-width, which `img, `video`, `canvas` and  `audio` already have by default
 */

.uk-responsive-height {
    /* 1 */
    max-height: 100%;
    /* 2 */
    width: auto;
    /* 3 */
    max-width: none;
}


/* Border
 ========================================================================== */

.uk-border-circle {
    border-radius: 50%;
}

.uk-border-rounded {
    border-radius: 5px;
}


/*
 * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 */

.uk-inline-clip[class*='uk-border-'] {
    -webkit-transform: translateZ(0);
}


/* Box-shadow
 ========================================================================== */

.uk-box-shadow-small {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-medium {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-large {
    -webkit-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-box-shadow-xlarge {
    -webkit-box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
    box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}


/*
 * Hover
 */

[class*='uk-box-shadow-hover'] {
    -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
    transition: -webkit-box-shadow 0.1s ease-in-out;
    -o-transition: box-shadow 0.1s ease-in-out;
    transition: box-shadow 0.1s ease-in-out;
    transition: box-shadow 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;
}

.uk-box-shadow-hover-small:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-hover-medium:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-hover-large:hover {
    -webkit-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-box-shadow-hover-xlarge:hover {
    -webkit-box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
    box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}


/* Box-shadow bottom
 ========================================================================== */


/*
 * 1. Set position.
 * 2. Set style
 * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge.
 *    Solved by using `before` and add position context to child elements.
 */

@supports ((-webkit-filter: blur(0)) or (filter: blur(0))) {
    .uk-box-shadow-bottom {
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: middle;
    }
    .uk-box-shadow-bottom::before {
        content: '';
        /* 1 */
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
        /* 2 */
        height: 30px;
        border-radius: 100%;
        background: #444;
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }
    /* 3 */
    .uk-box-shadow-bottom>* {
        position: relative;
    }
}


/* Drop cap
 ========================================================================== */

.uk-dropcap::first-letter,
.uk-dropcap>p:first-of-type::first-letter {
    display: block;
    margin-right: 10px;
    float: left;
    font-size: 4.5em;
    line-height: 1;
}


/* Leader
 ========================================================================== */

.uk-leader {
    overflow: hidden;
}


/*
 * 1. Place element in text flow
 * 2. Never break into a new line
 * 3. Get a string back with as many repeating characters to fill the container
 * 4. Prevent wrapping. Overflowing characters will be clipped by the container
 */

.uk-leader-fill::after {
    /* 1 */
    display: inline-block;
    margin-left: 15px;
    /* 2 */
    width: 0;
    /* 3 */
    content: attr(data-fill);
    /* 4 */
    white-space: nowrap;
}


/*
 * Hide if media does not match
 */

.uk-leader-fill.uk-leader-hide::after {
    display: none;
}


/* Pass fill character to JS */

.var-leader-fill:before {
    content: ".";
}


/* Logo
 ========================================================================== */


/*
 * 1. Required for `a`
 */

.uk-logo {
    font-size: 1.5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #666;
    /* 1 */
    text-decoration: none;
}


/* Hover + Focus */

.uk-logo:hover,
.uk-logo:focus {
    color: #666;
    outline: none;
    /* 1 */
    text-decoration: none;
}

.uk-logo-inverse {
    display: none;
}


/* SVG
 ========================================================================== */


/*
 * 1. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 2. Set the fill and stroke color of all SVG elements to the current text color
 * 3. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+
 */


/* 1 */

.uk-svg,
.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve),
.uk-svg:not(.uk-preserve) [FILL*='#']:not(.uk-preserve) {
    fill: currentcolor;
}

.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve),
.uk-svg:not(.uk-preserve) [STROKE*='#']:not(.uk-preserve) {
    stroke: currentcolor;
}


/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */

.uk-svg {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}


/* Disabled State
 ========================================================================== */

.uk-disabled {
    pointer-events: none;
}


/* Drag State
 ========================================================================== */


/*
 * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons
 * 2. Fix dragging over iframes
 */

.uk-drag,
.uk-drag * {
    cursor: move;
}


/* 2 */

.uk-drag iframe {
    pointer-events: none;
}


/* Dragover State
 ========================================================================== */


/*
 * Create a box-shadow when dragging a file over the upload area
 */

.uk-dragover {
    -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}


/* Blend modes
 ========================================================================== */

.uk-blend-multiply {
    mix-blend-mode: multiply;
}

.uk-blend-screen {
    mix-blend-mode: screen;
}

.uk-blend-overlay {
    mix-blend-mode: overlay;
}

.uk-blend-darken {
    mix-blend-mode: darken;
}

.uk-blend-lighten {
    mix-blend-mode: lighten;
}

.uk-blend-color-dodge {
    mix-blend-mode: color-dodge;
}

.uk-blend-color-burn {
    mix-blend-mode: color-burn;
}

.uk-blend-hard-light {
    mix-blend-mode: hard-light;
}

.uk-blend-soft-light {
    mix-blend-mode: soft-light;
}

.uk-blend-difference {
    mix-blend-mode: difference;
}

.uk-blend-exclusion {
    mix-blend-mode: exclusion;
}

.uk-blend-hue {
    mix-blend-mode: hue;
}

.uk-blend-saturation {
    mix-blend-mode: saturation;
}

.uk-blend-color {
    mix-blend-mode: color;
}

.uk-blend-luminosity {
    mix-blend-mode: luminosity;
}


/* Transform
========================================================================== */

.uk-transform-center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* Transform Origin
========================================================================== */

.uk-transform-origin-top-left {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.uk-transform-origin-top-center {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.uk-transform-origin-top-right {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.uk-transform-origin-center-left {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.uk-transform-origin-center-right {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.uk-transform-origin-bottom-left {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.uk-transform-origin-bottom-center {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.uk-transform-origin-bottom-right {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}


/* ========================================================================
   Component: Flex
 ========================================================================== */

.uk-flex,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>a,
.popupFavoriGrup .favoriGrup_iconSet,
.uyelikIptal_secenek,
.hierarchy-accordion .active-cat .uk-open>a,
.hierarchy-accordion .uk-accordion>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.uk-flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}


/*
 * Remove pseudo elements created by micro clearfix as precaution
 */

.uk-flex::before,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>a::before,
.popupFavoriGrup .favoriGrup_iconSet::before,
.uyelikIptal_secenek::before,
.hierarchy-accordion .active-cat .uk-open>a::before,
.hierarchy-accordion .uk-accordion>li>a::before,
.uk-flex::after,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>a::after,
.popupFavoriGrup .favoriGrup_iconSet::after,
.uyelikIptal_secenek::after,
.hierarchy-accordion .active-cat .uk-open>a::after,
.hierarchy-accordion .uk-accordion>li>a::after,
.uk-flex-inline::before,
.uk-flex-inline::after {
    display: none;
}


/* Alignment
 ========================================================================== */


/*
 * Align items along the main axis of the current line of the flex container
 * Row: Horizontal
 */

.uk-flex-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.uk-flex-center,
.ems-page-corporate-detail .page-groups-building-products {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.uk-flex-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.uk-flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uk-flex-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-flex-left\@s {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .uk-flex-center\@s {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .uk-flex-right\@s {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .uk-flex-between\@s {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .uk-flex-around\@s {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-flex-left\@m {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .uk-flex-center\@m {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .uk-flex-right\@m {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .uk-flex-between\@m {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .uk-flex-around\@m {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-flex-left\@l {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .uk-flex-center\@l {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .uk-flex-right\@l {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .uk-flex-between\@l {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .uk-flex-around\@l {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}


/* Large screen and bigger */

@media (min-width: 1600px) {
    .uk-flex-left\@xl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .uk-flex-center\@xl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .uk-flex-right\@xl {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .uk-flex-between\@xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .uk-flex-around\@xl {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}


/*
 * Align items in the cross axis of the current line of the flex container
 * Row: Vertical
 */

.uk-flex-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.uk-flex-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.uk-flex-middle,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>a,
.uyelikIptal_secenek,
.hierarchy-accordion .uk-accordion>li>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uk-flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}


/* Direction
 ========================================================================== */

.uk-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.uk-flex-row-reverse,
.ems-page-listing-zebra .icerikTemplateListeItem:nth-child(even)>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.uk-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.uk-flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}


/* Wrap
 ========================================================================== */

.uk-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.uk-flex-wrap,
.popupFavoriGrup .favoriGrup_iconSet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uk-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}


/*
 * Aligns items within the flex container when there is extra space in the cross-axis
 * Only works if there is more than one line of flex items
 */

.uk-flex-wrap-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.uk-flex-wrap-top {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.uk-flex-wrap-middle {
    -ms-flex-line-pack: center;
    align-content: center;
}

.uk-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.uk-flex-wrap-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.uk-flex-wrap-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}


/* Item ordering
 ========================================================================== */


/*
 * Default is 0
 */

.uk-flex-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.uk-flex-last {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-flex-first\@s {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .uk-flex-last\@s {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;    border: 1px solid #d1d1d1;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-flex-first\@m {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .uk-flex-last\@m {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
    }
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-flex-first\@l {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .uk-flex-last\@l {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
    }
}


/* Large screen and bigger */

@media (min-width: 1600px) {
    .uk-flex-first\@xl {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .uk-flex-last\@xl {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
    }
}


/* Item dimensions
 ========================================================================== */


/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */


/*
 * No Flex: 0 0 auto
 * Content dimensions
 */

.uk-flex-none,
.uyelikIptal_secenek>input {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}


/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 */

.uk-flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}


/*
 * Absolute Flex: 1 1 0%
 * Space is allocated solely based on flex
 */

.uk-flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


/* ========================================================================
   Component: Margin
 ========================================================================== */


/*
 * Default
 */

.uk-margin {
    margin-bottom: 16px;
}

*+.uk-margin {
    margin-top: 16px !important;
}

.uk-margin-top {
    margin-top: 16px !important;
}

.uk-margin-bottom,
.page-contact .page-top-title,
.page-contact .pageHeaderDefault,
.ems-login-header,
.ems-signup-header,
.pageDescDefault {
    margin-bottom: 16px !important;
}

.uk-margin-left {
    margin-left: 16px !important;
}

.uk-margin-right {
    margin-right: 16px !important;
}


/* Small
 ========================================================================== */

.uk-margin-small {
    margin-bottom: 10px;
}

*+.uk-margin-small {
    margin-top: 10px !important;
}

.uk-margin-small-top {
    margin-top: 10px !important;
}

.uk-margin-small-bottom,
.hierarchy-accordion .active-cat .uk-open>a {
    margin-bottom: 10px !important;
}

.uk-margin-small-left {
    margin-left: 10px !important;
}

.uk-margin-small-right {
    margin-right: 10px !important;
}


/* Medium
 ========================================================================== */

.uk-margin-medium {
    margin-bottom: 32px;
}

*+.uk-margin-medium {
    margin-top: 32px !important;
}

.uk-margin-medium-top {
    margin-top: 32px !important;
}

.uk-margin-medium-bottom {
    margin-bottom: 32px !important;
}

.uk-margin-medium-left {
    margin-left: 32px !important;
}

.uk-margin-medium-right {
    margin-right: 32px !important;
}


/* Large
 ========================================================================== */

.uk-margin-large {
    margin-bottom: 40px;
}

*+.uk-margin-large {
    margin-top: 40px !important;
}

.uk-margin-large-top {
    margin-top: 40px !important;
}

.uk-margin-large-bottom,
.pageDefault {
    margin-bottom: 40px !important;
}

.uk-margin-large-left {
    margin-left: 40px !important;
}

.uk-margin-large-right {
    margin-right: 40px !important;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-margin-large {
        margin-bottom: 70px;
    }
    *+.uk-margin-large {
        margin-top: 70px !important;
    }
    .uk-margin-large-top {
        margin-top: 70px !important;
    }
    .uk-margin-large-bottom,
    .pageDefault {
        margin-bottom: 70px !important;
    }
    .uk-margin-large-left {
        margin-left: 70px !important;
    }
    .uk-margin-large-right {
        margin-right: 70px !important;
    }
}


/* XLarge
 ========================================================================== */

.uk-margin-xlarge {
    margin-bottom: 70px;
}

*+.uk-margin-xlarge {
    margin-top: 70px !important;
}

.uk-margin-xlarge-top {
    margin-top: 70px !important;
}

.uk-margin-xlarge-bottom {
    margin-bottom: 70px !important;
}

.uk-margin-xlarge-left {
    margin-left: 70px !important;
}

.uk-margin-xlarge-right {
    margin-right: 70px !important;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-margin-xlarge {
        margin-bottom: 140px;
    }
    *+.uk-margin-xlarge {
        margin-top: 140px !important;
    }
    .uk-margin-xlarge-top {
        margin-top: 140px !important;
    }
    .uk-margin-xlarge-bottom {
        margin-bottom: 140px !important;
    }
    .uk-margin-xlarge-left {
        margin-left: 140px !important;
    }
    .uk-margin-xlarge-right {
        margin-right: 140px !important;
    }
}


/* Remove
 ========================================================================== */

.uk-margin-remove {
    margin: 0 !important;
}

.uk-margin-remove-top {
    margin-top: 0 !important;
}

.uk-margin-remove-bottom {
    margin-bottom: 0 !important;
}

.uk-margin-remove-left {
    margin-left: 0 !important;
}

.uk-margin-remove-right {
    margin-right: 0 !important;
}

.uk-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.uk-margin-remove-adjacent+* {
    margin-top: 0 !important;
}


/* Auto
 ========================================================================== */

.uk-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.uk-margin-auto-top {
    margin-top: auto !important;
}

.uk-margin-auto-bottom {
    margin-bottom: auto !important;
}

.uk-margin-auto-left,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>a:after,
.hierarchy-accordion .uk-accordion>li>a:after {
    margin-left: auto !important;
}

.uk-margin-auto-right {
    margin-right: auto !important;
}

.uk-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important;
}


/* ========================================================================
   Component: Padding
 ========================================================================== */

.uk-padding {
    padding: 30px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-padding {
        padding: 16px;
    }
}


/* Small
 ========================================================================== */

.uk-padding-small {
    padding: 15px;
}


/* Large
 ========================================================================== */

.uk-padding-large {
    padding: 30px;
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-padding-large {
        padding: 70px;
    }
}


/* Remove
 ========================================================================== */

.uk-padding-remove {
    padding: 0 !important;
}

.uk-padding-remove-top {
    padding-top: 0 !important;
}

.uk-padding-remove-bottom {
    padding-bottom: 0 !important;
}

.uk-padding-remove-left {
    padding-left: 0 !important;
}

.uk-padding-remove-right {
    padding-right: 0 !important;
}

.uk-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.uk-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ========================================================================
   Component: Position
 ========================================================================== */


/* Directions
 ========================================================================== */

[class*='uk-position-top'],
[class*='uk-position-bottom'],
[class*='uk-position-left'],
[class*='uk-position-right'],
[class*='uk-position-center'] {
    position: absolute !important;
}


/* Edges
 ========================================================================== */


/* Don't use `width: 100%` because it is wrong if the parent has padding. */

.uk-position-top {
    top: 0;
    left: 0;
    right: 0;
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}

.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0;
}

.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0;
}


/* Corners
 ========================================================================== */

.uk-position-top-left {
    top: 0;
    left: 0;
}

.uk-position-top-right {
    top: 0;
    right: 0;
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0;
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0;
}


/*
 * Center
 * 1. Fix text wrapping if content is larger than 50% of the container (Not working in Firefox)
 * 2. Fix text wrapping for Firefox
 */

.uk-position-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* 1 */
    display: table;
    /* 2 */
    width: -moz-max-content;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Vertical */

[class*='uk-position-center-left'],
[class*='uk-position-center-right'] {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.uk-position-center-left {
    left: 0;
}

.uk-position-center-right {
    right: 0;
}

.uk-position-center-left-out {
    right: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.uk-position-center-right-out {
    left: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}


/* Horizontal */

.uk-position-top-center,
.uk-position-bottom-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /* 1 */
    display: table;
    /* 2 */
    width: -moz-max-content;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.uk-position-top-center {
    top: 0;
}

.uk-position-bottom-center {
    bottom: 0;
}


/* Cover
 ========================================================================== */

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


/* Utility
 ========================================================================== */

.uk-position-relative {
    position: relative !important;
}

.uk-position-absolute {
    position: absolute !important;
}

.uk-position-fixed {
    position: fixed !important;
}

.uk-position-z-index {
    z-index: 1;
}


/* Margin modifier
 ========================================================================== */


/*
 * Small
 */

.uk-position-small {
    margin: 15px;
}

.uk-position-small.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-15px, -15px);
    -ms-transform: translate(-50%, -50%) translate(-15px, -15px);
    transform: translate(-50%, -50%) translate(-15px, -15px);
}

.uk-position-small[class*='uk-position-center-left'],
.uk-position-small[class*='uk-position-center-right'] {
    -webkit-transform: translateY(-50%) translateY(-15px);
    -ms-transform: translateY(-50%) translateY(-15px);
    transform: translateY(-50%) translateY(-15px);
}

.uk-position-small.uk-position-top-center,
.uk-position-small.uk-position-bottom-center {
    -webkit-transform: translateX(-50%) translateX(-15px);
    -ms-transform: translateX(-50%) translateX(-15px);
    transform: translateX(-50%) translateX(-15px);
}


/*
 * Medium
 */

.uk-position-medium {
    margin: 30px;
}

.uk-position-medium.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-30px, -30px);
    -ms-transform: translate(-50%, -50%) translate(-30px, -30px);
    transform: translate(-50%, -50%) translate(-30px, -30px);
}

.uk-position-medium[class*='uk-position-center-left'],
.uk-position-medium[class*='uk-position-center-right'] {
    -webkit-transform: translateY(-50%) translateY(-30px);
    -ms-transform: translateY(-50%) translateY(-30px);
    transform: translateY(-50%) translateY(-30px);
}

.uk-position-medium.uk-position-top-center,
.uk-position-medium.uk-position-bottom-center {
    -webkit-transform: translateX(-50%) translateX(-30px);
    -ms-transform: translateX(-50%) translateX(-30px);
    transform: translateX(-50%) translateX(-30px);
}


/*
 * Large
 */

.uk-position-large {
    margin: 30px;
}

.uk-position-large.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-30px, -30px);
    -ms-transform: translate(-50%, -50%) translate(-30px, -30px);
    transform: translate(-50%, -50%) translate(-30px, -30px);
}

.uk-position-large[class*='uk-position-center-left'],
.uk-position-large[class*='uk-position-center-right'] {
    -webkit-transform: translateY(-50%) translateY(-30px);
    -ms-transform: translateY(-50%) translateY(-30px);
    transform: translateY(-50%) translateY(-30px);
}

.uk-position-large.uk-position-top-center,
.uk-position-large.uk-position-bottom-center {
    -webkit-transform: translateX(-50%) translateX(-30px);
    -ms-transform: translateX(-50%) translateX(-30px);
    transform: translateX(-50%) translateX(-30px);
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-position-large {
        margin: 50px;
    }
    .uk-position-large.uk-position-center {
        -webkit-transform: translate(-50%, -50%) translate(-50px, -50px);
        -ms-transform: translate(-50%, -50%) translate(-50px, -50px);
        transform: translate(-50%, -50%) translate(-50px, -50px);
    }
    .uk-position-large[class*='uk-position-center-left'],
    .uk-position-large[class*='uk-position-center-right'] {
        -webkit-transform: translateY(-50%) translateY(-50px);
        -ms-transform: translateY(-50%) translateY(-50px);
        transform: translateY(-50%) translateY(-50px);
    }
    .uk-position-large.uk-position-top-center,
    .uk-position-large.uk-position-bottom-center {
        -webkit-transform: translateX(-50%) translateX(-50px);
        -ms-transform: translateX(-50%) translateX(-50px);
        transform: translateX(-50%) translateX(-50px);
    }
}


/* ========================================================================
   Component: Transition
 ========================================================================== */


/*
 * Using multiple selectors to exclude `uk-transition-toggle`
 * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`
 *       Just put the transition in an extra `div`
 */

.uk-transition-fade,
[class*='uk-transition-scale'],
[class*='uk-transition-slide'] {
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
    transition-property: opacity, -webkit-transform, -webkit-filter;
    -o-transition-property: opacity, transform, filter;
    transition-property: opacity, transform, filter;
    transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter;
}

.uk-transition-toggle:focus {
    outline: none;
}


/*
 * Fade
 */

.uk-transition-fade {
    opacity: 0;
}


/* Show */

.uk-transition-toggle:hover [class*='uk-transition-fade'],
.uk-transition-toggle.uk-hover [class*='uk-transition-fade'],
.uk-transition-toggle:focus [class*='uk-transition-fade'],
.uk-transition-active.uk-active [class*='uk-transition-fade'] {
    opacity: 1;
}


/*
 * Scale
 * Note: Using `scale3d` for better image rendering
 */

[class*='uk-transition-scale'] {
    opacity: 0;
}

.uk-transition-scale-up {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.uk-transition-scale-down {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}


/* Show */

.uk-transition-toggle:hover .uk-transition-scale-up,
.uk-transition-toggle.uk-hover .uk-transition-scale-up,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-active.uk-active .uk-transition-scale-up {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.uk-transition-toggle:hover .uk-transition-scale-down,
.uk-transition-toggle.uk-hover .uk-transition-scale-down,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-active.uk-active .uk-transition-scale-down {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}


/*
 * Slide
 */

[class*='uk-transition-slide'] {
    opacity: 0;
}

.uk-transition-slide-top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.uk-transition-slide-bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.uk-transition-slide-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.uk-transition-slide-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.uk-transition-slide-top-small {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.uk-transition-slide-bottom-small {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.uk-transition-slide-left-small {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}

.uk-transition-slide-right-small {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

.uk-transition-slide-top-medium {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.uk-transition-slide-bottom-medium {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.uk-transition-slide-left-medium {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.uk-transition-slide-right-medium {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}


/* Show */

.uk-transition-toggle:hover [class*='uk-transition-slide'],
.uk-transition-toggle.uk-hover [class*='uk-transition-slide'],
.uk-transition-toggle:focus [class*='uk-transition-slide'],
.uk-transition-active.uk-active [class*='uk-transition-slide'] {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}


/* Opacity modifier
========================================================================== */

.uk-transition-opaque {
    opacity: 1;
}


/* Duration modifiers
========================================================================== */

.uk-transition-slow {
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}


/* ========================================================================
   Component: Visibility
 ========================================================================== */


/*
 * Hidden
 * `hidden` attribute also set here to make it stronger
 */

[hidden],
.uk-hidden,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>b,
.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev2>a,
.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev3>ul,
.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev4>a:after,
.kutuSolMenuTree .kutu-body-sol-menu-selecbox,
.kutuBulten_lbfAciklama,
.kutuBulten_mesaj,
.page-contact .pageHeaderMesaj,
.page-contact .page-top-desc,
.go-to-login-active .ems-signup,
.go-to-login-active footer,
.go-to-signup-active .ems-login,
.ems-login-error:empty,
.ems-login-footer,
.ems-signup-footer,
.new-user-info,
.search-result:empty,
.hierarchy-accordion.all-list ul>li>.uk-accordion-title:after {
    display: none !important;
}


/* Phone landscape and bigger */

@media (min-width: 640px) {
    .uk-hidden\@s {
        display: none !important;
    }
}


/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .uk-hidden\@m,
    .hierarchy-accordion:not(.all-list)>ul>li>.uk-accordion-title,
    .hierarchy-accordion .uk-accordion>li>a:after,
    .ems-prd-cat-tab>div>.sStylerMainWrp,
    .ems-prd-cat-tab ul.content .sStylerMainWrp,
    .ems-prd-cat-tab ul.content .sub-cat-selectbox,
    .collections-cats-wrp>.sStylerWrp_select {
        display: none !important;
    }
}


/* Desktop and bigger */

@media (min-width: 1200px) {
    .uk-hidden\@l {
        display: none !important;
    }
}


/* Large screen and bigger */

@media (min-width: 1600px) {
    .uk-hidden\@xl {
        display: none !important;
    }
}


/*
 * Visible
 */


/* Phone portrait and smaller */

@media (max-width: 639px) {
    .uk-visible\@s {
        display: none !important;
    }
}


/* Phone landscape and smaller */

@media (max-width: 959px) {
    .uk-visible\@m,
    .ems-prd-cat-tab ul.control,
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul,
    .ems-prd-cat-tab ul.content .use-color-holder>ul,
    .ems-prd-cat-tab ul.content .use-pattern-holder>ul,
    .ems-prd-cat-tab ul.content .use-body-holder>ul {
        display: none !important;
    }
}


/* Tablet landscape and smaller */

@media (max-width: 1199px) {
    .uk-visible\@l {
        display: none !important;
    }
}


/* Desktop and smaller */

@media (max-width: 1599px) {
    .uk-visible\@xl {
        display: none !important;
    }
}


/* Visibility
 ========================================================================== */

.uk-invisible {
  
}


/* Hover
 ========================================================================== */


/*
 * Hidden
 * Can't use `display: hidden` because it's not focusable. This is accessible through keyboard.
 */

.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-hidden-hover:not(:focus) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}


/*
 * Invisible
 * Can't use `visibility: hidden` because it's not focusable. This is accessible through keyboard.
 */

.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-invisible-hover:not(:focus) {
    opacity: 0 !important;
}

@media (pointer: coarse) {
    .uk-hidden-touch {
        display: none !important;
    }
}

.uk-hidden-notouch {
    display: none !important;
}

@media (pointer: coarse) {
    .uk-hidden-notouch {
        display: block !important;
    }
}

@font-face {
    font-family: "icomoon";
    src: url(icomoon.eot);
    src: url(icomoon.eot?#iefix) format("embedded-opentype"), url(icomoon.woff) format("woff"), url(icomoon.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "palanquin";
    src: url(palanquin-thin-webfont.eot);
    src: url(palanquin-thin-webfont.eot?#iefix) format("embedded-opentype"), url(palanquin-thin-webfont.woff) format("woff"), url(palanquin-thin-webfont.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "palanquin";
    src: url(palanquin-extralight-webfont.eot);
    src: url(palanquin-extralight-webfont.eot?#iefix) format("embedded-opentype"), url(palanquin-extralight-webfont.woff) format("woff"), url(palanquin-extralight-webfont.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "palanquin";
    src: url(palanquin-light-webfont.eot);
    src: url(palanquin-light-webfont.eot?#iefix) format("embedded-opentype"), url(palanquin-light-webfont.woff) format("woff"), url(palanquin-light-webfont.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "palanquin";
    src: url(palanquin-regular-webfont.eot);
    src: url(palanquin-regular-webfont.eot?#iefix) format("embedded-opentype"), url(palanquin-regular-webfont.woff) format("woff"), url(palanquin-regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "palanquin";
    src: url(palanquin-medium-webfont.eot);
    src: url(palanquin-medium-webfont.eot?#iefix) format("embedded-opentype"), url(palanquin-medium-webfont.woff) format("woff"), url(palanquin-medium-webfont.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "palanquin";
    src: url(palanquin-semibold-webfont.eot);
    src: url(palanquin-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(palanquin-semibold-webfont.woff) format("woff"), url(palanquin-semibold-webfont.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "palanquin";
    src: url(palanquin-bold-webfont.eot);
    src: url(palanquin-bold-webfont.eot?#iefix) format("embedded-opentype"), url(palanquin-bold-webfont.woff) format("woff"), url(palanquin-bold-webfont.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
}

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: "palanquin";
    font-weight: 400;
}

body.anaBody {
    overflow-y: scroll;
}

a {
    display: inline-block;
}

a:hover {
    text-decoration: none;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

input {
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea {
    resize: vertical;
}

img {
    max-width: 100%;
}

.ems-container {
    max-width: 1136px;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
    .ems-container {
        margin: 0 16px;
        width: 100%;
    }
}

.ems-hidden {
    display: none;
}

.ems-none {
    display: none !important;
}

#ui-datepicker-div {
    display: none;
}

.img-responsive {
    width: 100%;
}

.fs-72 {
    font-size: 72px;
}

.scroll-hidden {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}

.admin-wrapper {
    z-index: 5000 !important;
}

[editabletype="editable-block-script"] {
    margin-left: 0;
}

.uk-container,
.homepage-showcase .hs-container,
.mod-mini-search-body .ems-form-inner,
.pageDefault,
.prd-list-cover-holder .cover-content,
.ems-serial-cover .content-holder,
.compareHolder .compareMenuHolder,
.compareHolder .compareContent,
.page-compare {
    width: 100%;
}

@media (max-width: 960px) {
    .uk-container,
    .homepage-showcase .hs-container,
    .mod-mini-search-body .ems-form-inner,
    .pageDefault,
    .prd-list-cover-holder .cover-content,
    .ems-serial-cover .content-holder,
    .compareHolder .compareMenuHolder,
    .compareHolder .compareContent,
    .page-compare {
        width: auto;
    }
}

img {
    border: none;
}

.f-poppins {
    font-family: 'Poppins', sans-serif !important;
}

.f-merriweather {
    font-family: 'Merriweather', serif !important;
}

.f-josefin {
    font-family: 'Josefin Sans', sans-serif !important;
}

.f-cabin {
    font-family: 'Cabin', sans-serif !important;
}

.f-breeSerif {
    font-family: 'Bree Serif', serif !important;
}

.f-comfortaa {
    font-family: 'Comfortaa', cursive !important;
}

.f-creteRound {
    font-family: 'Crete Round', serif !important;
}

[class^="icon-"],
.sStylerWrp_select .sStylerWrp:after,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>a:after,
.jconfirm .jconfirm-box .jconfirm-closeIcon .btnMinPpCl:before,
.footer-main-links>div>.nav-title:after,
.footer-main-links>div>.nav-title.active:after,
.servisIcerik .pServisListe [class$="_ServisTur"]:before,
.ems-page-sss .sss-menu li a:after,
.hierarchy-accordion .uk-accordion>li>a:after,
.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikAd:after,
.kutuKategori .kutuHeaderKategori:after,
.pnlUrunKiyasSecim .urunKiyaslamaOzellik_secimler a:after,
.ems-prd-wrp .ems-prd-compare .sStylerWrp_checkbox:before,
.ems-page-product-detail .ems-prd-tab-holder .uk-accordion li .uk-accordion-title:after,
.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion li .uk-accordion-title:after,
[class*=" icon-"],
body .ui-datepicker .ui-datepicker-next:before,
body .ui-datepicker .ui-datepicker-prev:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-yikanma-alanlari:before {
    content: "\e98f";
}

.icon-v-design:before {
    content: "\e9cd";
}

.icon-refresh:before {
    content: "\e9cc";
}

.icon-arrow-top:before {
    content: "\e958";
}

.icon-arrow-right:before {
    content: "\e99d";
}

.icon-arrow-bottom:before {
    content: "\e99e";
}

.icon-arrow-left:before {
    content: "\e9a1";
}

.icon-arrow-top-2:before {
    content: "\e9a2";
}

.icon-arrow-right-2:before {
    content: "\e9a3";
}

.icon-arrow-bottom-2:before {
    content: "\e9a4";
}

.icon-arrow-left-2:before {
    content: "\e9a5";
}

.icon-arrow-top-5:before {
    content: "\e9a6";
}

.icon-arrow-right-5:before {
    content: "\e9a7";
}

.icon-arrow-bottom-5:before,
.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikAd:after,
.kutuKategori .kutuHeaderKategori:after {
    content: "\e9a8";
}

.icon-arrow-left-5:before {
    content: "\e9a9";
}

.icon-arrow-top-4:before {
    content: "\e9ad";
}

.icon-arrow-right-4:before {
    content: "\e9ae";
}

.icon-arrow-bottom-4:before {
    content: "\e9af";
}

.icon-arrow-left-4:before {
    content: "\e9b0";
}

.icon-arrow-top-3:before {
    content: "\e9b1";
}

.icon-arrow-right-3:before {
    content: "\e9b2";
}

.icon-arrow-bottom-3:before {
    content: "\e9b3";
}

.icon-arrow-left-3:before {
    content: "\e9b4";
}

.icon-remove1:before {
    content: "\e9b6";
}

.icon-signin:before {
    content: "\e9bf";
}

.icon-logout:before {
    content: "\e9c0";
}

.icon-check:before {
    content: "\e9c4";
}

.icon-close:before,
.jconfirm .jconfirm-box .jconfirm-closeIcon .btnMinPpCl:before,
.zoom-gallery-inner .close-btn .icon-ico_remove:before {
    content: "\e9c5";
}

.icon-star-solid:before {
    content: "\e99f";
}

.icon-star:before {
    content: "\e9a0";
}

.icon-close2:before {
    content: "\e99c";
}

.icon-tri-top:before {
    content: "\e997";
}

.icon-tri-right:before {
    content: "\e999";
}

.icon-tri-bottom:before {
    content: "\e929";
}

.icon-tri-left:before {
    content: "\e998";
}

.icon-yukari:before {
    content: "\e99a";
}

.icon-ileri:before,
body .ui-datepicker .ui-datepicker-next:before,
.kutuSolMenuTree .kutuBodySolMenuTree ul li>a:after,
.ems-page-sss .sss-menu li a:after,
.hierarchy-accordion .uk-accordion>li>a:after,
.zoom-gallery-inner .swiper-button-next .icon-ico_arrow-right-light:before,
.ems-page-product-detail .ems-prd-tab-holder .uk-accordion li .uk-accordion-title:after,
.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion li .uk-accordion-title:after {
    content: "\e942";
}

.icon-asagi:before,
.sStylerWrp_select .sStylerWrp:after,
.kutuSolMenuTree .kutuBodySolMenuTree ul li.act>a:after,
.kutuSolMenuTree .kutuBodySolMenuTree ul li.sel>a:after,
.hierarchy-accordion .uk-accordion>li.uk-open>a:after {
    content: "\e93c";
}

.icon-geri:before,
body .ui-datepicker .ui-datepicker-prev:before,
.zoom-gallery-inner .swiper-button-prev .icon-ico_arrow-left-light:before {
    content: "\e99b";
}

.icon-ticari-zeminler-2:before {
    content: "\e97e";
}

.icon-oynat:before {
    content: "\e962";
}

.icon-dosya-genel1:before {
    content: "\e927";
}

.icon-kapat-cikis-yap-2:before,
.pnlUrunKiyasSecim .urunKiyaslamaOzellik_secimler a:after {
    content: "\e944";
}

.icon-artema-armaturler:before {
    content: "\e97b";
}

.icon-yukleniyor:before {
    content: "\e990";
}

.icon-favori-iconu-secilmemis:before {
    content: "\e938";
}

.icon-favori-iconu-secilmis:before,
.ems-prd-wrp .ems-prd-add-fav .btnFavoriEkle.selected i:before {
    content: "\e939";
}

.icon-yukseklik:before {
    content: "\e991";
}

.icon-artema-dus-sistemleri:before {
    content: "\e903";
}

.icon-armatur-tamamlayicisi:before {
    content: "\e900";
}

.icon-artema-aksesuarlar:before {
    content: "\e901";
    color: #4a4a4a;
}

.icon-asimetrik:before {
    content: "\e904";
}

.icon-balkon-teras:before {
    content: "\e906";
}

.icon-banyo:before {
    content: "\e907";
}

.icon-banyo-aksesuarlari-diger-aksesuarlar-havlupan1:before {
    content: "\e908";
}

.icon-banyo-aksesuarlari-setler:before {
    content: "\e909";
}

.icon-banyolar:before {
    content: "\e90b";
}

.icon-banyo-mobilyasi:before {
    content: "\e90c";
}

.icon-banyo-serileri1:before {
    content: "\e90e";
}

.icon-bumpy .path1:before {
    content: "\e916";
    color: black;
}

.icon-bumpy .path2:before {
    content: "\e917";
    margin-left: -1em;
    color: #979797;
}

.icon-derinlik:before {
    content: "\e921";
}

.icon-diagonal:before {
    content: "\e922";
}

.icon-diger-yikanma-alani-secenekleri1:before {
    content: "\e924";
}

.icon-dogal-kaplama:before {
    content: "\e926";
}

.icon-dus-dirsekleri:before {
    content: "\e92b";
}

.icon-eviye-bataryalari1:before {
    content: "\e936";
}

.icon-genislik:before {
    content: "\e93b";
}

.icon-kaplama:before {
    content: "\e945";
}

.icon-klozet:before {
    content: "\e949";
}

.icon-laminam:before {
    content: "\e952";
}

.icon-mozaik:before {
    content: "\e95c";
}

.icon-mutfak-bataryalari:before {
    content: "\e95e";
}

.icon-mutfak-eviyeleri-mutfak-urunleri1:before {
    content: "\e95f";
}

.icon-mutfak-eviyeleri-seramik-banyo-urunleri:before {
    content: "\e960";
}

.icon-mutfak-urunleri:before {
    content: "\e961";
}

.icon-simetrik:before {
    content: "\e972";
}

.icon-v-care:before {
    content: "\e989";
}

.icon-ceramic:before {
    content: "\e91d";
}

.icon-marble:before {
    content: "\e959";
}

.icon-mermer:before {
    content: "\e95b";
}

.icon-cement:before {
    content: "\e91c";
}

.icon-beton:before {
    content: "\e911";
}

.icon-wood:before {
    content: "\e98a";
}

.icon-stone:before {
    content: "\e977";
}

.icon-seramik:before {
    content: "\e96e";
}

.icon-tas:before {
    content: "\e97a";
}

.icon-ahsap:before {
    content: "\e992";
}

.icon-kuvetler:before {
    content: "\e902";
}

.icon-lavabo-bataryasi:before {
    content: "\e905";
}

.icon-fiyat-listesi:before {
    content: "\e90a";
}

.icon-koleksiyonlar:before {
    content: "\e90d";
}

.icon-ilham-veren-fikirler:before {
    content: "\e90f";
}

.icon-tum-urunler:before {
    content: "\e910";
}

.icon-tum-fikirlere-don:before {
    content: "\e912";
}

.icon-arama:before {
    content: "\e913";
}

.icon-page:before {
    content: "\e914";
}

.icon-tumunu-indir:before {
    content: "\e915";
}

.icon-banyo-planlayicisi:before {
    content: "\e918";
}

.icon-uygulamalar:before {
    content: "\e919";
}

.icon-karsilastir:before,
.ems-prd-wrp .ems-prd-compare .sStylerWrp_checkbox:before {
    content: "\e91a";
}

.icon-dosya-genel:before {
    content: "\e91b";
}

.icon-sana-uygun-urunu-bul:before {
    content: "\e91e";
}

.icon-tag:before,
.servisIcerik .pServisListe.SatışNoktası [class$="_ServisTur"]:before {
    content: "\e91f";
}

.icon-user:before {
    content: "\e920";
}

.icon-setting:before,
.servisIcerik .pServisListe.ServisNoktası [class$="_ServisTur"]:before {
    content: "\e923";
}

.icon-404-1:before {
    content: "\e925";
}

.icon-503-1:before {
    content: "\e928";
}

.icon-all:before {
    content: "\e92a";
}

.icon-eye:before {
    content: "\e92c";
}

.icon-page-1:before {
    content: "\e92d";
}

.icon-search-border:before {
    content: "\e92e";
}

.icon-hamburger:before {
    content: "\e92f";
}

.icon-user-border:before {
    content: "\e930";
}

.icon-acc-list:before {
    content: "\e931";
}

.icon-listemden-cikar:before {
    content: "\e932";
}

.icon-ekle-kaldir:before {
    content: "\e933";
}

.icon-add:before,
.footer-main-links>div>.nav-title:after {
    content: "\e934";
}

.icon-remove:before,
.footer-main-links>div>.nav-title.active:after,
.ems-prd-wrp .ems-prd-filter .uk-accordion li.uk-open .uk-accordion-title i:before {
    content: "\e935";
}

.icon-close-border:before {
    content: "\e937";
}

.icon-email:before {
    content: "\e93a";
}

.icon-servisler-ve-satis-noktalari:before {
    content: "\e93d";
}

.icon-kataloglar:before {
    content: "\e93e";
}

.icon-satis-noktasi:before {
    content: "\e93f";
}

.icon-map-locator:before {
    content: "\e940";
}

.icon-yetkili-servis:before {
    content: "\e941";
}

.icon-brochure:before {
    content: "\e943";
}

.icon-note:before {
    content: "\e946";
}

.icon-basin-odasi:before {
    content: "\e947";
}

.icon-danisma-hatti:before {
    content: "\e948";
}

.icon-facebook:before {
    content: "\e94a";
}

.icon-faq:before {
    content: "\e94b";
}

.icon-instagram:before {
    content: "\e94c";
}

.icon-youtube:before {
    content: "\e94d";
}

.icon-pinterest:before {
    content: "\e94e";
}

.icon-twitter:before {
    content: "\e94f";
}

.icon-info:before {
    content: "\e950";
}

.icon-karo-seramikler:before {
    content: "\e951";
}

.icon-banyo-karolari:before {
    content: "\e953";
}

.icon-yer-karolari:before {
    content: "\e954";
}

.icon-duvar-karolari:before {
    content: "\e955";
}

.icon-ev-ici-kullanim:before {
    content: "\e956";
}

.icon-endustriyel-zeminler:before {
    content: "\e957";
}

.icon-dis-cephe:before {
    content: "\e95a";
}

.icon-havuz:before {
    content: "\e95d";
}

.icon-ticari-zeminler:before {
    content: "\e963";
}

.icon-mutfah-tezgah-arkasi:before {
    content: "\e964";
}

.icon-sirsiz-porselen:before {
    content: "\e965";
}

.icon-sirli-porselen:before {
    content: "\e966";
}

.icon-doublecharge-porselen:before {
    content: "\e967";
}

.icon-banyo-serileri:before {
    content: "\e968";
}

.icon-colorbody-porselen:before {
    content: "\e969";
}

.icon-yikanma-alani-bataryalari:before {
    content: "\e96a";
}

.icon-seramik-banyo-urunleri:before {
    content: "\e96b";
}

.icon-lavabo-dolaplari:before {
    content: "\e96c";
}

.icon-mutfak-eviyeleri-mutfak-urunleri:before {
    content: "\e96d";
}

.icon-bide:before {
    content: "\e96f";
}

.icon-lavabo:before {
    content: "\e970";
}

.icon-pisuvar:before {
    content: "\e971";
}

.icon-hela-tasi:before {
    content: "\e973";
}

.icon-tamamlayici-urunler:before {
    content: "\e974";
}

.icon-banyo-setleri:before {
    content: "\e975";
}

.icon-tezgah:before {
    content: "\e976";
}

.icon-diger-moduller:before {
    content: "\e978";
}

.icon-aksesuar-banyo-aksesuarlari:before {
    content: "\e979";
}

.icon-cop-kovalari:before {
    content: "\e97c";
}

.icon-setler:before {
    content: "\e97d";
}

.icon-banyo-aksesuarlari-diger-aksesuarlar-havlupan:before {
    content: "\e97f";
}

.icon-sabunluk-dis-fircalik:before {
    content: "\e980";
}

.icon-havluluk-askilik:before {
    content: "\e981";
}

.icon-tuvalet-kagitligi-tuvalet-fircasi:before {
    content: "\e982";
}

.icon-armaturler:before {
    content: "\e983";
}

.icon-armaturler-musluklar:before {
    content: "\e984";
}

.icon-yikanma-alani-bataryalari1:before {
    content: "\e985";
}

.icon-eviye-bataryalari:before {
    content: "\e986";
}

.icon-bide-bataryalari:before {
    content: "\e987";
}

.icon-diger-yikanma-alani-secenekleri:before {
    content: "\e988";
}

.icon-kompakt-unite:before {
    content: "\e98b";
}

.icon-dus-kanali:before {
    content: "\e98c";
}

.icon-yikanma-alanlari-aksesuar-tabure:before {
    content: "\e98d";
}

.icon-masajli-dus-sistemi:before {
    content: "\e98e";
}

.icon-dus-sistemleri:before {
    content: "\e993";
}

.icon-el-dusu-takimlari:before {
    content: "\e994";
}

.icon-surgulu-el-dusu-takimi:before {
    content: "\e996";
}

.icon-dus-bassligi:before {
    content: "\e9aa";
}

.icon-dus-kolonu:before {
    content: "\e9ab";
}

.icon-rezervuarlar:before {
    content: "\e9ac";
}

.icon-rezervuar-seti:before {
    content: "\e9b5";
}

.icon-kumanda-paneli-son:before {
    content: "\e9b7";
}

.icon-gomme-rezervuar:before {
    content: "\e9b8";
}

.icon-tasiyici-aparat:before {
    content: "\e9b9";
}

.icon-beyaz:before {
    content: "\e9ba";
}

.icon-siyah:before {
    content: "\e9bb";
}

.icon-pastel-tonlar .path1:before {
    content: "\e9bc";
    color: #c2bed5;
}

.icon-pastel-tonlar .path2:before {
    content: "\e9bd";
    margin-left: -1em;
    color: #afe2da;
}

.icon-pastel-tonlar .path3:before {
    content: "\e9be";
    margin-left: -1em;
    color: #f4d7d6;
}

.icon-pastel-tonlar .path4:before {
    content: "\e9c1";
    margin-left: -1em;
    color: #f5b9ac;
}

.icon-krem-tonlari .path1:before {
    content: "\e9c2";
    color: #d9d1bc;
}

.icon-krem-tonlari .path2:before {
    content: "\e9c3";
    margin-left: -1em;
    color: #eeebdc;
}

.icon-krem-tonlari .path3:before {
    content: "\e9c6";
    margin-left: -1em;
    color: #f0e8dd;
}

.icon-krem-tonlari .path4:before {
    content: "\e9c7";
    margin-left: -1em;
    color: #d5cfc9;
}

.icon-canli-renkler .path1:before {
    content: "\e9c8";
    color: #01e675;
}

.icon-canli-renkler .path2:before {
    content: "\e9c9";
    margin-left: -1em;
    color: #00b0ff;
}

.icon-canli-renkler .path3:before {
    content: "\e9ca";
    margin-left: -1em;
    color: #ff1744;
}

.icon-canli-renkler .path4:before {
    content: "\e9cb";
    margin-left: -1em;
    color: #3d5afe;
}

.icon-toprak-tonlari .path1:before {
    content: "\e9ce";
    color: #6e3105;
}

.icon-toprak-tonlari .path2:before {
    content: "\e9cf";
    margin-left: -1em;
    color: #482714;
}

.icon-toprak-tonlari .path3:before {
    content: "\e9d0";
    margin-left: -1em;
    color: #ba9f78;
}

.icon-toprak-tonlari .path4:before {
    content: "\e9d1";
    margin-left: -1em;
    color: #6c4a1a;
}

.icon-boy-dolaplari:before {
    content: "\e9d2";
}

.icon-ayna:before {
    content: "\e9d3";
}

.icon-hidromasaj-sistemleri:before {
    content: "\e9d4";
}

.icon-dus-teknesi:before {
    content: "\e9d5";
}

.icon-spa-welness-yikanma-alanlari:before {
    content: "\e9d6";
}


/*!
 * jquery-confirm v3.2.0 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */

@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important;
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden;
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: 0;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

@-webkit-keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@-webkit-keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@-webkit-keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@-webkit-keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@-webkit-keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@-webkit-keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

@keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
    height: 120px;
}

.jconfirm .jconfirm-box.loading:before {
    content: '';
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1;
}

.jconfirm .jconfirm-box.loading:after {
    opacity: .6;
    content: '';
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    position: absolute;
    top: 17px;
    right: 13px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    padding-bottom: 15px;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    -o-transition: height .4s ease-in;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
}

.jconfirm .jconfirm-box .jconfirm-buttons>button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-radius: 4px;
    min-height: 1em;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    -o-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    background-image: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important;
}

.jconfirm .jconfirm-clear {
    clear: both;
}

.jconfirm.jconfirm-rtl {
    direction: rtl;
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2;
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd;
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0;
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4;
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: 0;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: 0;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666;
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@-webkit-keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 3px red;
        box-shadow: 0 0 3px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

@keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 3px red;
        box-shadow: 0 0 3px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px;
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    -ms-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    -ms-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    -ms-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    -ms-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    -ms-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    -ms-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: 0;
    color: white;
    padding: 10px;
    min-width: 100px;
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0;
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500;
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(0, 0, 0, 0.4);
    padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
    padding: 0 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500;
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6;
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 30px 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
    top: 15px;
    right: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button {
    margin-left: 4px;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.jconfirm-box-container {
    margin: 0 auto;
}


/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /*overflow:hidden;*/
    z-index: 0;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px;
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}


/* gallery zoom */

.swiper-wrapper.slide-wrp li a {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.zoom-gallery {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    overflow: hidden;
    z-index: 2001;
    top: 0;
    left: 0;
    background: #FFFFFF;
    display: none;
}

.zoom-gallery * {
    direction: ltr;
}

.zoom-gallery .large-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
}

.zoom-gallery .close-btn {
    position: fixed;
    right: 20px;
    top: 20px;
}

.zoom-gallery .close-btn:before {
    font-size: 25px;
}

.zoom-gallery .close-btn span {
    display: none;
}

.zoom-gallery .thumbs-wrapper {
    display: none;
}

.zoom-gallery .zoom-gallery-header {
    position: relative;
    z-index: 3;
}

.zoom-gallery .swiper-button-next,
.zoom-gallery .swiper-button-prev {
    padding: 12px 0;
    background: none;
}

.zoom-gallery .swiper-button-next span,
.zoom-gallery .swiper-button-prev span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.zoom-gallery .swiper-button-next span:before,
.zoom-gallery .swiper-button-prev span:before {
    font-size: 25px;
}

.zoom-gallery .swiper-button-next {
    right: 20px;
}

.zoom-gallery .swiper-button-prev {
    left: 20px;
}

.gallery-ready .zoom-gallery {
    display: block;
}

.gallery-ready main {
    z-index: auto;
}

@media screen and (max-width: 960px) {
    .zoom-gallery .close-btn:before {
        font-size: 20px;
    }
    .zoom-gallery .swiper-button-next span:before,
    .zoom-gallery .swiper-button-prev span:before {
        font-size: 20px;
    }
    .zoom-gallery .swiper-button-next {
        right: 10px;
    }
    .zoom-gallery .swiper-button-prev {
        left: 10px;
    }
}


/* https://github.com/CodeSeven/toastr */

.toast-title {
    font-weight: 700;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #FFF;
}

.toast-message a:hover {
    color: #CCC;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em;
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #FFF;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px;
    }
}


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/


/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/


/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}


/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}


/* non-visible scrollbar */

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}


/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}


/* scrollbar position: outside */

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}


/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}


/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}


/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}


/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}


/* RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}


/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}


/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}


/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/


/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/


/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}


/* ---------------------------------------- */


/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}


/* ---------------------------------------- */


/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}


/* ---------------------------------------- */


/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}


/* ---------------------------------------- */


/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}


/* ---------------------------------------- */


/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme: "minimal", "minimal-dark" */

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}


/* RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* ---------------------------------------- */


/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}


/* ---------------------------------------- */

.btn-reset,
.urunKiyaslamaBaslik .btnKiyaslamaListemeDon,
.urunKiyaslamaUrun .urunKiyaslamaUrun_btnKiyaslamaRemove .btnKiyaslamaRemove,
.btn-reset:focus,
.btn-reset:hover {
    color: inherit;
    background-color: inherit;
    padding: inherit;
    border: inherit;
    min-width: auto;
}

.btn,
a.btnDefault,
.mod-mini-login .mod-mini-login-header .btn-signin,
.newsletter .btnBultenGonder {
    display: inline-block;
    text-align: center;
    min-width: 176px;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    outline: 0;
    border-width: 1px;
    border-style: solid;
}

.btn:hover,
a.btnDefault:hover,
.mod-mini-login .mod-mini-login-header .btn-signin:hover,
.newsletter .btnBultenGonder:hover {
    text-decoration: initial;
}

.btn-big,
.newsletter .btnBultenGonder,
.page-contact a.btnMesajGonder {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-width: 1px;
    border-style: solid;
}

.btn-default {
    background: #929292;
    border-color: #929292;
    color: #ffffff;
}

.btn-default:hover {
    background: #6e6e6e;
    border-color: #6e6e6e;
    color: #ffffff;
}

.btn-default:focus {
    background: #555555;
    border-color: #555555;
    color: #ffffff;
}

.btn-dark {
    background: #1a1a1a;
    border-color: #1a1a1a;
    color: #ffffff;
}

.btn-dark:hover {
    background: #323232;
    border-color: #323232;
    color: #ffffff;
}

.btn-dark:focus {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.btn-alternative {
    color: #4a4a4a;
    border-color: #4a4a4a;
}

.btn-alternative:hover {
    background: #e2e2e2;
    border-color: #e2e2e2;
    color: #4a4a4a;
}

.btn-alternative:focus {
    background: #b1b1b1;
    border-color: #b1b1b1;
    color: #4a4a4a;
}

.btn-alternative-effect {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    min-width: 176px;
    line-height: 25px;
    color: #4A4A4A;
}

.btn-alternative-effect:before,
.btn-alternative-effect:after {
    content: '';
    position: absolute;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    right: 0;
    bottom: 0;
    background: #4A4A4A;
}

.btn-alternative-effect:before {
    width: 100%;
    height: 1px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.btn-alternative-effect:after {
    width: 1px;
    height: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.btn-alternative-effect>span {
    display: block;
    padding: 4px 20px 3px;
    position: relative;
    overflow: hidden;
}

.btn-alternative-effect>span:before,
.btn-alternative-effect>span:after {
    content: "";
    position: absolute;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    left: 0;
    top: 0;
    background: #4A4A4A;
}

.btn-alternative-effect>span:before {
    width: 100%;
    height: 1px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.btn-alternative-effect>span:after {
    width: 1px;
    height: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.btn-alternative-effect:hover {
    background: #e2e2e2;
    color: #4a4a4a;
}

.btn-alternative-effect:hover:before,
.btn-alternative-effect:hover:after {
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
    background: #e2e2e2;
}

.btn-alternative-effect:hover>span:before,
.btn-alternative-effect:hover>span:after {
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
    background: #e2e2e2;
}

.btn-primary-border,
.newsletter .btnBultenGonder {
    color: #ffffff;
    border-color: #ffffff;
    background: none;
}

.btn-primary-border:hover,
.newsletter .btnBultenGonder:hover {
    background:#db3315;
    border-color:#db3315;
    color: #ffffff;
}

.btn-primary-border:focus,
.newsletter .btnBultenGonder:focus {
    background: #6c231d;
    border-color: #6c231d;
    color: #ffffff;
}

.btn-primary-big {
    color: #ffffff;
    background:#db3315;
    border-color:#db3315;
}

.btn-primary-big:hover {
    background: #b0473e;
    border-color: #b0473e;
    color: #ffffff;
}

.btn-primary-big:focus {
    background: #6c231d;
    border-color: #6c231d;
    color: #ffffff;
}

.btn-primary,
a.btnDefault,
.popupFavoriGrup .dbUygKaydet .btnDefault,
.mod-mini-login .mod-mini-login-header .btn-signin {
    min-width: 112px;
    color: #ffffff;
    background:#db3315;
    border-color:#db3315;
}

.btn-primary:hover,
a.btnDefault:hover,
.popupFavoriGrup .dbUygKaydet .btnDefault:hover,
.mod-mini-login .mod-mini-login-header .btn-signin:hover {
    background: #b0473e;
    border-color: #b0473e;
    color: #ffffff;
}

.btn-primary:focus,
a.btnDefault:focus,
.popupFavoriGrup .dbUygKaydet .btnDefault:focus,
.mod-mini-login .mod-mini-login-header .btn-signin:focus {
    background: #6c231d;
    border-color: #6c231d;
    color: #ffffff;
}

.btn-custom1,
#btnUyelikAnonim {
    background: #6e6e6e;
    border-color: #6e6e6e;
    color: #ffffff;
    min-width: auto;
}

.btn-custom1:hover,
#btnUyelikAnonim:hover,
.inspirational-ideas-holder:hover .ideas-btn,
.btn-custom1:focus,
#btnUyelikAnonim:focus {
    background: #db3315;
    border-color: #db3315;
    color: #ffffff;
}

.emos-confirm .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background:#db3315 !important;
    border-color:#db3315;
}

.emos-confirm .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background: #b0473e !important;
    border-color: #b0473e;
}

.emos-confirm .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
    color: #4a4a4a;
    border: 1px solid #4a4a4a !important;
    background: #fff !important;
}

.emos-confirm .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.ui-state-hover,
.emos-confirm .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover {
    background: #e2e2e2 !important;
    border: 1px solid #e2e2e2 !important;
}

input,
textarea,
select {
    outline: 0 !important;
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
    color: #4A4A4A;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

input:not([type="checkbox"]):not([type="radio"]) {
    height: 48px;
    padding: 10px 16px;
    border: 1.35px solid #D7D7D7;
    background-color: #f9f9f9;
}

input:not([type="checkbox"]):not([type="radio"]):focus {
    border: 1.35px solid #003a5c;
}

input:not([type="checkbox"]):not([type="radio"])[id$="txtUYM_TELEFON"] {
    width: 100% !important;
}

textarea {
    width: 100% !important;
    height: 240px;
    padding: 16px;
    border: 1.35px solid #D7D7D7;
    background-color: #f9f9f9;
    resize: none;
}

textarea:focus {
    border: 1.35px solid #003a5c;
}

select {
    border: 1.35px solid #D7D7D7;
    background-color: #f9f9f9;
}

select:not(.ui-datepicker-month):not(.ui-datepicker-year) {
    padding: 10px 16px;
}

select:not(.ui-datepicker-month):not(.ui-datepicker-year):focus {
    border: 1.35px solid #003a5c;
}

.sStylerWrp_select.sStylerMainWrp {
    position: relative;
    display: block;
}

.sStylerWrp_select .sStylerWrp {
    position: relative;
    width: 100%;
    height: 48px;
    border: 1.35px solid #D7D7D7;
    background-color: #ffffff;
    padding: 10px 36px 10px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.sStylerWrp_select .sStylerWrp:after {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 8px;
}

.sStylerWrp_select .sStylerWrp .sStyleHolder {
    overflow: hidden;
}

.sStylerWrp_select select {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    height: 48px;
    width: 100% !important;
}

.sStylerWrp_checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    border: 1px solid #D7D7D7;
    background-color: #f9f9f9;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
}

input[type="checkbox"] {
    width: 16px !important;
    height: 16px;
    padding: 0;
}

input[type="checkbox"]:checked {
    border-color: #D7D7D7;
    background-color:#db3315;
}

.check-item {
    cursor: pointer;
}

input[type="radio"] {
    width: 16px !important;
    height: 16px;
    border-radius: 50%;
    padding: 0;
}

input[type="radio"]:checked {
    border-color: #D7D7D7;
    background-color:#db3315;
}

.ems-form-label {
    pointer-events: none;
    color: #003a5c;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 3px;
}

.ems-form-obj .checkbox {
    display: inline-block;
    font-size: 0;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.ems-form-obj .checkbox+span {
    font-size: 13px;
}

.ems-form-obj.obj-chck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ems-form-obj.obj-chck input {
    margin-right: 9px;
}

.ems-form-obj.obj-chck input+span {
    font-size: 14px;
    text-align: left;
}

.ems-form-obj.obj-chck [ctid] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-form-err .ems-form-label {
    color: #E92434;
}

.ems-form-err .ems-form-obj input:not([type="checkbox"]):not([type="radio"]),
.ems-form-err .ems-form-obj select,
.ems-form-err .ems-form-obj textarea {
    border: 1.35px solid #E92434;
}

.zorunluFont:before {
    content: "*";
    margin-right: 2px;
}

.xmlFormHeader {
    display: none;
}

.ddWrapper .ddTitle {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ddWrapper .ddTitle i {
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: transform 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    transition: transform 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    transition: transform 0.4s cubic-bezier(0.8, 0, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.8, 0, 0.5, 1);
}

.ddWrapper .ddContent {
    display: none;
}

.ddWrapper.opened .ddTitle i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ddWrapper.opened .ddContent {
    display: block;
}

.ems-message,
.pageSifremiUnuttum_mesaj {
    width: 100%;
    font-family: "palanquin";
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
}

.ems-message:empty,
.pageSifremiUnuttum_mesaj:empty {
    display: none;
}

.ems-message.ems-message-info,
.ems-message-info.pageSifremiUnuttum_mesaj {
    background: #0001;
    color: #4A4A4A;
}


/*
[id$="plhMesajCaptcha1"]{
    [id$="divCaptcha"]{
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        br{
            display: none;
        }
        #imgCaptcha{
            order: 1;
            height: 50px;
        }
        [id$="lbfUYE_KONTROLKODU"]{
            order: 3;
            width: 100%;
            margin-top: 16px;
            @extend .ems-form-label;
        }
        [id$="txtUYE_KONTROLKODU"]{
            order: 4;
        }
        .captchaYenile{
            order: 2;
            display: inline-block !important;
            font-size: 0;
            margin-left: 16px;
            &:after{
                @extend [class^="icon-"];
                @extend .icon-refresh:before;
                font-size: 16px;
                color: $cl3;
            }
        }
    }
}
*/

[id$="divCaptcha"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

[id$="divCaptcha"] #imgCaptcha {
    width: 200px;
}

[id$="divCaptcha"] [id$="txtUYE_KONTROLKODU"] {
    padding: 25px 10px 6px !important;
}

[id$="divCaptcha"] [id$="lbfUYE_KONTROLKODU"] {
    position: absolute;
    left: 210px;
    top: 6px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 16px;
    color: #003A5C;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: none;
}

[id$="divCaptcha"] .captchaYenile,
[id$="divCaptcha"] br {
    display: none;
}

.control-code [id$="divCaptcha"] [id$="lbfUYE_KONTROLKODU"] {
    top: 50%;
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%);
}

.control-code [id$="divCaptcha"] .captchaYenile,
.control-code [id$="divCaptcha"] br {
    display: none !important;
}

.control-code.is-active [id$="divCaptcha"] [id$="lbfUYE_KONTROLKODU"] {
    top: 6px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 12px;
}

@media (max-width: 960px) {
    [id$="divCaptcha"] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    [id$="divCaptcha"] #imgCaptcha {
        margin-bottom: 10px;
    }
    [id$="divCaptcha"] [id$="lbfUYE_KONTROLKODU"] {
        left: 10px;
    }
    .control-code [id$="divCaptcha"] [id$="lbfUYE_KONTROLKODU"] {
        -webkit-transform: translateY(65%);
        -ms-transform: translateY(65%);
        transform: translateY(65%);
    }
    .control-code.is-active [id$="divCaptcha"] [id$="lbfUYE_KONTROLKODU"] {
        top: calc(50% + 8px);
    }
}

body .ui-datepicker {
    position: relative;
    font-family: "palanquin";
    width: 224px;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: 0 1px 3px #252525;
    box-shadow: 0 1px 3px #252525;
    padding: 0;
    z-index: 10000 !important;
}

@media screen and (max-width: 960px) {
    body .ui-datepicker {
        font-family: "proximaLight";
        width: 224px !important;
        background: #fff;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-box-shadow: 0 1px 3px #252525;
        box-shadow: 0 1px 3px #252525;
        padding: 0 !important;
        z-index: 10000 !important;
        left: 35% !important;
    }
}

body .ui-datepicker .ui-datepicker-header {
    border: none;
    border-bottom: 1px solid#db3315;
    background: transparent;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 0;
}

body .ui-datepicker .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

body .ui-datepicker .ui-datepicker-title {
    margin: 0 !important;
}

body .ui-datepicker .ui-datepicker-title select {
    background-color: transparent;
    padding: 0 10px;
    margin: 0;
    height: 30px;
    border: none;
    line-height: 30px;
    color: #4A4A4A;
}

body .ui-datepicker .ui-datepicker-title select option {
    color: #252525;
}

body .ui-datepicker .ui-datepicker-next,
body .ui-datepicker .ui-datepicker-prev {
    top: 10px;
    border: none;
    background: #666;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 0 !important;
}

body .ui-datepicker .ui-datepicker-next .ui-datepicker-next-hover,
body .ui-datepicker .ui-datepicker-next .ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-prev .ui-datepicker-next-hover,
body .ui-datepicker .ui-datepicker-prev .ui-datepicker-prev-hover {
    top: 10px;
    border: none;
    background: #666;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 0 !important;
}

body .ui-datepicker .ui-datepicker-next:before,
body .ui-datepicker .ui-datepicker-prev:before {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #efefef;
}

body .ui-datepicker .ui-datepicker-next span,
body .ui-datepicker .ui-datepicker-prev span {
    display: none;
}

body .ui-datepicker .ui-datepicker-next {
    right: -30px;
    background: #333 !important;
}

body .ui-datepicker .ui-datepicker-prev {
    left: -30px;
    background: #333 !important;
}

body .ui-datepicker table {
    table-layout: fixed;
    color: #4A4A4A;
    width: 94%;
    margin: 3%;
}

body .ui-datepicker table th {
    text-transform: uppercase;
    padding: 10px 5px;
}

body .ui-datepicker table td .ui-state-default,
body .ui-datepicker table td .ui-widget-content .ui-state-default,
body .ui-datepicker table td .ui-widget-header .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    padding: 5px;
    margin: 0;
    font-weight: normal;
    color: #4A4A4A;
    font-size: 12px;
    border-radius: 0;
}

body .ui-datepicker table td .ui-state-default:hover,
body .ui-datepicker table td .ui-widget-content .ui-state-default:hover,
body .ui-datepicker table td .ui-widget-header .ui-state-default:hover {
    background: #95a5a6;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.html-dropdown {
    position: relative;
    width: 176px;
    float: right;
    height: auto;
    cursor: pointer;
    flex-direction: column;
    border: 1px solid #d7d7d7;
    background: #f9f9f9;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.html-dropdown>span {
    line-height: 32px;
    padding: 0 15px;
    color: #4a4a4a;
}

.html-dropdown>span:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    top: 10px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url(/upload/open-icon@2x.png);
}

.html-dropdown>ul {
    position: absolute;
    top: 30px;
    border: 1px solid #d7d7d7;
    background: #f9f9f9;
    width: 100%;
    z-index: 2;
}

.html-dropdown>ul li {
    cursor: pointer;
    padding: 10px 15px;
    color: #4a4a4a;
}

@media (max-width: 960px) {
    .html-dropdown {
        width: 100%;
    }
}

h1,
.h1 {
    font-size: 72px;
    font-weight: 400;
    color: #393939;
    line-height: 1.81;
}

h1.light-bold,
.h1.light-bold {
    font-weight: 700;
    color: #ffffff;
}

h3,
.h3 {
    font-size: 48px;
    font-weight: 700;
    color: #6F6F6F;
    line-height: 87px;
}

h4,
.h4,
.page-contact .page-top-title,
.page-contact .pageHeaderDefault {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    line-height: 64px;
}

h5,
.h5 {
    font-size: 22px;
    color: #003A5C;
    line-height: 58px;
}

h6,
.h6 {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    line-height: 64px;
}

.navbar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navbar-container .navbar-left,
.navbar-container .navbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-container .navbar-right {
    margin-left: auto;
}

@media (min-width: 961px) {
    .navbar-item-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
    }
    .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
    }
    .navbar-nav .lvl-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .navbar-nav .lvl-1>li>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        position: relative;
        padding: 0 10px;
        color: #4A4A4A;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;font-weight: bold;
    }
    .navbar-nav .lvl-1>li>a:after {
        content: "";
        width: 100%;
        height: 0;
        background:#db3315;
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-transition: all 175ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
        -o-transition: all 175ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
        transition: all 175ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
    }
    .navbar-nav .lvl-1>li>a>i {
        margin-right: 8px;
        font-size: 0;
    }
    .navbar-nav .lvl-1>li>a>i:before {
        font-size: 24px;
    }
    .navbar-nav .lvl-1>li .nav-holder {
        position: absolute;
        top: 96px;
        left: 0;
        right: 0;
    }
    .navbar-nav .lvl-1>li .nav-holder>.sub-nav {
        -webkit-transition: all 0.33s cubic-bezier(0.25, 0.75, 0.25, 0.75);
        -o-transition: all 0.33s cubic-bezier(0.25, 0.75, 0.25, 0.75);
        transition: all 0.33s cubic-bezier(0.25, 0.75, 0.25, 0.75);
        -webkit-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
        transform: translateY(-110%);
        opacity: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
        padding: 34px 0;
    }
    .navbar-nav .lvl-1>li .nav-holder:before {
        content: "";
        display: block;
        width: 100%;
        height: 0px;
        background:#db3315;
        -webkit-transition: all 175ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
        -o-transition: all 175ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
        transition: all 175ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
    }
    .navbar-nav .lvl-1>li.selected>a {
        color:#db3315;
    }
    .navbar-nav .lvl-1>li.selected>a i {
        color:#db3315;
    }
    .navbar-nav .lvl-1>li.selected>a:after {
        height: 4px;
    }
    .navbar-nav .lvl-1>li.selected .nav-holder:not(:empty):before {
        height: 4px;
    }
    .navbar-nav .lvl-1>li.selected .nav-holder>.sub-nav {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        top: 0;
        -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2);
    }
    .navbar-nav .lvl-2 {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .navbar-nav .lvl-2:not(.all-products)>li>a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 96px;font-weight: bold;
    }
    .navbar-nav .lvl-2:not(.all-products)>li>a i {
 font-size: 0;
    background-color: #ffffff;
    border-radius: 100%;
    margin-left: 1px;
    margin-right: 2px;
    -webkit-transition: all 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -o-transition: all 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
    transition: all 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
    }
    .navbar-nav .lvl-2:not(.all-products)>li>a i:before {
        font-size: 32px;
    }
    .navbar-nav .lvl-2:not(.all-products)>li>a span {
       display: inline-block;
    margin: 2px 0px;
    color: #4A4A4A;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    }
    .navbar-nav .lvl-2:not(.all-products)>li>a:hover i {
       border-color: #db3315;
    /* background-color: #db3315; */
    color: #ffffff;
    }
    .navbar-nav .lvl-2:not(.all-products)>li>a:hover span {
        color:#db3315;
    }
    .navbar-nav .lvl-2.type-1>li:not(:first-child) {
        margin-left: 25px;
    }
    .navbar-nav .lvl-2.type-1>li>a {
   -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    /* flex-direction: initial; */
    width: 122px;
    }
    .navbar-nav .lvl-2.type-2 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .navbar-nav .lvl-2.all-products .sub-menu {
        width: calc((100% - (16px * 5) / 6));
    }
    .navbar-nav .lvl-2.all-products .sub-menu+.sub-menu {
        margin-left: 16px;
    }
    .navbar-nav .lvl-2.all-products .sub-menu>div:first-child {
        height: 230px;
    }
    .navbar-nav .lvl-2.all-products .cat-title {
        margin-bottom: 8px;
        color: #4A4A4A;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
    }
}

@media (min-width: 960px) and (max-width: 1150px) {
    .navbar-nav .lvl-1>li>a>i:before {
        font-size: 18px;
    }
}

@media (max-width: 960px) {
    .navbar-item-menu:before {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.8);
    }
    .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: calc(100% - 40px);
        max-width: 300px;
        height: 100%;
        background: #db3315;
        -webkit-box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.4);
        box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.4);
        z-index: 10;
        padding: 48px 0;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform: translate3d(calc(100% + 20px), 0, 0);
        transform: translate3d(calc(100% + 20px), 0, 0);
    }
    .navbar-nav>.btn-close {
        font-size: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: rgba(255, 255, 255, 0.8);
        position: absolute;
        top: 16px;
        right: 16px;
    }
    .navbar-nav>.btn-close:before {
        font-size: 16px;
    }
    .navbar-nav .mobile-user-clone {
        margin-top: auto;
        padding: 0 24px;
    }
    .navbar-nav .mobile-user-clone a.btn-signin {
        color: rgba(255, 255, 255, 0.8);
        font-size: 16px;
    }
    .navbar-nav .mobile-user-clone a.btn-signin i {
        font-size: 16px;
        margin-right: 8px;
    }
    .navbar-nav .lvl-1>li>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding: 0 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 45px;
        color: rgba(255, 255, 255, 0.8);
    }
    .navbar-nav .lvl-1>li>a>i {
        margin-right: 8px;
        font-size: 0;
    }
    .navbar-nav .lvl-1>li>a>i:before {
        font-size: 20px;
    }
    .navbar-nav .lvl-1>li .nav-holder {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(100% - 40px);
        height: 100%;
      background: #db3315;
        -webkit-box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.4);
        box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.4);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform: translate3d(calc(100% + 20px), 0, 0);
        transform: translate3d(calc(100% + 20px), 0, 0);
    }
    .navbar-nav .lvl-1>li.sub-menu>a:after {
        content: "\e942";
        margin-left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .navbar-nav .lvl-1>li.selected .nav-holder {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .navbar-nav .lvl-2>li>a,
    .navbar-nav .lvl-3>li>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding: 0 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 45px;
        color: rgba(255, 255, 255, 0.8);border-radius: 0% !important;
    }
    .navbar-nav .lvl-2>li>a>i,
    .navbar-nav .lvl-3>li>a>i {
        margin-right: 8px;
        font-size: 0;
    }
    .navbar-nav .lvl-2>li>a>i:before,
    .navbar-nav .lvl-3>li>a>i:before {
        font-size: 20px;
    }
    .navbar-nav .lvl-2>li.sub-menu a.cat-title:after,
    .navbar-nav .lvl-3>li.sub-menu a.cat-title:after {
        content: "\e942";
        margin-left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .navbar-nav .sub-nav .sub-nav-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 15px 12px 10px;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.8);
    }
    .navbar-nav .sub-nav .sub-nav-title>span {
        font-weight: 700;
        margin-left: 10px;
        white-space: nowrap;
        max-width: 70%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .navbar-nav .sub-nav .sub-nav-title .btn-close {
        margin-left: auto;
    }
    .navbar-nav .sub-nav .sub-nav-title i {
        font-size: 0;
    }
    .navbar-nav .sub-nav .sub-nav-title i:before {
        font-size: 16px;
    }
    .navbar-nav .sub-holder {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #4A4A4A;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform: translate3d(calc(100% + 20px), 0, 0);
        transform: translate3d(calc(100% + 20px), 0, 0);
    }
    .navbar-nav .lvl-2 .sub-menu.selected .sub-holder {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .navbar-nav .lvl-2 .sub-menu.selected[data-rel="item-0"] div:nth-child(1) .sub-holder {
        z-index: 1;
    }
    .navbar-nav .lvl-2 .sub-menu.selected[data-rel="item-1"] div:nth-child(2) .sub-holder {
        z-index: 1;
    }
    .navbar-nav .cat-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding: 0 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 45px;
        color: rgba(255, 255, 255, 0.8);
    }
    .mobi-menu-ready.mobi-menu-animate {
        overflow: hidden;
    }
    .mobi-menu-ready.mobi-menu-animate .navbar-item-menu:before {
        content: "";
    }
    .mobi-menu-ready.mobi-menu-animate .navbar-nav {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.swiper-container .swiper-inner {
    overflow: hidden;
}

.swiper-container .swiper-pagination {
    display: none;
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: initial;
    height: initial;
    margin-top: 0;
    background-image: none;
}

.swiper-container.no-controls .swiper-button-prev,
.swiper-container.no-controls .swiper-button-next {
    display: none;
}

.homepage-showcase .hs-background {
    position: relative;
    height: 500px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

@media (min-width: 960px) {
    .homepage-showcase .hs-background:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        z-index: 2;
    }
}

.homepage-showcase .hs-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.homepage-showcase .hs-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.homepage-showcase .hs-container {
    height: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}

.homepage-showcase .hs-content .hs-title {
    color: #ffffff;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.1;margin-top: 250px;
}

.homepage-showcase .hs-content .hs-desc {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 20px;
}

.homepage-showcase .hs-content.txtBlack .hs-title,
.homepage-showcase .hs-content.txtBlack .hs-desc {
    color: #000000;
}

.homepage-showcase .hs-content.txtGrey .hs-title,
.homepage-showcase .hs-content.txtGrey .hs-desc {
    color: #4A4A4A;
}

.homepage-showcase .hs-link {
    display: block;
    font-size: 0;
    /*position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 3;*/
}

.homepage-showcase .swiper-button-prev,
.homepage-showcase .swiper-button-next {
    font-size: 0;
}

.homepage-showcase .swiper-button-prev i:before,
.homepage-showcase .swiper-button-next i:before {
    font-size: 32px;
    color: #ffffff;
}

.homepage-showcase .swiper-button-prev.swiper-button-disabled,
.homepage-showcase .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
}

.homepage-showcase .swiper-button-prev {
    left: calc((100% - 1200px) / 2);
}

.homepage-showcase .swiper-button-next {
    right: calc((100% - 1200px) / 2);
}

@media (max-width: 960px) {
    .hp-showcase {
        margin-bottom: 20px;
        width: 100%;
        overflow: hidden;
    }
	.rrr{margin-left: -0px!important}
    .homepage-showcase {
        overflow: initial;
    }
    .homepage-showcase .swiper-inner {
        overflow: initial;
    }
    .homepage-showcase .hs-background {
       height: 21vh;
        overflow: initial;
    }
    .homepage-showcase .hs-container {
        padding-top: 0;
        padding-bottom: 0px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .homepage-showcase .hs-content .hs-title {
        font-size: 32px;
        line-height: 32px;
        text-align: center;
    }
    .homepage-showcase .hs-content .hs-desc {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 7px 16px;
        height: 110px;
        overflow: hidden;
        color: #4A4A4A;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }
    .homepage-showcase .hs-content.txtBlack .hs-title {
        color: #ffffff;
    }
    .homepage-showcase .hs-content.txtBlack .hs-desc {
        color: #4A4A4A;
    }
    .homepage-showcase .hs-content.txtGrey .hs-title {
        color: #ffffff;
    }
    .homepage-showcase .hs-content.txtGrey .hs-desc {
        color: #4A4A4A;
    }
    .homepage-showcase .swiper-button-prev i:before,
    .homepage-showcase .swiper-button-next i:before {
        font-size: 16px;
    }
    .homepage-showcase .swiper-button-prev {
        left: 16px;
    }
    .homepage-showcase .swiper-button-next {
        right: 16px;
    }
}

.ems-page-default {
    padding: 32px 0;
}

.page-title {
    color:#db3315;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

.page-desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.page-desc:not(:empty) {
    margin-top: 32px;
}

@media (max-width: 960px) {
    .ems-page-default {
        padding: 24px 0;
    }
    .page-title {
        font-size: 24px;
        line-height: 44px;
    }
}

.anaBody>div[ondblclick][style] {
    position: relative;
    z-index: 9999;
}

.anaBody>div[ondblclick][style] * {
    font-family: arial;
    font-size: 13px;
}

.anaBody>div[ondblclick][style] h3 {
    line-height: 1.5;
    padding: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.anaBody>div[ondblclick][style] div {
    padding: 5px 15px;
}

.icerikTemplateListeContainer .icerikTemplateListeItem {
    width: 100%;
    margin: 8px 0;
}

.icerikTemplateListeContainer .icerikTemplateListeEtiket {
    display: none;
}

.icerikListePagingUst {
    display: none;
}

.urunListePagingAlt {
    width: 100%;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}

.urunPaging_pageNavigation,
.icerikListePagingAlt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.urunPaging_pageNavigation [id$="lblPaging"],
.icerikListePagingAlt [id$="lblPaging"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.urunPaging_pageNavigation [id$="lblPaging"]>span,
.urunPaging_pageNavigation [id$="lblPaging"]>a,
.icerikListePagingAlt [id$="lblPaging"]>span,
.icerikListePagingAlt [id$="lblPaging"]>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin: 2px;
    border: 1px solid rgba(155, 155, 155, 0.5);
    color: #9B9B9B;
    font-size: 15px;
    line-height: 32px;
}

.urunPaging_pageNavigation [id$="lblPaging"]>span,
.icerikListePagingAlt [id$="lblPaging"]>span {
    cursor: default;
    color: #ffffff;
    background-color: #979797;
}

.urunPaging_pageNavigation [id$="lnkFirstPage"],
.urunPaging_pageNavigation [id$="lnkPrev"],
.urunPaging_pageNavigation [id$="lnkNext"],
.urunPaging_pageNavigation [id$="lnkLastPage"],
.icerikListePagingAlt [id$="lnkFirstPage"],
.icerikListePagingAlt [id$="lnkPrev"],
.icerikListePagingAlt [id$="lnkNext"],
.icerikListePagingAlt [id$="lnkLastPage"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin: 2px;
    border: 1px solid rgba(155, 155, 155, 0.5);
    color: #9B9B9B;
    font-size: 15px;
    line-height: 32px;
}

.urunPaging_pageNavigation td[align="left"],
.urunPaging_pageNavigation td[align="right"],
.icerikListePagingAlt td[align="left"],
.icerikListePagingAlt td[align="right"] {
    display: none;
    width: 0 !important;
}

.ems-breadcrumb {
    background-color: #F6F6F6;
    padding: 5px 5px;
}

.ems-breadcrumb .icerikNavigasyon {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.ems-breadcrumb .ems-mb-nav-close {
    display: none;
}

.ems-breadcrumb [id$="lblNavigation"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ems-breadcrumb [id$="lblNavigation"] a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 3px 0 5px;
    white-space: nowrap;
}

.ems-breadcrumb [id$="lblNavigation"] a.home-btn {
    margin: 0 3px 0 0;
}

#infscr-loading {
    width: 100% !important;
    text-align: center;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

#infscr-loading img {
    width: 75px;
}

#infscr-loading div {
    display: none;
}

.kutuSolMenuTree .kutuBodySolMenuTree ul li>a {
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
}

.kutuSolMenuTree .kutuBodySolMenuTree ul li.act>a {
    color:#db3315;
}

.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev3 {
    border-bottom: 1px solid #D7D7D7;
}

.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev3.act>ul,
.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev3.sel>ul {
    padding-left: 8px;
}

.kutuSolMenuTree .kutuBodySolMenuTree ul li.sev4>a {
    font-weight: normal;
}

@media (max-width: 960px) {
    .ems-breadcrumb {
        padding: 5px 16px;
    }
    .ems-breadcrumb [id$="lblNavigation"] {
        overflow-y: hidden;
        overflow-x: auto;
    }
}

.card-type1 .uk-card {
    border: 1px solid #D7D7D7;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.card-type1 .item-content {
    padding: 16px 16px 55px;
}

.card-type1 .item-content .item-title {
    color:#db3315;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
}

.card-type1 .item-content .item-brief-desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
    height: 100px;
    overflow: hidden;
}

.card-type1 .item-content .item-link {
    color:#db3315;
    font-size: 16px;
    line-height: 29px;
    margin-top: 8px;
}

.card-type2 .uk-card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.card-type2 .item-content {
    padding: 16px 0 32px;
}

.card-type2 .item-content .item-title {
    color:#db3315;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.card-type2 .item-content .item-brief-desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
    height: 70px;
    overflow: hidden;
}

@media (max-width: 960px) {
    .card-type1 .item-content .item-title {
        font-size: 16px;
        line-height: 24px;
		height: 46px!important;
    }
    .card-type1 .item-content .item-link {
        width: 100%;
        border: 1px solid #4A4A4A;
        color: #4A4A4A;
        text-align: center;
        text-transform: capitalize;
    }
    .card-type1 .item-content .item-link:hover {
        background: #e2e2e2;
        border-color: #e2e2e2;
        color: #4a4a4a;
    }
    .card-type1 .item-content .item-link:focus {
        background: #b1b1b1;
        border-color: #b1b1b1;
        color: #4a4a4a;
    }
    .card-type2 .item-content {
        padding: 10px 0 24px;
    }
    .card-type2 .item-content .item-title {
        font-size: 20px;
        line-height: 36px;
    }
    .card-type2 .item-content .item-brief-desc {
        height: 72px;
    }
}

.page-404 {
    position: relative;
}

.holder-404 {
    color: #4A4A4A;
}

.holder-404 .icon-error {
    font-size: 350px;
    color: #ededed;
    top: -50px;
    left: 90px;
    z-index: -1;
}

.holder-404 .row-1 {
    margin-top: -70px;
}

.holder-404 .row-1 .uk-text-lead {
    font-size: 128px;
    line-height: 1;
}

.holder-404 .row-2 {
    padding: 0 40px;
}

.holder-404 .row-2 .uk-text-lead {
    font-size: 32px;
}

.holder-404 .row-2 .uk-list li a {
    font-size: 18px;
    color:#db3315;
    text-decoration: underline;
}

@media (max-width: 960px) {
    .holder-404 .icon-error {
        left: auto;
        right: 0;
        top: -30px;
    }
    .holder-404 .row-1 .uk-text-lead {
        text-align: left !important;
        padding-top: 130px;
    }
    .holder-404 .row-2 {
        padding: 20px 0;
    }
}

.vt-overlay.display-1 {
    position: relative;
    height: 100%;
}

.vt-overlay.display-1 .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.vt-overlay.display-1 .image .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.vt-overlay.display-1 .text-holder {
    padding: 12px 30px 12px 24px;
    background: rgba(168, 175, 166, 0.8);
    position: absolute;
    left: 8px;
    bottom: 16px;
    color: #ffffff;
    width: 90%;
}

.vt-overlay.display-1 .text-holder .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.vt-overlay.display-1 .text-holder .desc {
    font-size: 16px;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 50px;
}

.vt-overlay.display-1 .text-holder:after {
    content: "";
    border-width: 8px 0px 8px 8px;
    border-color: rgba(154, 160, 152, 0.8) transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 0;
    top: 100%;
}

.ems-widget .widget-title {
    color:#db3315;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
}

.ems-widget .widget-title:not(:empty) {
    margin-bottom: 24px;
}

.system-widget {
    display: none;
}

.system-widget.results-found {
    display: block;
}

.widget-product .swiper-inner,
.widget-collection .swiper-inner {
    margin-left: -8px;
    width: auto;
}

.widget-product {
    padding: 32px 0;
}

.widget-product .emosInfinite .ems-prd {
    padding: 8px;
}

.widget-product .emosInfinite .ems-prd-inner {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.widget-product .emosInfinite .ems-prd-image {
    border-bottom: 4px solid#db3315;
    height: 160px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget-product .emosInfinite .ems-prd-image>a {
    width: 100%;
}

.widget-product .emosInfinite .ems-prd-content-mask {
    padding: 8px;
}

.widget-product .emosInfinite .ems-prd-name {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
}

.widget-product .emosInfinite .ems-prd-desc {
    display: none;
    height: 32px;
    overflow: hidden;
    line-height: 1.1;
}

.widget-product .emosInfinite .ems-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.widget-product .emosInfinite .ems-brand-name {
    color: #9B9B9B;
    font-size: 12px;
    line-height: 22px;
    padding-top: 8px;
    height: 30px;
    overflow: hidden;
}

.widget-product .emosInfinite .ems-brand-drop {
    display: none !important;
}

.widget-collection {
    padding: 32px 0;
}

.widget-collection .ems-prd {
    padding: 8px;
}

.widget-collection .ems-prd-mask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.widget-collection .ems-prd-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 256px;
    overflow: hidden;
}

.widget-collection .ems-prd-image>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.widget-collection .ems-prd-image>a img {
    min-width: 100%;
    min-height: 100%;
}

.widget-collection .ems-prd-name {
    color:#db3315;
    font-size: 24px;
    font-weight: bold;
    margin-top: 23px;
}

.widget-collection .ems-prd-desc {
    color: #4A4A4A;
    font-size: 14px;
}

.widget-collection .ems-prd-desc a:not(:empty) {
    margin-top: 5px;
    height: 68px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.widget-collection .ems-prd-desc a:empty {
    display: none;
}

.widget-collection .ems-brand,
.widget-collection .ems-prd-compare-group {
    display: none;
}

@media (max-width: 960px) {
    .ems-widget {
        padding-left: 0;
        padding-right: 0;
    }
    .ems-widget .widget-title {
        font-size: 20px;
        line-height: 24px;
        padding: 0 16px;
    }
    .ems-widget .widget-title:not(:empty) {
        margin-bottom: 16px;
    }
    .widget-product,
    .widget-collection {
        margin-left: 0;
    }
    .widget-product.no-controls .emosInfinite,
    .widget-collection.no-controls .emosInfinite {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    .widget-product {
        padding: 36px 0;
    }
    .widget-product .emosInfinite .ems-prd {
        width: 50%;
    }
    .widget-product .emosInfinite .ems-prd-name {
        color: #4A4A4A;
        font-size: 14px;
        line-height: 16px;
        height: 32px;
        overflow: hidden;
    }
    .widget-collection {
        margin: 24px 16px;
    }
    .widget-collection .widget-title {
        margin-left: 0;
    }
    .widget-collection .emosInfinite {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .widget-collection .ems-prd {
        margin-bottom: 0;
    }
    .widget-collection .ems-prd-image {
        height: 160px;
    }
    .widget-collection .ems-prd-name {
        color: #4A4A4A;
        font-size: 16px;
        margin-top: 6px;
    }
    .widget-collection .ems-prd-desc {
        display: none;
    }
    .widget-collection .ems-prd+.ems-prd {
        margin-top: 16px;
    }
}

.custom-selectbox {
    display: none !important;
}

.dropdown-menu ul li {
    border-bottom: 1px solid #D7D7D7;
}

.dropdown-menu ul li a {
    padding: 8px 0;
    color: #4A4A4A;
    font-size: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.dropdown-menu ul li a:hover {
    color: #003A5C;
}

.custom-selectbox ul li:last-child {
    border: 0;
}

@media (max-width: 960px) {
    .custom-selectbox {
        display: block !important;
    }
    .dropdown-menu {
        display: none;
    }
}


/**************************************************/

.jconfirm.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.6) !important;
    opacity: 1;
}

.jconfirm .jconfirm-box .jconfirm-closeIcon {
    display: inline-block !important;
    width: auto;
    height: auto;
    top: 17px;
    right: 13px;
    z-index: 1;
}

.jconfirm .jconfirm-box .jconfirm-closeIcon .btnMinPpCl {
    display: inline-block;
}

.jconfirm .jconfirm-box .jconfirm-closeIcon .btnMinPpCl:before {
    font-size: 16px;
    color: #4A4A4A;
}


/**************************************************/

.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #000000;
    opacity: .5;
}

.jconfirm .jconfirm-box {
    background: #ffffff;
}

.minPpIframe {
    min-height: inherit;
}

html.popup-html {
    background: #ffffff;
}

.popupDefault {
    font-family: Palanquin;
    text-align: left;
}

.popupTitleDefault {
    font-size: 24px;
    color: #003A5C;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 30px;
}

.popupOtomasyon_icerik>span {
    width: 100% !important;
}

.popupFavoriGrup {
    text-align: left;
}

.popupFavoriGrup .popupTitleFavoriGrup {
    color: #003A5C;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
}

.popupFavoriGrup .dvUygAd {
    margin-bottom: 32px;
}

.popupFavoriGrup .dvUygAd [id$='lbfUYG_AD'] {
    display: block;
    color: #003A5C;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}

.popupFavoriGrup .dvUygAd input {
    width: 100%;
    height: 32px;
    border: 1.35px solid #D7D7D7;
    background-color: #f9f9f9;
}

.popupFavoriGrup .dvUygIcon [id$='lbfUYG_ICONURL'] {
    color: #003A5C;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}

.popupFavoriGrup .favoriGrup_iconSet {
    margin-left: -4px;
    margin-bottom: 32px;
}

.popupFavoriGrup .favoriGrup_iconSet .prj-icon-item {
    cursor: pointer;
    width: 33px;
    height: 33px;
    border: 1px solid #4A4A4A;
    border-radius: 6px;
    padding: 4px;
    margin: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popupFavoriGrup .favoriGrup_iconSet .prj-icon-item.active {
    background: #dedede;
}

.popupFavoriGrup .dbUygKaydet {
    text-align: center;
}

.popupFavoriGrup .dbUygKaydet .btnDefault {
    width: 80%;
}


/*Popup-Favori Grup Ekle*/

.popupFavoriGrupContainer {
    background: #ffffff;
    text-align: left;
}

.popupFavoriGrupContainer .popupFavoriGrup_ekleLabel {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.popupFavoriGrupContainer .ulFavoriGrupListe {
    overflow: auto;
    height: 90px;
}

.popupFavoriGrupContainer .favoriGrupListe.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 8px;
}

.popupFavoriGrupContainer .dvUygIcon {
    margin-right: 8px;
}

.popupFavoriGrupContainer .dvUygIcon img {
    width: 16px;
    height: 16px;
}

.popupFavoriGrupContainer .dvUygAd {
    color: #4A4A4A;
    font-size: 14px;
}

.popupFavoriGrupContainer .dvUygAction .lnkFavoriGruptanKaldir {
    display: none;
}

.popupFavoriGrupContainer .dvUygAction .lnkFavoriGrubunaEkle {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.popupFavoriGrupContainer .popupFavoriGrup_grupYonet {
    margin-top: 32px;
}

.popupFavoriGrupContainer [id$='lbfUYG_FAVORIGRUPYONET'] {
    color:#db3315;
    font-size: 12px;
}

.popupOtomasyon_btnSozlesmeYazdir {
    margin-top: 24px;
}

.popupFacebookOnay {
    margin-top: 24px;
}

.popupFacebookOnay>table>tbody>tr td {
    padding-bottom: 10px;
    padding-right: 16px;
}

.popupFacebookOnay .checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.popupFacebookOnay .btnSozlesmeOnay {
    padding: 16px 0 0 0;
}

#btnUyelikAnonim {
    margin-top: 20px;
    min-width: 100%;
}

.popup_uyelikAnonimlestir .jconfirm-box-container {
    max-width: 600px !important;
}

.popup_uyelikAnonimlestir .jconfirm-content {
    min-height: 440px !important;
}

.popupUyelikAnonim {
    position: relative;
}

.popupUyelikAnonim_iptalListe,
.popupUyelikAnonim_btnUyelikAnonimKaydet {
    margin-top: 15px;
}

.uyelikIptal_secenek>input {
    margin-right: 5px;
}

.uyelikIptal_secenek+.uyelikIptal_secenek {
    margin-top: 7px;
}

.uyelikAnonimConfirm {
    border: 1px solid #ccc;
}

.uyelikAnonimConfirm~.ui-widget-overlay {
    background: rgba(255, 255, 255, 0.77) !important;
}

.navbar-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    background: #ffffff;
    height: 96px;
}

.navbar-container .navbar-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    background: #ffffff;
}

.navbar-container .navbar-right {
    margin-left: auto;
    height: 100%;
}

.navbar-item-logo .logo {
    width: 100%;
    max-width: 150px;
    margin-right: 10px;
}

.header-mobile-controller {
    display: none;
}

.navbar-item-search {
    margin-left: 16px;
}

.navbar-item-search .btn-custom-search {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4A4A4A;
}

.navbar-item-search .btn-custom-search i {
    font-size: 24px;
}


/***************************/

.mod-mini-search-inner {
    width: 100%;
}

.mod-mini-search-header {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mod-mini-search-header .btn-search-control {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4A4A4A;
}

.mod-mini-search-header .btn-search-control i {
    font-size: 24px;
}

.mod-mini-search-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    -webkit-transform: translateY(-1000%);
    -ms-transform: translateY(-1000%);
    transform: translateY(-1000%);
    z-index: 1;
    height: 96px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.mod-mini-search-body .ems-form-inner {
    position: relative;
}


/***************************/

.search-animate .mod-mini-search-body {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.navbar-item-mini-member {
    margin-left: 24px;
}

.mod-mini-login .mod-mini-login-inner {
    position: relative;
}

.mod-mini-login .mod-mini-login-header [id$="lbhKUTU_HESABIM"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.mod-mini-login .mod-mini-login-header [id$="lbhKUTU_HESABIM"] .btn-profile {
    display: none;
}

.mod-mini-login .mod-mini-login-header [id$="lbhKUTU_HESABIM"]>i {
    margin-right: 13px;
    font-size: 24px;
}

.mod-mini-login .mod-mini-login-header [id$="lbhKUTU_HESABIM"]>i svg {
    width: 24px;
    height: 24px;
}

.mod-mini-login .mod-mini-login-body {
    display: none;
    position: absolute;
    top: calc(100% - 7px);
}

.mod-mini-login .mod-mini-login-body .login {
    min-width: 100%;
    margin-top: 12px;
    position: relative;
    left: 12px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 14px 16px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}

.mod-mini-login .mod-mini-login-body .login:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0 11px 12px 11px;
    border-color: transparent transparent #ffffff transparent;
}

.mod-mini-login .mod-mini-login-body .login .ems-col {
    margin-bottom: 10px;
}

.mod-mini-login .mod-mini-login-body .login .ems-col:last-child {
    margin-bottom: 0;
}

.mod-mini-login .mod-mini-login-body .login .ems-col a {
    display: block;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 16px;
}

.mod-mini-login .mod-mini-login-body .login .ems-col a.btnDefault {
    background: none;
    padding: 0;
    min-width: auto;
    border: none;
    font-weight: 400;
}

.mod-mini-login .mod-mini-login-body .login .ems-col a>span {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mod-mini-login .mod-mini-login-body .login .ems-col a>span i {
    margin-right: 18px;
    font-size: 16px;
}

.mod-mini-login .mod-mini-login-footer {
    display: none;
}

.mod-mini-login.opened .mod-mini-login-body {
    display: block;
}

.ems-logoff .sub.login,
.ems-logoff [id$="lbfKUTU_HESABIM"] {
    display: none !important;
}

.ems-login .sub.logoff,
.ems-login .ems-user-info,
.ems-login [id$="lbfkutuUyeGiris1"] {
    display: none !important;
}

.ems-login .navbar-item-mini-member {
    margin-left: 32px;
}

@media (min-width: 960px) and (max-width: 1150px) {
    .navbar-item-menu>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-container .navbar-holder {
        padding-left: 16px;
        padding-right: 16px;
    }
    .navbar-item-logo .logo {
        max-width: 80px;
        margin-right: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-item-search .btn-custom-search {
        width: 24px;
        height: 24px;
    }
    .navbar-item-search .btn-custom-search i {
        font-size: 18px;
    }
    .navbar-item-mini-member {
        margin-left: 18px;
    }
    .mod-mini-login .mod-mini-login-header [id$="lbhKUTU_HESABIM"]>i {
        margin-right: 8px;
        font-size: 18px;
    }
    .mod-mini-login .mod-mini-login-header [id$="lbhKUTU_HESABIM"]>i svg {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 960px) {
    .navbar-container {
       height: 150px;
        z-index: 1001;
    }
    .navbar-container .navbar-holder {
        display: block;
        padding: 16px;
    }
    .navbar-item-logo {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .navbar-item-logo .logo {
        max-width: 180px;
        margin-right: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .header-mobile-controller {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;    margin-top: -7px;
    }
    .header-mobile-controller>div+div {
        margin-left: 24px;
    }
    .header-mobile-controller a {
        color: #4A4A4A;
    }
    .header-mobile-controller a i {
        font-size: 0;
    }
    .header-mobile-controller a i:before {
        font-size: 45px;
    }
    .mb-Member .sub.login {
        display: none;
        max-width: 180px;
        background: #ffffff;
        top: 40px !important;
        right: 0 !important;
        left: initial !important;
        padding: 20px;
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    }
    .mb-Member .sub.login ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .mb-Member .sub.login ul li a {
        color: #4A4A4A;
        font-size: 16px;
        line-height: 1;
    }
    .mb-Member .sub.login ul li a i {
        margin-right: 14px;
    }
    .mb-Member .sub.login ul li a i::before {
        font-size: 16px;
    }
    .mb-Member .sub.login ul li:not(:first-child) {
        margin-top: 8px;
    }
    .mb-Member .sub.login.uk-open {
        display: inline;
    }
    .mb-Member .sub.login:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -16px;
        right: 12px;
        border-bottom: 16px solid #00000026;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        overflow: hidden;
    }
    .mb-Member .sub.login:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: -14px;
        right: 14px;
        border-bottom: 14px solid #ffffff;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        overflow: hidden;
    }
    .ems-logoff .mb-Member {
        display: none !important;
    }
    .navbar-item-search,
    .navbar-item-mini-member {
        display: none;
    }
}

.dyb-wrapper {
    position: relative;
    height: 320px;
}

.dyb-wrapper:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dyb-wrapper>.uk-width-1-2\@m,
.ems-page-listing-2 .icerikTemplateListeContainer .dyb-wrapper>.icerikTemplateListeItem,
.ems-page-corporate-list .icerikTemplateListeContainer.dyb-wrapper>div {
    position: relative;
    z-index: 2;
}

.dyb-wrapper .dyb-icon i {
    font-size: 0;
    color: #ffffff;
}

.dyb-wrapper .dyb-icon i:before {
    font-size: 70px;
}

.dyb-wrapper .dyb-title {
    margin: 32px 0;
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
    line-height: 64px;
}

.sneak-info {
   padding-top: 40px;
    padding-bottom: 10px;
}

.sneak-item {
    text-align: center;
}

.sneak-item .sneak-icon {
    margin-bottom: 0px;
}

.sneak-item .sneak-icon img {
    height: 64px;
}

.sneak-item .sneak-icon i {
    font-size: 0;
}

.sneak-item .sneak-icon i:before {
    font-size: 64px;
}

.sneak-item .sneak-title {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0px;
}

.sneak-item .sneak-title a {
    position: relative;
}

.sneak-item .sneak-title a:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    background: #eeeeee;
    height: 0;
    width: calc(100% + 10px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sneak-item .sneak-title a:hover:after {
    height: 50%;
}

.sneak-item .sneak-desc {
    color: #6F6F6F;
    font-size: 16px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.sneak-item .sneak-link {
    margin-top: 0px;
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
}

.sneak-item .sneak-link:hover a {
    text-decoration: underline;
}

.newsletter {
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: #5E5751;
}

.newsletter-title {
    display: block;
    color: #ffffff;
    font-size: 20px;
    line-height: 36px;
    padding-bottom: 12px;
}

.kutuBodyBulten,
.kutuHeaderBulten {
    margin: 0 auto !important;
}

.kutuHeaderBulten {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.kutuBulten_mesaj {
    width: 100%;
}

.divchkPrivacyNotice {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 5px;
}

.divchkPrivacyNotice .data-Privacy {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 3px;
}

.divchkPrivacyNotice [id$="lbfPrivacyNotice"] {
    color: #fff;
    margin-left: 8px;
}

.footer-navbar {
    padding-top: 32px;
    padding-bottom: 32px;
  background-color: #db3315;
}

.footer-main-links>div {
    overflow: hidden;
}

.footer-main-links>div>.nav-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.footer-main-links>div>.nav-title:after {
    display: none;
    font-size: 16px;
}

.footer-main-links>div ul {
    margin-top: 8px;
}

.footer-main-links>div ul li+li {
    margin-top: 4px;
    padding-top: 4px;
}

.footer-main-links>div ul li:last-child {
    padding-bottom: 4px;
}

.footer-main-links>div a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    position: relative;text-transform: inherit;
}

.footer-main-links>div a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background: #ffffff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.footer-main-links>div a:hover:after {
    width: 100%;
}

.footer-navbar-links hr {
    margin-top: 24px;
}

.footer-navbar-links .helper-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-navbar-links .helper-links .footlogo img {
    max-width: 250px;
}

.footer-navbar-links .helper-links .faq-links a {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    position: relative;
}

.footer-navbar-links .helper-links .faq-links a+a {
    margin-left: 48px;
}

.footer-navbar-links .helper-links .faq-links a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background: #ffffff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.footer-navbar-links .helper-links .faq-links a:hover:after {
    width: 100%;
}

.footer-navbar-links .social-media-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer-navbar-links .social-media-links a {
    color: #ffffff;
    margin-left: 16px;
}

.footer-navbar-links .social-media-links a i {
    font-size: 0;
}

.footer-navbar-links .social-media-links a i:before {
    font-size: 32px;
}

.footer-bottom-info-wrp {
    padding-top: 32px;
    padding-bottom: 36px;
}

.policies-links a,
.policies-links-second a {
    color: #6F6F6F;
    font-size: 12px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.policies-links a:after,
.policies-links-second a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background:#db3315;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.policies-links a:hover,
.policies-links-second a:hover {
    color:#db3315;
}

.policies-links a+a,
.policies-links-second a+a {
    margin-left: 5px;
}

.policies-links a+a:before,
.policies-links-second a+a:before {
    content: "|";
    margin-right: 5px;
    font-weight: 400;
    color: #6F6F6F;
}

.policies-links a+a:after,
.policies-links-second a+a:after {
    left: 8px;
}

.hotline-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hotline-holder i {
    font-size: 0;
    margin-right: 16px;
}

.hotline-holder i:before {
    font-size: 32px;
}

.hotline-holder span {
    color: #6F6F6F;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
}

footer {
    position: relative;
    z-index: 0;
}

main,
.site-footer-head {
    background: #ffffff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 960px) {
    main {
        z-index: auto;
    }
}

.site-footer {
    position: relative;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 1;
}

.kvk-list>div a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kvk-list>div+div {
    margin-top: 15px;
}

.kvk-list .doc-ico {
    display: inline-block;
    font-size: 24px;
    margin-right: 5px;
}

.uk-modal-title {
    font-size: 1.5rem;
}

@media (min-width: 960px) {
    .footer-main-links>div ul {
        display: block !important;
    }
}

@media (max-width: 960px) {
    .design-your-bathroom {
        display: none;
    }
    .sneak-info {
        padding: 0px;
    }
    .sneak-info .uk-grid .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .icerikTemplateListeContainer .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .kutuBodyBulten .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .kutuHeaderBulten .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .ems-page-corporate-detail .page-groups-building-products .uk-width-1-3\@m: nth-child(odd),
    .ems-page-corporate-detail .sneak-info .page-groups-building-products .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .ems-page-design-inner .designers-wrapper .dwc-group ul .uk-width-1-3\@m: nth-child(odd),
    .ems-page-design-inner .designers-wrapper .dwc-group .sneak-info ul .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .ems-product-list .ems-prd-list .emosInfinite .uk-width-1-3\@m: nth-child(odd),
    .ems-product-list .ems-prd-list .sneak-info .emosInfinite .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .bathroom-collections-wrapper .bcw-holder .uk-width-1-3\@m: nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .bcw-holder .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .ems-series-list .emosInfinite .uk-width-1-3\@m: nth-child(odd),
    .ems-series-list .sneak-info .emosInfinite .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .ems-prd-general-info-holder .feature-group .uk-width-1-3\@m: nth-child(odd),
    .ems-prd-general-info-holder .sneak-info .feature-group .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .ems-prd-general-info-holder .series-gallery .swiper-slide .uk-width-1-3\@m: nth-child(odd),
    .ems-prd-general-info-holder .series-gallery .sneak-info .swiper-slide .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .ems-prd-karo .prd-tag .uk-width-1-3\@m: nth-child(odd),
    .ems-prd-karo .sneak-info .prd-tag .uk-width-1-3\@m: nth-child(odd),
    .sneak-info .urunKiyaslamaIcerik>table>tbody>tr .uk-width-1-3\@m: nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .uk-grid .icerikTemplateListeItem:nth-child(odd),
    .sneak-info .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .sneak-info .icerikTemplateListeContainer .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .kutuBodyBulten .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .kutuHeaderBulten .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .ems-page-corporate-detail .page-groups-building-products .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .ems-page-corporate-detail .sneak-info .page-groups-building-products .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .ems-page-design-inner .designers-wrapper .dwc-group ul .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .ems-page-design-inner .designers-wrapper .dwc-group .sneak-info ul .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .ems-product-list .ems-prd-list .emosInfinite .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .ems-product-list .ems-prd-list .sneak-info .emosInfinite .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .bathroom-collections-wrapper .bcw-holder .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .bathroom-collections-wrapper .sneak-info .bcw-holder .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .ems-series-list .emosInfinite .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .ems-series-list .sneak-info .emosInfinite .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .ems-prd-general-info-holder .feature-group .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .ems-prd-general-info-holder .sneak-info .feature-group .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .ems-prd-general-info-holder .series-gallery .swiper-slide .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .ems-prd-general-info-holder .series-gallery .sneak-info .swiper-slide .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .ems-prd-karo .prd-tag .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .ems-prd-karo .sneak-info .prd-tag .icerikTemplateListeItem:nth-child(odd),
    .ems-page-listing-3 .icerikTemplateListeContainer .sneak-info .urunKiyaslamaIcerik>table>tbody>tr .icerikTemplateListeItem:nth-child(odd),
    .sneak-info .uk-grid .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .uk-grid .ems-prd:nth-child(odd),
    .sneak-info .icerikTemplateListeContainer .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .icerikTemplateListeContainer .ems-prd:nth-child(odd),
    .sneak-info .kutuBodyBulten .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .kutuBodyBulten .ems-prd:nth-child(odd),
    .sneak-info .kutuHeaderBulten .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .kutuHeaderBulten .ems-prd:nth-child(odd),
    .sneak-info .ems-page-corporate-detail .page-groups-building-products .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .ems-page-corporate-detail .page-groups-building-products .ems-prd:nth-child(odd),
    .ems-page-corporate-detail .sneak-info .page-groups-building-products .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .ems-page-corporate-detail .sneak-info .page-groups-building-products .ems-prd:nth-child(odd),
    .sneak-info .ems-page-design-inner .designers-wrapper .dwc-group ul .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .ems-page-design-inner .designers-wrapper .dwc-group ul .ems-prd:nth-child(odd),
    .ems-page-design-inner .designers-wrapper .dwc-group .sneak-info ul .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .ems-page-design-inner .designers-wrapper .dwc-group .sneak-info ul .ems-prd:nth-child(odd),
    .sneak-info .ems-product-list .ems-prd-list .emosInfinite .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .ems-product-list .ems-prd-list .emosInfinite .ems-prd:nth-child(odd),
    .ems-product-list .ems-prd-list .sneak-info .emosInfinite .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .ems-product-list .ems-prd-list .sneak-info .emosInfinite .ems-prd:nth-child(odd),
    .sneak-info .bathroom-collections-wrapper .bcw-holder .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .bathroom-collections-wrapper .bcw-holder .ems-prd:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .bcw-holder .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .bathroom-collections-wrapper .sneak-info .bcw-holder .ems-prd:nth-child(odd),
    .sneak-info .ems-prd-general-info-holder .feature-group .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .ems-prd-general-info-holder .feature-group .ems-prd:nth-child(odd),
    .ems-prd-general-info-holder .sneak-info .feature-group .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .ems-prd-general-info-holder .sneak-info .feature-group .ems-prd:nth-child(odd),
    .sneak-info .ems-prd-general-info-holder .series-gallery .swiper-slide .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .ems-prd-general-info-holder .series-gallery .swiper-slide .ems-prd:nth-child(odd),
    .ems-prd-general-info-holder .series-gallery .sneak-info .swiper-slide .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .ems-prd-general-info-holder .series-gallery .sneak-info .swiper-slide .ems-prd:nth-child(odd),
    .sneak-info .ems-prd-karo .prd-tag .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .ems-prd-karo .prd-tag .ems-prd:nth-child(odd),
    .ems-prd-karo .sneak-info .prd-tag .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .ems-prd-karo .sneak-info .prd-tag .ems-prd:nth-child(odd),
    .sneak-info .urunKiyaslamaIcerik>table>tbody>tr .widget-collection .ems-prd:nth-child(odd),
    .widget-collection .sneak-info .urunKiyaslamaIcerik>table>tbody>tr .ems-prd:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .uk-grid .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .icerikTemplateListeContainer .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .kutuBodyBulten .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .kutuHeaderBulten .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .ems-page-corporate-detail .page-groups-building-products .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .ems-page-corporate-detail .sneak-info .page-groups-building-products .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .ems-page-design-inner .designers-wrapper .dwc-group ul .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .sneak-info ul .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .ems-product-list .ems-prd-list .emosInfinite .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .ems-product-list .ems-prd-list .sneak-info .emosInfinite .bcw-holder>div:nth-child(odd),
    .sneak-info .bathroom-collections-wrapper .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .ems-series-list .emosInfinite .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .ems-series-list .sneak-info .emosInfinite .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .ems-prd-general-info-holder .feature-group .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .ems-prd-general-info-holder .sneak-info .feature-group .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .ems-prd-general-info-holder .series-gallery .swiper-slide .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .ems-prd-general-info-holder .series-gallery .sneak-info .swiper-slide .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .ems-prd-karo .prd-tag .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .ems-prd-karo .sneak-info .prd-tag .bcw-holder>div:nth-child(odd),
    .bathroom-collections-wrapper .sneak-info .urunKiyaslamaIcerik>table>tbody>tr .bcw-holder>div:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .uk-grid .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .icerikTemplateListeContainer .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .kutuBodyBulten .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .kutuHeaderBulten .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .ems-page-corporate-detail .page-groups-building-products .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .ems-page-corporate-detail .sneak-info .page-groups-building-products .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .ems-page-design-inner .designers-wrapper .dwc-group ul .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .ems-page-design-inner .designers-wrapper .dwc-group .sneak-info ul .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .bathroom-collections-wrapper .bcw-holder .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .bathroom-collections-wrapper .sneak-info .bcw-holder .ems-prd:nth-child(odd),
    .sneak-info .ems-series-list .emosInfinite .ems-prd:nth-child(odd),
    .ems-series-list .sneak-info .emosInfinite .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .ems-prd-general-info-holder .feature-group .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .ems-prd-general-info-holder .sneak-info .feature-group .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .ems-prd-general-info-holder .series-gallery .swiper-slide .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .ems-prd-general-info-holder .series-gallery .sneak-info .swiper-slide .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .ems-prd-karo .prd-tag .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .ems-prd-karo .sneak-info .prd-tag .ems-prd:nth-child(odd),
    .ems-series-list .emosInfinite .sneak-info .urunKiyaslamaIcerik>table>tbody>tr .ems-prd:nth-child(odd) {
        background-color: #F6F6F6;
    }
    .sneak-item {
        text-align: left;
        padding: 16px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .sneak-item .sneak-icon {
        margin-bottom: 0px;
        position: absolute;
        top: 16px;
        left: 24px;
    }
    .sneak-item>div:not(.sneak-icon) {
        width: calc((100% - 16px) * .75);
    }
    .sneak-item .sneak-title {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 7px;
    }
    .sneak-item .sneak-desc {
        font-size: 14px;
        height: 96px;
    }
    .sneak-item .sneak-link {
        margin-top: 9px;
        line-height: 24px;
    }
    .newsletter {
        padding-top: 16px;
        padding-bottom: 13px;
    }
    .newsletter .btnBultenGonder {
        background: #5E5751;
        min-width: auto;
        font-size: 14px;
        line-height: 24px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .newsletter-title {
        color: #F2F2F2;
        font-size: 14px;
        font-weight: 700;
        line-height: 25px;
        padding-bottom: 10px;
    }
    .kutuBodyBulten,
    .kutuHeaderBulten {
        width: 100%;
    }
    .kutuBodyBulten>*,
    .kutuHeaderBulten>* {
        padding-left: 0;
    }
    .kutuBulten_email {
        width: 100%;
    }
    .kutuBulten_email input {
        height: 32px !important;
        padding: 4px 10px !important;
        font-size: 14px;
    }
    .kutuBulten_btnBultenGonder {
        position: absolute;
        right: 15px;
    }
    .footer-navbar {
        position: static;
    }
    .footer-main-links>div>.nav-title {
        color: #F2F2F2;
        line-height: 25px;
        margin-bottom: 16px;
    }
    .footer-main-links>div>.nav-title:after {
        display: inline-block;
    }
    .footer-main-links>div ul {
        margin-top: 0px;
        margin-bottom: 32px !important;
    }
    .footer-main-links>div ul li:last-child {
        padding-bottom: 0;
        border-bottom: 0px solid rgba(249, 249, 249, 0.5);
    }
    .footer-main-links>div ul[aria-hidden="true"] {
        margin-bottom: 0;
    }
    .footer-main-links>div a {
        color: #F2F2F2;
        font-weight: 400;
        line-height: 16px;
    }
    .footer-navbar-links .helper-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 16px;
    }
    .footer-navbar-links .helper-links .footlogo {
        margin-top: 32px;
    }
    .footer-navbar-links .helper-links .faq-links a {
        color: #F2F2F2;
        font-weight: 400;
        line-height: 19px;
        margin-right: 16px;
    }
    .footer-navbar-links .helper-links .faq-links a+a {
        margin-left: 16px;
    }
    .footer-navbar-links .helper-links .faq-links a:last-child {
        margin-right: 0;
    }
    .footer-navbar-links .social-media-links {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 23px;
        margin-top: 41px;
        position: relative;
    }
    .footer-navbar-links .social-media-links:before {
        content: "";
        height: 1px;
        background: #f9f9f9;
        position: absolute;
        top: 0;
        left: 16px;
        right: 0;
    }
    .footer-navbar-links .social-media-links a {
        margin-left: 0px;
        margin-right: 16px;
    }
    .footer-bottom-info-wrp {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .policies-links {
        margin-bottom: 8px;
    }
    .policies-links a,
    .policies-links-second a {
        color: #4A4A4A;
    }
    .hotline-holder i {
        color: #003A5C;
        margin-right: 10px;
    }
    .hotline-holder i:before {
        font-size: 28px;
    }
    .hotline-holder span {
        color: #003A5C;
        font-weight: 700;
    }
    .site-footer {
        padding-top: 0px;
    }
}

.page-contact {
    position: relative;
}

.contact-info .uk-section {
    background-color: rgba(168, 175, 166, 0.7);
    color: #fff;
}

.contact-info .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.8;
}

.contact-info .desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.55;
}

.ems-gizlilikOnay {
    margin-bottom: 32px !important;
}

.ems-gizlilikOnay .sStylerWrp_checkbox {
    display: inline-block;
}

.ems-gizlilikOnay input[type="checkbox"] {
    margin-top: -7px;
    margin-right: 6px;
}

@media (max-width: 960px) {
    .contact-info .h4,
    .contact-info .page-contact .page-top-title,
    .page-contact .contact-info .page-top-title,
    .contact-info .page-contact .pageHeaderDefault,
    .page-contact .contact-info .pageHeaderDefault {
        padding: 0 16px;
    }
    .contact-info .title {
        font-size: 26px;
    }
    .contact-info .desc {
        font-size: 16px;
    }
	
	.gosterme{display:none}
	
	
	
}

[id$="CEPTELEFONALAN"] {
    width: 25% !important;
    margin-right: 3%;
}

[id$="CEPTELEFON"] {
    width: 72% !important;
}

.page-login {
    position: relative;
}

.page-login .ems-login,
.page-login .ems-signup {
    position: relative;
    display: none;
}

.page-login .ems-login .cover-img-height,
.page-login .ems-signup .cover-img-height {
    min-height: calc(100vh - 96px);
}

.page-login+footer .design-your-bathroom {
    display: none;
}

.go-to-signup-active .page-login .row-2 {
    display: none;
}

.ems-login-header,
.ems-signup-header {
    font-size: 32px;
    color: #4A4A4A;
    font-weight: 700;
    line-height: 1.15;
}

.ems-signup-header {
    font-size: 64px;
}

.pageLogin_btnFacebookLogin table {
    display: table !important;
    width: 100%;
}

.pageLogin_btnFacebookLogin .btnFacebookLogin {
    background: #3B5998 !important;
    border-color: #3B5998 !important;
}

.login-cover-img:before,
.signup-cover-img:before {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
}

.login-cover-img:before {
    background-image: url(/upload/arguments/login-demo-1.png);
    left: 0;
}

.signup-cover-img:before {
    background-image: url("/images/frontend/vitrapro/hemen-VitrA-pro-uyesi-olun.jpg");
    background-position: center;
    right: 0;
    width: 45%;
}

.new-user-info .uk-section {
    position: relative;
}

.new-user-info .uk-section:nth-child(odd) {
    background-color: #F2F2F2;
}

.new-user-info .uk-section:nth-child(even) {
    background-color: #ffffff;
}

.new-user-info .uk-text-large {
    font-size: 40px;
    color:#db3315;
    font-weight: 700;
    line-height: 1.14;
}

.new-user-info .section-1 .uk-text-large {
    font-size: 64px;
    color: #4A4A4A;
}

.new-user-info .section-1 .uk-text-small {
    font-size: 20px;
}

.new-user-info .section-5 {
    background-color: none;
    height: 440px;
}

.section-99 {
    position: relative;
    background-color: #F2F2F2;
}

.ems-signup-popup-close {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    padding: 10px;
    background: #fff;
    border-radius: 100%;
    color: #000000;
}

.ems-signup-popup-ready {
    overflow: hidden !important;
}

.ems-signup-popup-ready .page-login {
    z-index: 1001;
}

.ems-signup-popup-ready .ems-signup-popup-content {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.ems-signup-popup-ready .ems-signup-popup-close {
    display: block;
}

.tableSifremiUnuttum {
    width: 100%;
    max-width: 320px;
    margin-bottom: 50px;
}

.tableSifremiUnuttum th,
.tableSifremiUnuttum td,
.tableSifremiUnuttum [id$="lbfUYE_KONTROLKODU"] {
    display: block;
    padding: 5px 0;
    text-align: left;
    font-weight: 500;
}

.tableSifremiUnuttum th:empty,
.tableSifremiUnuttum td:empty,
.tableSifremiUnuttum [id$="lbfUYE_KONTROLKODU"]:empty {
    display: none;
}

.tableSifremiUnuttum [id$="divCaptcha"] br {
    display: none;
}

.pageUyeBasarili .page-title-user {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: inherit;
}

@media (max-width: 960px) {
    .ems-login-header,
    .ems-signup-header {
        font-size: 24px;
    }
    .uk-section.uk-background-contain {
        background-size: cover;
    }
    .new-user-info .uk-text-large {
        font-size: 20px;
    }
    .new-user-info .section-1 {
        background: none !important;
    }
    .new-user-info .section-1 .uk-text-large {
        font-size: 20px;
    }
    .new-user-info .section-5 {
        height: 190px;
    }
}

.swiper-container {
    z-index: 0;
}

.hp-bundle-title,
.hp-inspirational-ideas-title,
.hp-prominent-collections-title,
.hp-news-title,
.hp-products-title {
    color: #db3315;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
}

.hp-bundle-padding,
.hp-inspirational-ideas,
.hp-prominent-collections-wrapper,
.hp-recent-news,
.hp-products-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
}

.page-homepage .bnr-product-for-you {
    margin-bottom: 16px;
}

.page-homepage .product-for-you {
    margin-bottom: 64px;
}

.hp-inspirational-ideas {
    margin-top: 32px;
}

.hp-inspirational-ideas .uk-width-2-3\@m .ideas-img,
.hp-inspirational-ideas .ems-page-corporate-detail .page-groups-building-products>div .ideas-img,
.ems-page-corporate-detail .hp-inspirational-ideas .page-groups-building-products>div .ideas-img,
.hp-inspirational-ideas .bathroom-collections-wrapper .bcw-holder>div:first-child .ideas-img,
.bathroom-collections-wrapper .hp-inspirational-ideas .bcw-holder>div:first-child .ideas-img {
    height: 280px;
}

.hp-inspirational-ideas .uk-width-2-3\@m .ideas-text-holder,
.hp-inspirational-ideas .ems-page-corporate-detail .page-groups-building-products>div .ideas-text-holder,
.ems-page-corporate-detail .hp-inspirational-ideas .page-groups-building-products>div .ideas-text-holder,
.hp-inspirational-ideas .bathroom-collections-wrapper .bcw-holder>div:first-child .ideas-text-holder,
.bathroom-collections-wrapper .hp-inspirational-ideas .bcw-holder>div:first-child .ideas-text-holder {
    width: calc((( 100% / 8) * 5) + -8px);
}

.hp-inspirational-ideas .uk-width-1-3\@m,
.hp-inspirational-ideas .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem,
.ems-page-listing-3 .icerikTemplateListeContainer .hp-inspirational-ideas .icerikTemplateListeItem,
.hp-inspirational-ideas .widget-collection .ems-prd,
.widget-collection .hp-inspirational-ideas .ems-prd,
.hp-inspirational-ideas .bathroom-collections-wrapper .bcw-holder>div,
.bathroom-collections-wrapper .hp-inspirational-ideas .bcw-holder>div,
.hp-inspirational-ideas .ems-series-list .emosInfinite .ems-prd,
.ems-series-list .emosInfinite .hp-inspirational-ideas .ems-prd {
    height: 528px;
    overflow: hidden;
}

.hp-inspirational-ideas .uk-width-1-1 {
    height: calc((100% - 16px) / 2);
    height: 256px;
}

.hp-inspirational-ideas .uk-width-1-1 .ideas-text-holder {
    width: 92.5%;
}

.hp-inspirational-ideas .uk-width-1-1+.uk-width-1-1 {
    margin-top: 16px;
}

.hp-inspirational-ideas .uk-width-1-2 .ideas-text-holder,
.hp-inspirational-ideas .ems-product-list .ems-prd-list .emosInfinite .ems-prd .ideas-text-holder,
.ems-product-list .ems-prd-list .emosInfinite .hp-inspirational-ideas .ems-prd .ideas-text-holder,
.hp-inspirational-ideas .ems-series-list .emosInfinite .ems-prd .ideas-text-holder,
.ems-series-list .emosInfinite .hp-inspirational-ideas .ems-prd .ideas-text-holder {
    width: 82.5%;
}

.hp-inspirational-ideas-title {
    margin-bottom: 8px;
}

.inspirational-ideas-holder {
    position: relative;
    height: 100%;border: 1px solid #8d8d8d;
}

.inspirational-ideas-holder .ideas-img {
    height: 100%;
    overflow: hidden;
}

.inspirational-ideas-holder .ideas-img>div {
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
}

.inspirational-ideas-holder .ideas-img>div:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.inspirational-ideas-holder .ideas-text-holder {
    padding: 12px 30px 12px 24px;
    background: rgba(168, 175, 166, 0.8);
    position: absolute;
    left: -8px;
    bottom: 16px;
}

.inspirational-ideas-holder .ideas-text-holder::after {
    content: "";
    border-width: 8px 0px 8px 8px;
    border-color: rgba(154, 160, 152, 0.8) transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 0;
    top: 100%;
}

.inspirational-ideas-holder .ideas-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    cursor: default;
}

.inspirational-ideas-holder .ideas-desc {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 50px;
    cursor: default;
}

.inspirational-ideas-holder .ideas-btn {
    margin-top: 10px;
}

.inspirational-ideas-holder .ideas-link {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inspirational-ideas-holder:hover .ideas-img>div {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.inspirational-ideas-holder:hover .ideas-img>div:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.hp-prominent-collections-wrapper .all-links-wrapper {
    margin-top: 48px;
}

.hp-prominent-collections-wrapper .all-links-wrapper>div {
    z-index: 0;
}

.hp-prominent-collections-wrapper .all-links-item {
    height: 96px;
    position: relative;
    z-index: 0;
}

.hp-prominent-collections-wrapper .all-links-item .content {
    position: relative;
    z-index: 2;
}

.hp-prominent-collections-wrapper .all-links-item .content span {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.hp-prominent-collections-wrapper .all-links-item a {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.hp-prominent-collections-wrapper .all-links-item:before {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
}

.hp-prominent-collections-wrapper .swiper-button-prev,
.hp-prominent-collections-wrapper .swiper-button-next {
    color: #4A4A4A;
    font-size: 16px;
    padding: 8px;
    -webkit-box-shadow: 0px 0px 1px #00000075;
    box-shadow: 0px 0px 1px #00000075;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    top: 39%;
}

.hp-prominent-collections-wrapper .swiper-button-prev {
    left: -40px;
}

.hp-prominent-collections-wrapper .swiper-button-next {
    right: -40px;
}

.hp-prominent-collections-wrapper:hover .swiper-button-prev,
.hp-prominent-collections-wrapper:hover .swiper-button-next {
    opacity: 1;
}

.hp-prominent-collections-title {
    margin-bottom: 8px;margin-left: 7px;
}

.prominent-collections-holder {
    padding: 0 8px;padding-bottom: 20px;
}
.dc-gallery--wrapper.bgGrey {
    padding: 0px;
}
.prominent-collections-holder .prom-col-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 23px;    padding: 50px;
    border: 1px solid #c8c7c7;justify-content: space-around;
}

.prominent-collections-holder .prom-col-img>a {
    display: inherit;
    font-size: 0;
    width: 100%;

    overflow: hidden;
}

.prominent-collections-holder .prom-col-title>a {
    color:#db3315;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.prominent-collections-holder .prom-col-title>a:hover {
    color: #003A5C;
}

.prominent-collections-holder .prom-col-desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
    overflow: hidden;
    height: 72px;
}

.collections-in-page .swiper-wrapper .swiper-slide {
    width: calc(100% / 3);
    max-width: 378px;
}

.hp-recent-news {
    background-color: rgba(168, 175, 166, 0.24);
}

.hp-news-title {
    margin-bottom: 9px;
}

.hp-news-item {
    background-color: #ffffff;
    border: 1px solid #D7D7D7;
    margin: 8px 0;
}

.hp-news-item .news-img {
   
    overflow: hidden;
}

.hp-news-item .news-content {
   padding-left: 24px;
    padding-right: 24px;
    height: 85px;
    text-align: center;
}

.hp-news-item .news-title {
   color: #000000;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
	margin-top:10px;
	margin-bottom: 20px;
}

.hp-news-item .news-desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 8px;
}

.hp-news-item .news-link {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 29px;
}

.hp-products-title {
    margin-bottom: -7px;
}

.hp-product-holder .prd-img {
    margin-bottom: 16px;
    height: 256px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hp-product-holder .prd-img img {
    min-width: 100%;
    min-height: 100%;
}

.hp-product-holder .prd-title {
    color:#db3315;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 4px;
}

.hp-product-holder .prd-title a {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.hp-product-holder .prd-title a:hover {
    color: #003A5C;
}

.hp-product-holder .prd-desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 48px;
}

.hp-product-holder .prd-btn-group {
    margin-top: 16px;
}

.hp-products-loop>div {
    margin-top: 16px;
    margin-bottom: 16px;
}

.bnr-product-for-you {
    margin-top: 32px;
}

.product-for-you {
    margin-bottom: 32px;
}

.product-for-you .text {
    display: block;
    color: #6F6F6F;
    font-size: 48px;
    font-weight: 700;
    line-height: 87px;
    margin-bottom: 30px;
}

@media (max-width: 960px) {
    
	.hp-news-item .news-title {
    color:#db3315;
    font-size: 12px;
    font-weight: 700;
    line-height: 44px;
    height: 45px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
	.call-us {
        z-index: 999999 !important;
        position: fixed !important;
        right: 10px !important;
        bottom: 245px !important;
    }
    .call-us img {
        display: inline-block !important;
        height: 110px !important;
        float: unset !important;
        padding: 0px !important;
    }
    .page-homepage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .hp-inspirational-ideas-wrapper {
        margin-bottom: 30px;
    }
    .hp-inspirational-ideas-wrapper .uk-grid+.uk-grid,
    .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.uk-grid,
    .hp-inspirational-ideas-wrapper .kutuBodyBulten+.uk-grid,
    .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.uk-grid,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.uk-grid,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.uk-grid,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.uk-grid,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.uk-grid,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.uk-grid,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.uk-grid,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.uk-grid,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.uk-grid,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.uk-grid,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.uk-grid,
    .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.uk-grid,
    .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.uk-grid,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.uk-grid,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.uk-grid,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.uk-grid,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.uk-grid,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.uk-grid,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.uk-grid,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.uk-grid,
    .hp-inspirational-ideas-wrapper .uk-grid+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .kutuBodyBulten+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.icerikTemplateListeContainer,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.icerikTemplateListeContainer,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.icerikTemplateListeContainer,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.icerikTemplateListeContainer,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.icerikTemplateListeContainer,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.icerikTemplateListeContainer,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .uk-grid+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .kutuBodyBulten+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.kutuBodyBulten,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.kutuBodyBulten,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.kutuBodyBulten,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.kutuBodyBulten,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.kutuBodyBulten,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.kutuBodyBulten,
    .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.kutuBodyBulten,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.kutuBodyBulten,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.kutuBodyBulten,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.kutuBodyBulten,
    .hp-inspirational-ideas-wrapper .uk-grid+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .kutuBodyBulten+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.kutuHeaderBulten,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.kutuHeaderBulten,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.kutuHeaderBulten,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.kutuHeaderBulten,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.kutuHeaderBulten,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.kutuHeaderBulten,
    .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.kutuHeaderBulten,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.kutuHeaderBulten,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.kutuHeaderBulten,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.kutuHeaderBulten,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .uk-grid+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .uk-grid+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .kutuBodyBulten+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .kutuBodyBulten+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .kutuHeaderBulten+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .ems-page-corporate-list .page-groups-building-products+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.icerikTemplateListeContainer,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-page-corporate-list .page-groups-building-products+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-list ul+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.icerikTemplateListeContainer,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-page-corporate-list ul+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .ems-page-corporate-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-page-corporate-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .ems-page-corporate-list .bcw-holder+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.icerikTemplateListeContainer,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-page-corporate-list .bcw-holder+.icerikTemplateListeContainer,
    .ems-page-corporate-list .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-series-list .ems-page-corporate-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-page-corporate-list .emosInfinite+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .ems-page-corporate-list .feature-group+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.icerikTemplateListeContainer,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-page-corporate-list .feature-group+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .ems-page-corporate-list .swiper-slide+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.icerikTemplateListeContainer,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-page-corporate-list .swiper-slide+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .ems-page-corporate-list .prd-tag+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.icerikTemplateListeContainer,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-page-corporate-list .prd-tag+.icerikTemplateListeContainer,
    .ems-page-corporate-list .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .urunKiyaslamaIcerik>table>tbody>tr+.icerikTemplateListeContainer,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.icerikTemplateListeContainer,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .uk-grid+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .uk-grid+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .icerikTemplateListeContainer+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .kutuBodyBulten+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .kutuBodyBulten+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .kutuHeaderBulten+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .ems-page-corporate-detail .icerikTemplateListeContainer+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.page-groups-building-products,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .icerikTemplateListeContainer+.page-groups-building-products,
    .ems-page-corporate-detail .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-detail ul+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.page-groups-building-products,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-page-corporate-detail ul+.page-groups-building-products,
    .ems-page-corporate-detail .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .ems-page-corporate-detail .emosInfinite+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.page-groups-building-products,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .emosInfinite+.page-groups-building-products,
    .ems-page-corporate-detail .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .ems-page-corporate-detail .bcw-holder+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.page-groups-building-products,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .bcw-holder+.page-groups-building-products,
    .ems-page-corporate-detail .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-series-list .ems-page-corporate-detail .emosInfinite+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.page-groups-building-products,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .emosInfinite+.page-groups-building-products,
    .ems-page-corporate-detail .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .ems-page-corporate-detail .feature-group+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.page-groups-building-products,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .feature-group+.page-groups-building-products,
    .ems-page-corporate-detail .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .ems-page-corporate-detail .swiper-slide+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.page-groups-building-products,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .swiper-slide+.page-groups-building-products,
    .ems-page-corporate-detail .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .ems-page-corporate-detail .prd-tag+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.page-groups-building-products,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .prd-tag+.page-groups-building-products,
    .ems-page-corporate-detail .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .urunKiyaslamaIcerik>table>tbody>tr+.page-groups-building-products,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.page-groups-building-products,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .uk-grid+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .uk-grid+ul,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .icerikTemplateListeContainer+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+ul,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .kutuBodyBulten+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .kutuBodyBulten+ul,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .kutuHeaderBulten+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .kutuHeaderBulten+ul,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .ems-page-design-inner .designers-wrapper .dwc-group .icerikTemplateListeContainer+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+ul,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .icerikTemplateListeContainer+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+ul,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .ems-page-design-inner .designers-wrapper .dwc-group .page-groups-building-products+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+ul,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .page-groups-building-products+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+ul,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+ul,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .ems-page-design-inner .designers-wrapper .dwc-group .emosInfinite+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+ul,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .emosInfinite+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+ul,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .bcw-holder+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+ul,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .bcw-holder+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+ul,
    .hp-inspirational-ideas-wrapper .ems-series-list .ems-page-design-inner .designers-wrapper .dwc-group .emosInfinite+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+ul,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .emosInfinite+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+ul,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .ems-page-design-inner .designers-wrapper .dwc-group .feature-group+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+ul,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .feature-group+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+ul,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .ems-page-design-inner .designers-wrapper .dwc-group .swiper-slide+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+ul,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .swiper-slide+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+ul,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .ems-page-design-inner .designers-wrapper .dwc-group .prd-tag+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+ul,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .prd-tag+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+ul,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .urunKiyaslamaIcerik>table>tbody>tr+ul,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+ul,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .uk-grid+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .uk-grid+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .kutuBodyBulten+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .kutuBodyBulten+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .kutuHeaderBulten+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .ems-product-list .ems-prd-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .ems-product-list .ems-prd-list .page-groups-building-products+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.emosInfinite,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .page-groups-building-products+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .ems-product-list .ems-prd-list ul+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.emosInfinite,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list ul+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.emosInfinite,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .ems-product-list .ems-prd-list .bcw-holder+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.emosInfinite,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .bcw-holder+.emosInfinite,
    .ems-product-list .ems-prd-list .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-series-list .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .ems-product-list .ems-prd-list .feature-group+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.emosInfinite,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .feature-group+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .ems-product-list .ems-prd-list .swiper-slide+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.emosInfinite,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .swiper-slide+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .ems-product-list .ems-prd-list .prd-tag+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.emosInfinite,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .prd-tag+.emosInfinite,
    .ems-product-list .ems-prd-list .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .urunKiyaslamaIcerik>table>tbody>tr+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.emosInfinite,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .uk-grid+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .uk-grid+.bcw-holder,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .icerikTemplateListeContainer+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.bcw-holder,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .kutuBodyBulten+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .kutuBodyBulten+.bcw-holder,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .kutuHeaderBulten+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .bathroom-collections-wrapper .icerikTemplateListeContainer+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.bcw-holder,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .icerikTemplateListeContainer+.bcw-holder,
    .bathroom-collections-wrapper .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .bathroom-collections-wrapper .page-groups-building-products+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.bcw-holder,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .page-groups-building-products+.bcw-holder,
    .bathroom-collections-wrapper .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .bathroom-collections-wrapper ul+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.bcw-holder,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper ul+.bcw-holder,
    .bathroom-collections-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .bathroom-collections-wrapper .emosInfinite+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.bcw-holder,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .emosInfinite+.bcw-holder,
    .bathroom-collections-wrapper .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.bcw-holder,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-series-list .bathroom-collections-wrapper .emosInfinite+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.bcw-holder,
    .ems-series-list .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .emosInfinite+.bcw-holder,
    .bathroom-collections-wrapper .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .bathroom-collections-wrapper .feature-group+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.bcw-holder,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .feature-group+.bcw-holder,
    .bathroom-collections-wrapper .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .bathroom-collections-wrapper .swiper-slide+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.bcw-holder,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .swiper-slide+.bcw-holder,
    .bathroom-collections-wrapper .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .bathroom-collections-wrapper .prd-tag+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.bcw-holder,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .prd-tag+.bcw-holder,
    .bathroom-collections-wrapper .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.bcw-holder,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.bcw-holder,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.bcw-holder,
    .hp-inspirational-ideas-wrapper .ems-series-list .uk-grid+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .uk-grid+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-series-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-series-list .kutuBodyBulten+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .kutuBodyBulten+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-series-list .kutuHeaderBulten+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .ems-series-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-series-list .icerikTemplateListeContainer+.emosInfinite,
    .ems-series-list .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .ems-series-list .page-groups-building-products+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.emosInfinite,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-series-list .page-groups-building-products+.emosInfinite,
    .ems-series-list .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .ems-series-list ul+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.emosInfinite,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-series-list ul+.emosInfinite,
    .ems-series-list .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .ems-series-list .emosInfinite+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.emosInfinite,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.emosInfinite,
    .ems-series-list .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.emosInfinite,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .ems-series-list .bcw-holder+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.emosInfinite,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-series-list .bcw-holder+.emosInfinite,
    .ems-series-list .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .ems-series-list .feature-group+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.emosInfinite,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-series-list .feature-group+.emosInfinite,
    .ems-series-list .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .ems-series-list .swiper-slide+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.emosInfinite,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-series-list .swiper-slide+.emosInfinite,
    .ems-series-list .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .ems-series-list .prd-tag+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.emosInfinite,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-series-list .prd-tag+.emosInfinite,
    .ems-series-list .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-series-list .urunKiyaslamaIcerik>table>tbody>tr+.emosInfinite,
    .ems-series-list .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.emosInfinite,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .uk-grid+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .uk-grid+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .icerikTemplateListeContainer+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .kutuBodyBulten+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .kutuBodyBulten+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .kutuHeaderBulten+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .ems-prd-general-info-holder .icerikTemplateListeContainer+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.feature-group,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .icerikTemplateListeContainer+.feature-group,
    .ems-prd-general-info-holder .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .ems-prd-general-info-holder .page-groups-building-products+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.feature-group,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .page-groups-building-products+.feature-group,
    .ems-prd-general-info-holder .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder ul+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.feature-group,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder ul+.feature-group,
    .ems-prd-general-info-holder .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .ems-prd-general-info-holder .emosInfinite+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.feature-group,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .emosInfinite+.feature-group,
    .ems-prd-general-info-holder .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.feature-group,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .ems-prd-general-info-holder .bcw-holder+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.feature-group,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .bcw-holder+.feature-group,
    .ems-prd-general-info-holder .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-series-list .ems-prd-general-info-holder .emosInfinite+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.feature-group,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .emosInfinite+.feature-group,
    .ems-prd-general-info-holder .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.feature-group,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .ems-prd-general-info-holder .prd-tag+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.feature-group,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .prd-tag+.feature-group,
    .ems-prd-general-info-holder .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .urunKiyaslamaIcerik>table>tbody>tr+.feature-group,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.feature-group,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .uk-grid+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .uk-grid+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .icerikTemplateListeContainer+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .kutuBodyBulten+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .kutuBodyBulten+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .kutuHeaderBulten+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .ems-prd-general-info-holder .series-gallery .icerikTemplateListeContainer+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.swiper-slide,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .icerikTemplateListeContainer+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .ems-prd-general-info-holder .series-gallery .page-groups-building-products+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.swiper-slide,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .page-groups-building-products+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-general-info-holder .series-gallery ul+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.swiper-slide,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery ul+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .ems-prd-general-info-holder .series-gallery .emosInfinite+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.swiper-slide,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .emosInfinite+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.swiper-slide,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .ems-prd-general-info-holder .series-gallery .bcw-holder+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.swiper-slide,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .bcw-holder+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-series-list .ems-prd-general-info-holder .series-gallery .emosInfinite+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.swiper-slide,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .emosInfinite+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .feature-group+.swiper-slide,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .series-gallery .feature-group+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .feature-group+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .ems-prd-general-info-holder .series-gallery .prd-tag+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.swiper-slide,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .prd-tag+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .urunKiyaslamaIcerik>table>tbody>tr+.swiper-slide,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.swiper-slide,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .uk-grid+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .uk-grid+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .icerikTemplateListeContainer+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .kutuBodyBulten+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .kutuBodyBulten+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .kutuHeaderBulten+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .kutuHeaderBulten+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .ems-prd-karo .icerikTemplateListeContainer+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-page-corporate-list .icerikTemplateListeContainer+.prd-tag,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .ems-prd-karo .icerikTemplateListeContainer+.prd-tag,
    .ems-prd-karo .ems-page-corporate-list .hp-inspirational-ideas-wrapper .icerikTemplateListeContainer+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .ems-prd-karo .page-groups-building-products+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .page-groups-building-products+.prd-tag,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .ems-prd-karo .page-groups-building-products+.prd-tag,
    .ems-prd-karo .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .page-groups-building-products+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .ems-prd-karo ul+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group ul+.prd-tag,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .ems-prd-karo ul+.prd-tag,
    .ems-prd-karo .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper ul+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .ems-prd-karo .emosInfinite+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .emosInfinite+.prd-tag,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .ems-prd-karo .emosInfinite+.prd-tag,
    .ems-prd-karo .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .emosInfinite+.prd-tag,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .ems-prd-karo .bcw-holder+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .bcw-holder+.prd-tag,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .ems-prd-karo .bcw-holder+.prd-tag,
    .ems-prd-karo .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .bcw-holder+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-series-list .ems-prd-karo .emosInfinite+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-series-list .emosInfinite+.prd-tag,
    .ems-series-list .hp-inspirational-ideas-wrapper .ems-prd-karo .emosInfinite+.prd-tag,
    .ems-prd-karo .ems-series-list .hp-inspirational-ideas-wrapper .emosInfinite+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .ems-prd-karo .feature-group+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .feature-group+.prd-tag,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .ems-prd-karo .feature-group+.prd-tag,
    .ems-prd-karo .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .feature-group+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .ems-prd-karo .swiper-slide+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .swiper-slide+.prd-tag,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .ems-prd-karo .swiper-slide+.prd-tag,
    .ems-prd-karo .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .swiper-slide+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .prd-tag+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .prd-tag+.prd-tag,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .urunKiyaslamaIcerik>table>tbody>tr+.prd-tag,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+.prd-tag,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.uk-grid+tr,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.icerikTemplateListeContainer+tr,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.kutuBodyBulten+tr,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.kutuHeaderBulten+tr,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-list .urunKiyaslamaIcerik>table>tbody>.icerikTemplateListeContainer+tr,
    .ems-page-corporate-list .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.icerikTemplateListeContainer+tr,
    .hp-inspirational-ideas-wrapper .ems-page-corporate-detail .urunKiyaslamaIcerik>table>tbody>.page-groups-building-products+tr,
    .ems-page-corporate-detail .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.page-groups-building-products+tr,
    .hp-inspirational-ideas-wrapper .ems-page-design-inner .designers-wrapper .dwc-group .urunKiyaslamaIcerik>table>tbody>ul+tr,
    .ems-page-design-inner .designers-wrapper .dwc-group .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>ul+tr,
    .hp-inspirational-ideas-wrapper .ems-product-list .ems-prd-list .urunKiyaslamaIcerik>table>tbody>.emosInfinite+tr,
    .ems-product-list .ems-prd-list .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.emosInfinite+tr,
    .hp-inspirational-ideas-wrapper .bathroom-collections-wrapper .urunKiyaslamaIcerik>table>tbody>.bcw-holder+tr,
    .bathroom-collections-wrapper .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.bcw-holder+tr,
    .hp-inspirational-ideas-wrapper .ems-series-list .urunKiyaslamaIcerik>table>tbody>.emosInfinite+tr,
    .ems-series-list .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.emosInfinite+tr,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .urunKiyaslamaIcerik>table>tbody>.feature-group+tr,
    .ems-prd-general-info-holder .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.feature-group+tr,
    .hp-inspirational-ideas-wrapper .ems-prd-general-info-holder .series-gallery .urunKiyaslamaIcerik>table>tbody>.swiper-slide+tr,
    .ems-prd-general-info-holder .series-gallery .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.swiper-slide+tr,
    .hp-inspirational-ideas-wrapper .ems-prd-karo .urunKiyaslamaIcerik>table>tbody>.prd-tag+tr,
    .ems-prd-karo .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>.prd-tag+tr,
    .hp-inspirational-ideas-wrapper .urunKiyaslamaIcerik>table>tbody>tr+tr {
       
    }
    .hp-inspirational-ideas {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 0;
    }
    .hp-inspirational-ideas>.uk-container,
    .homepage-showcase .hp-inspirational-ideas>.hs-container,
    .mod-mini-search-body .hp-inspirational-ideas>.ems-form-inner,
    .hp-inspirational-ideas>.pageDefault,
    .prd-list-cover-holder .hp-inspirational-ideas>.cover-content,
    .ems-serial-cover .hp-inspirational-ideas>.content-holder,
    .compareHolder .hp-inspirational-ideas>.compareMenuHolder,
    .compareHolder .hp-inspirational-ideas>.compareContent,
    .hp-inspirational-ideas>.page-compare {
        padding: 0;
    }
    .hp-inspirational-ideas .ideas-img {
        max-height: 176px !important;
    }
    .hp-inspirational-ideas .ideas-text-holder {
        width: 100% !important;
    }
    .hp-inspirational-ideas .uk-width-1-2,
    .hp-inspirational-ideas .ems-product-list .ems-prd-list .emosInfinite .ems-prd,
    .ems-product-list .ems-prd-list .emosInfinite .hp-inspirational-ideas .ems-prd,
    .hp-inspirational-ideas .ems-series-list .emosInfinite .ems-prd,
    .ems-series-list .emosInfinite .hp-inspirational-ideas .ems-prd {
       
    }
    .hp-inspirational-ideas .uk-width-1-3\@m,
    .hp-inspirational-ideas .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem,
    .ems-page-listing-3 .icerikTemplateListeContainer .hp-inspirational-ideas .icerikTemplateListeItem,
    .hp-inspirational-ideas .widget-collection .ems-prd,
    .widget-collection .hp-inspirational-ideas .ems-prd,
    .hp-inspirational-ideas .bathroom-collections-wrapper .bcw-holder>div,
    .bathroom-collections-wrapper .hp-inspirational-ideas .bcw-holder>div,
    .hp-inspirational-ideas .ems-series-list .emosInfinite .ems-prd,
    .ems-series-list .emosInfinite .hp-inspirational-ideas .ems-prd,
    .hp-inspirational-ideas .uk-width-1-1 {
        height: auto;
    }
    .hp-inspirational-ideas-title {
        margin-bottom: 8px;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 20px;
        line-height: 36px;
    }
    .inspirational-ideas-holder .ideas-img>div {
        width: 100%;
        height: 176px;
    }
    .inspirational-ideas-holder .ideas-img>div:before {
        content: none;
    }
    .inspirational-ideas-holder .ideas-text-holder {
        padding: 12px 30px 12px 24px;
        margin-bottom: 14px;
        background: none;
        position: initial;
    }
    .inspirational-ideas-holder .ideas-text-holder::after {
        content: none;
    }
    .inspirational-ideas-holder .ideas-title {
        color:#db3315;
        font-size: 20px;
        line-height: 36px;
    }
    .inspirational-ideas-holder .ideas-desc {
        color: #4A4A4A;
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        height: 50px;
    }
    .uk-width-1-3\@m .inspirational-ideas-holder,
    .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem .inspirational-ideas-holder,
    .widget-collection .ems-prd .inspirational-ideas-holder,
    .bathroom-collections-wrapper .bcw-holder>div .inspirational-ideas-holder,
    .ems-series-list .emosInfinite .ems-prd .inspirational-ideas-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .uk-width-1-3\@m .inspirational-ideas-holder .ideas-img,
    .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem .inspirational-ideas-holder .ideas-img,
    .widget-collection .ems-prd .inspirational-ideas-holder .ideas-img,
    .bathroom-collections-wrapper .bcw-holder>div .inspirational-ideas-holder .ideas-img,
    .ems-series-list .emosInfinite .ems-prd .inspirational-ideas-holder .ideas-img {
        width: 50%;
    }
    .uk-width-1-3\@m .inspirational-ideas-holder .ideas-text-holder,
    .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem .inspirational-ideas-holder .ideas-text-holder,
    .widget-collection .ems-prd .inspirational-ideas-holder .ideas-text-holder,
    .bathroom-collections-wrapper .bcw-holder>div .inspirational-ideas-holder .ideas-text-holder,
    .ems-series-list .emosInfinite .ems-prd .inspirational-ideas-holder .ideas-text-holder {
        width: 50% !important;
        margin-bottom: 0;
        padding-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        
    }
    .uk-width-1-3\@m .inspirational-ideas-holder .ideas-text-holder .ideas-title,
    .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem .inspirational-ideas-holder .ideas-text-holder .ideas-title,
    .widget-collection .ems-prd .inspirational-ideas-holder .ideas-text-holder .ideas-title,
    .bathroom-collections-wrapper .bcw-holder>div .inspirational-ideas-holder .ideas-text-holder .ideas-title,
    .ems-series-list .emosInfinite .ems-prd .inspirational-ideas-holder .ideas-text-holder .ideas-title {
        margin-bottom: 0;
    }
    .hp-prominent-collections {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 3;
    }
    .hp-prominent-collections>.uk-container,
    .homepage-showcase .hp-prominent-collections>.hs-container,
    .mod-mini-search-body .hp-prominent-collections>.ems-form-inner,
    .hp-prominent-collections>.pageDefault,
    .prd-list-cover-holder .hp-prominent-collections>.cover-content,
    .ems-serial-cover .hp-prominent-collections>.content-holder,
    .compareHolder .hp-prominent-collections>.compareMenuHolder,
    .compareHolder .hp-prominent-collections>.compareContent,
    .hp-prominent-collections>.page-compare {
        padding: 0;
    }
    .hp-prominent-collections-wrapper {
        padding-top: 10px;
        padding-bottom: 0;
    }
    .hp-prominent-collections-wrapper>div:not(.all-links-wrapper) {
       
    }
    .hp-prominent-collections-wrapper .all-links-wrapper {
        margin-top: 0px;
    }
    .hp-prominent-collections-wrapper .all-links-wrapper>div+div {
        margin-top: 8px;
    }
    .hp-prominent-collections-wrapper .all-links-item {
        height: 64px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: center;
    }
    .hp-prominent-collections-wrapper .all-links-item .content span {
        font-size: 20px;
        line-height: 24px;
    }
    .hp-recent-news {
       order: 3;
    }
    .hp-featured-products>.uk-container,
    .homepage-showcase .hp-featured-products>.hs-container,
    .mod-mini-search-body .hp-featured-products>.ems-form-inner,
    .hp-featured-products>.pageDefault,
    .prd-list-cover-holder .hp-featured-products>.cover-content,
    .ems-serial-cover .hp-featured-products>.content-holder,
    .compareHolder .hp-featured-products>.compareMenuHolder,
    .compareHolder .hp-featured-products>.compareContent,
    .hp-featured-products>.page-compare {
        padding: 0;
    }
    .hp-products-wrapper {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .hp-products-title {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 7px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .hp-product-holder {
        padding: 0 16px;
    }
    .hp-product-holder .prd-img {
        margin-bottom: 16px;
        height: 160px;
        margin-right: -16px;
        margin-left: -16px;
    }
    .hp-product-holder .prd-title {
        color:#db3315;
        font-size: 24px;
        font-weight: 700;
        line-height: 44px;
        margin-bottom: 4px;
    }
    .hp-product-holder .prd-desc {
        color: #4A4A4A;
        font-size: 14px;
        line-height: 24px;
    }
    .hp-product-holder .prd-btn-group {
        margin-top: 16px;
    }
    .hp-product-holder .prd-btn-group>a {
        width: 100%;
    }
    .hp-products-loop>div {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .bnr-product-for-you {
        display: none;
    }
    .product-for-you {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 0px !important;
        height: 160px !important;
        position: relative;
    }
    .product-for-you .text {
        color: #4A4A4A;
        font-size: 24px;
        line-height: 44px;
        margin-bottom: 0;
    }
    .product-for-you a {
        background: none;
        border: none;
        font-size: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .product-for-you a:hover {
        background: none;
        border: none;
        font-size: 0;
    }
    .collections-in-page .swiper-wrapper .swiper-slide {
        width: 100%;
    }
}

.ems-page-service-list footer .design-your-bathroom {
    display: none;
}


/*
.mod-service-list.service-ajx-loading {
    .mod-service-list-inner-wrp {
        .mod-service-list-body {
            #servisIcerik {
                background-image: url("/images/pageLoading.gif");
                background-position: center;
                background-repeat: no-repeat;
                background-size: 80px 80px;
            }
            .servisIcerik {
            }
        }
    }
}
*/

.mod-service-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 96px);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.mod-service-list .address-detail {
    z-index: 98;
    width: 100%;
    height: 100%;
}

.address-detail-inner {
    height: 100%;
}

.address-detail-inner .left-column,
.address-detail-inner .back-btn {
    display: none;
}

.address-detail-inner .right-column {
    height: 100%;
}

.address-detail-inner .map {
    height: 100%;
}

.mod-service-list-inner {
    position: relative;
    z-index: 99;
    background: #ffffff;
    width: 410px;
    padding-top: 24px;
    height: 100%;
    overflow: hidden;
}

.mod-service-list-inner-wrp,
.service-list,
#servisIcerik {
    height: 100%;
}

.mod-service-list-header [id$="lbfKUTU_YETKILISERVISLER"] .near-location-wrap {
    padding-left: 18px;
    padding-right: 18px;
}

.mod-service-list-header [id$="lbfKUTU_YETKILISERVISLER"] .near-location-wrap .allow-share-location-btn {
    width: 100%;
    color: #000000;
    border-color: #978B82;
    margin-bottom: 16px;
}

.mod-service-list-header [id$="lbfKUTU_YETKILISERVISLER"] .near-location-wrap .allow-share-location-btn:hover,
.mod-service-list-header [id$="lbfKUTU_YETKILISERVISLER"] .near-location-wrap .allow-share-location-btn:focus {
    border-color:#db3315;
    color: #ffffff;
}

.mod-service-list-header .ems-form {
    padding-left: 18px;
    padding-right: 18px;
}

.mod-service-list-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mod-service-list-search-btn {
    padding-left: 0;
}

.mod-service-list-search-btn .ems-form-obj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.mod-service-list-search-btn .btnSrvArama {
    width: 100%;
    min-width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mod-service-list-type {
    margin-top: 20px;
    padding-left: 18px;
    padding-right: 18px;
    text-align: right;
}

.mod-service-list-type a {
    color: #4A4A4A;
    font-size: 10px;
    line-height: 14px;
    margin-left: 3px;
}

.mod-service-list-type a:not(:first-child):before {
    content: "|";
    margin-right: 3px;
    color: #4A4A4A !important;
}

.mod-service-list-type a.active {
    color:#db3315;
    font-weight: 600;
}

.mod-service-list-body {
    width: 100%;
    height: calc(100% - 167px);
}

.servisIcerik {
    margin-top: 14px;
    height: 100%;
    overflow: auto;
}

.servisIcerik::-webkit-scrollbar {
    width: 14px;
}

.servisIcerik::-webkit-scrollbar-track {
    background-color: #F2F2F2;
}

.servisIcerik::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.75);
    height: 14px;
    border-radius: 5px;
}

.servisIcerik:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 35px;
    width: 100%;
    z-index: 100;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(rgba(0, 219, 222, 0)));
    background: -webkit-linear-gradient(bottom, #ffffff, rgba(0, 219, 222, 0));
    background: -o-linear-gradient(bottom, #ffffff, rgba(0, 219, 222, 0));
    background: linear-gradient(to top, #ffffff, rgba(0, 219, 222, 0));
    pointer-events: none;
}

.servisIcerik .servis_bilgi {
    display: none;
}

.servisIcerik .pServisListe {
    padding: 15px 18px 15px 55px;
    position: relative;
}

.servisIcerik .pServisListe:after {
    content: "";
    display: inline-block;
    width: calc(100% - 36px);
    height: 1px;
    background-color: #D8D8D8;
    position: absolute;
    bottom: 0;
    left: 18px;
}

.servisIcerik .pServisListe:last-child {
    margin-bottom: 20px;
}

.servisIcerik .pServisListe .divServisListe_Koordinat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.servisIcerik .pServisListe .divServisListe_Koordinat>.phone {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.servisIcerik .pServisListe .divServisListe_Koordinat>.show-map-btn {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.servisIcerik .pServisListe .divServisListe_Koordinat>.divServisListe_Email {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.servisIcerik .pServisListe .divServisListe_Koordinat>a {
    z-index: 99;
}

.servisIcerik .pServisListe [class$="_FirmaAdi"] {
    color: #4A4A4A;
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    padding-right: 28%;
}

.servisIcerik .pServisListe [class$="_WebAdresi"] {
    font-size: 12px;
    margin-top: 5px;
    padding-right: 28%;
    position: relative;
    z-index: 2;
}

.servisIcerik .pServisListe [class$="_Email"] {
    font-size: 12px;
    margin-right: 8px;
    padding-right: 8px;
    font-weight: 700;
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-right: 1px solid #000;
    text-decoration: underline;
}

.servisIcerik .pServisListe [class$="_Adres"] {
    color: #4A4A4A;
    margin-top: 5px;
    position: relative;
    padding-right: 28%;
}

.servisIcerik .pServisListe [class$="_Telefon"] {
    margin-top: 10px;
    padding-right: 28%;
    position: relative;
    z-index: 2;
}

.servisIcerik .pServisListe .view-360 {
    width: 48px;
    height: 48px;
    background: url(/images/frontend/360.svg) no-repeat;
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -24px;
    z-index: 2;
    font-size: 0;
}

.servisIcerik .pServisListe [class$="_ServisTur"] {
    font-size: 0;
    position: absolute;
    left: 18px;
    top: 21px;
}

.servisIcerik .pServisListe [class$="_ServisTur"]:before {
    content: "";
    font-size: 24px;
}

.servisIcerik .pServisListe [class$="_Koordinat"] .phone {
    display: none;
}

.servisIcerik .pServisListe [class$="_Koordinat"] a[rel][onclick] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.servisIcerik .pServisListe [class$="_Koordinat"] a.show-map-btn {
    right: 18px;
    bottom: 6px;
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}

.servisIcerik .pServisListe [class$="_UlkeSehirSemt"],
.servisIcerik .pServisListe [class$="_DepoSec"],
.servisIcerik .pServisListe [class$="_Yetkili"],
.servisIcerik .pServisListe [class$="_Fax"],
.servisIcerik .pServisListe [class$="_tdResim"] {
    display: none;
}

.servisIcerik .pServisListe.selected {
    background-color: rgba(151, 49, 41, 0.1);
}

.servisIcerik .pServisListe.selected [class$="_Koordinat"] a[rel][onclick] {
    pointer-events: none;
}

.servisIcerik .pServisListe {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.servisIcerik .pServisListe.activeted {
    opacity: 1;
}

.servisIcerik .pServisListe:last-child {
    padding-bottom: 50px;
}

.servis_kayitYok {
    padding: 20px;
}

@media (max-width: 960px) {
    .mod-service-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important;
    }
    .mod-service-list .address-detail {
        position: initial;
    }
	.ttt{width:100%}
    .address-detail-inner {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .address-detail-inner .map {
        height: 260px;
    }
    .mod-service-list-inner {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
        min-height: initial;
        padding-top: 0px;
    }
    .mod-service-list-inner-wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .mod-service-list-header {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin-top: 22px;
    }
    .address-detail {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .mod-service-list-body {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .mod-service-list-type {
        margin-top: 15px;
    }
    .mod-service-list-type a {
        font-weight: 700;
        line-height: 18px;
    }
    .mod-service-list-type a.active {
        font-weight: 700;
    }
    .servisIcerik {
        margin-top: 12px;
        height: 480px;
    }
    .servisIcerik .pServisListe .divServisListe_Koordinat .divServisListe_Email {
        font-size: 14px;
    }
    .servisIcerik .pServisListe .divServisListe_Koordinat .show-map-btn {
        font-size: 14px !important;
    }
    .servisIcerik .pServisListe [class$="_FirmaAdi"] {
        font-size: 13px;
        line-height: 23px;
    }
    .servisIcerik .pServisListe [class$="_Adres"] [class$="_UlkeSehirSemt"] {
        font-size: 13px;
        line-height: 23px;
    }
    .servisIcerik .pServisListe [class$="_Telefon"] {
        margin-top: 0;
    }
    .servisIcerik .pServisListe [class$="_Koordinat"] .phone {
        text-decoration: underline;
        font-weight: bold;
        border-right: 1px solid #000;
        margin-right: 5px;
        padding-right: 5px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: 14px;
    }
    .servisIcerik .pServisListe:last-child {
        padding-bottom: 0px;
    }
    .divServisListe_Telefon {
        display: none;
    }
}

.ems-page-press-releases .icerikTemplateListeContainer {
    margin-top: 33px;
}

.ems-page-press-releases .bnr-product-for-you {
    margin-top: 110px;
}

.ems-page-press-releases .product-for-you {
    margin-bottom: 32px;
}

.item-holder .uk-card-media-top {

    overflow: hidden;
}

.item-holder .uk-card-media-top img {
    width: 100%;
}

.item-holder .item-content .item-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 62px;
}

.press-releases-info {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.press-releases-info .title {
    color:#db3315;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
}

.press-releases-info .desc {
    margin-top: 8px;
}

.press-releases-info .transportation-info {
    margin-top: 24px;
}

.press-releases-logo {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.press-releases-logo .title {
    color:#db3315;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
}

.press-releases-logo .vitra-logo {
    margin-top: 8px;
    max-width: 272px;
    padding: 30px 25px;
    border: 1px solid #979797;
}

.press-releases-logo .vitra-logo img {
    width: 100%;
}

.press-releases-logo .vitra-logo-types {
    margin-top: 30px;
}

.press-releases-logo .vitra-logo-types ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #979797;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.press-releases-logo .vitra-logo-types ul li i {
    font-size: 0;
    margin-right: 16px;
}

.press-releases-logo .vitra-logo-types ul li i:before {
    font-size: 32px;
}

.press-releases-logo .vitra-logo-types ul li a {
    margin-left: auto;
}

.press-releases-logo .vitra-logo-types ul li a i {
    margin-right: 0;
}

.press-releases-logo .vitra-logo-types ul li:last-child {
    margin-bottom: 0;
    border-bottom-width: 0;
}

.ems-content-date-filter .content-date-filter,
.ems-date-filter .content-date-filter {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 16px;
}

.ems-content-date-filter .content-date-filter .sStylerMainWrp,
.ems-date-filter .content-date-filter .sStylerMainWrp {
    width: 140px;
    margin-left: 10px;
}

.ems-content-date-filter .content-date-filter .sStylerMainWrp .sStylerWrp,
.ems-date-filter .content-date-filter .sStylerMainWrp .sStylerWrp {
    height: 32px;
}

.ems-content-date-filter .content-date-filter .sStylerMainWrp select,
.ems-date-filter .content-date-filter .sStylerMainWrp select {
    height: 32px;
}

.ems-content-date-filter .content-date-filter>select,
.ems-date-filter .content-date-filter>select {
    width: 140px;
    height: 32px;
    margin-left: 10px;
}

@media (max-width: 960px) {
	
	.icerikTemplateListeContainer .icerikTemplateListeItem {
    width: 50%;
  
}
	.dc-gallery--item {
    position: relative;
    margin: 8px 0;
    width: 50%;
}
	
    .ems-page-press-releases .icerikTemplateListeContainer {
        margin-top: 16px;
    }
    .ems-page-press-releases .bnr-product-for-you {
        margin-top: 0;
    }
    .ems-page-press-releases .page-desc {
        display: none;
    }
	
    .item-holderr {
        margin-left: -16px;
        margin-right: -16px;
    }
    .item-holder .uk-card-media-top {
      
        overflow: hidden;
    }
    .item-holder .uk-card-body {
        padding: 16px;
    }
    .press-releases-info .title {
        font-size: 20px;
        line-height: 24px;
    }
    .press-releases-info .desc {
        margin-top: 8px;
    }
    .press-releases-info .transportation-info {
        margin-top: 24px;
    }
    .press-releases-logo {
        margin-top: 40px;
    }
    .press-releases-logo .title {
        font-size: 20px;
        line-height: 24px;
    }
    .press-releases-logo .vitra-logo {
        max-width: 100%;
    }
    .press-releases-logo .vitra-logo-types {
        margin-top: 10px;
    }
    .press-releases-logo .vitra-logo-types ul li {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .press-releases-logo .vitra-logo-types ul li i {
        margin-right: 9px;
    }
    .press-releases-logo .vitra-logo-types ul li a i:before {
        font-size: 24px;
    }
    .ems-content-date-filter .content-date-filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 16px;
    }
    .ems-content-date-filter .content-date-filter .sStylerMainWrp {
        width: 100%;
        margin-left: 0;
        margin: 7px 0;
    }
    .ems-content-date-filter .content-date-filter .sStylerMainWrp .sStylerWrp {
        height: 32px;
    }
    .ems-content-date-filter .content-date-filter .sStylerMainWrp select {
        height: 32px;
    }
    .ems-content-date-filter .content-date-filter>select {
        width: 100%;
        height: 32px;
        margin: 7px 0;
    }
}

.ems-page-sss .page-title {
    margin-bottom: 44px;
}

.ems-page-sss .icerikListePagingAlt {
    display: none;
}

.ems-page-sss .sss-menu {
    max-width: 85%;
    border-top: 1px solid #D7D7D7;
}

.ems-page-sss .sss-menu li {
    border-bottom: 1px solid #D7D7D7;
}

.ems-page-sss .sss-menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 7px 0 9px;
}

.ems-page-sss .sss-menu li a:after {
    margin-left: auto;
}

.ems-page-sss .sss-menu li.uk-active a {
    color:#db3315;
}

.ems-page-sss .faq-contents-s2> :nth-child(n+2) {
    margin-top: 0;
}

.ems-page-sss .faq-contents-s2>li .uk-accordion-title {
    padding: 4px 8px 3px;
    background-color: #f9f9f9;
    border: 1px solid #D7D7D7;
    margin-top: -1px;
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}

.ems-page-sss .faq-contents-s2>li .uk-accordion-title:after {
    content: none;
}

.ems-page-sss .faq-contents-s2>li .uk-accordion-content {
    padding: 8px;
    margin-top: 0;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 25px;
}

.ems-page-sss .faq-contents-s2>li:last-child .uk-accordion-content {
    border-bottom: 1px solid #D7D7D7;
}

.ems-page-sss .bnr-container {
    margin-top: 112px;
}

@media (max-width: 960px) {
    .ems-page-sss .page-title {
        font-size: 24px;
        line-height: 44px;
        margin-bottom: 24px;
    }
    .ems-page-sss .faq-search-input {
        margin-bottom: 24px;
    }
    .ems-page-sss .faq-contents-s1 {
        margin: 0 -16px;
    }
    .ems-page-sss .faq-contents-s1> :nth-child(n+2) {
        margin-top: 0;
    }
    .ems-page-sss .faq-contents-s1>li {
        padding: 0 16px;
        border-top: 1px solid #979797;
    }
    .ems-page-sss .faq-contents-s1>li>.uk-accordion-title {
        color: #4A4A4A;
        font-size: 24px;
        font-weight: 500;
        line-height: 44px;
    }
    .ems-page-sss .faq-contents-s1>li>.uk-accordion-content {
        margin-bottom: 16px;
    }
    .ems-page-sss .faq-contents-s1>li:first-child {
        border-top: 0px;
    }
    .ems-page-sss .bnr-container {
        margin-top: 32px;
    }
}

.ems-page-press-releases-detail .news-detail-content-text {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.bulletin-docs:empty {
    display: none;
}

.bulletin-docs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bulletin-docs ul:not(:empty) {
    margin-bottom: 24px;
}

.bulletin-docs ul li {
    margin-right: 32px;
}

.bulletin-docs ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #4A4A4A;
}

.bulletin-docs ul li a i {
    font-size: 26px;
    margin-right: 10px;
}

.bulletin-docs ul li:last-child {
    margin-right: 0;
}

.news-detail-gallery {
    padding-top: 32px;
    padding-bottom: 32px;
}

.news-detail-gallery .uk-width-1-3\@m >div,
.news-detail-gallery .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem>div,
.ems-page-listing-3 .icerikTemplateListeContainer .news-detail-gallery .icerikTemplateListeItem>div,
.news-detail-gallery .widget-collection .ems-prd>div,
.widget-collection .news-detail-gallery .ems-prd>div,
.news-detail-gallery .bathroom-collections-wrapper .bcw-holder>div>div,
.bathroom-collections-wrapper .news-detail-gallery .bcw-holder>div>div,
.news-detail-gallery .ems-series-list .emosInfinite .ems-prd>div,
.ems-series-list .emosInfinite .news-detail-gallery .ems-prd>div {
    height: calc((100% - 16px) / 2);
}

.news-detail-gallery .uk-width-1-3\@m >div>div,
.news-detail-gallery .ems-page-listing-3 .icerikTemplateListeContainer .icerikTemplateListeItem>div>div,
.ems-page-listing-3 .icerikTemplateListeContainer .news-detail-gallery .icerikTemplateListeItem>div>div,
.news-detail-gallery .widget-collection .ems-prd>div>div,
.widget-collection .news-detail-gallery .ems-prd>div>div,
.news-detail-gallery .bathroom-collections-wrapper .bcw-holder>div>div>div,
.bathroom-collections-wrapper .news-detail-gallery .bcw-holder>div>div>div,
.news-detail-gallery .ems-series-list .emosInfinite .ems-prd>div>div,
.ems-series-list .emosInfinite .news-detail-gallery .ems-prd>div>div {
    height: 100%;
}

.news-detail-gallery .swiper-button-prev,
.news-detail-gallery .swiper-button-next {
    display: none;
}

.ems-card-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 32px;
    padding-bottom: 32px;
    background: none;
}

.ems-card-default+.ems-card-default {
    margin-top: 0;
}

@media (max-width: 960px) {
    .bulletin-docs:not(:empty) {
        margin-bottom: 16px;
    }
    .bulletin-docs ul li a {
        font-size: 12px;
    }
}

.ems-page-group-corporate footer .design-your-bathroom {
    display: none;
}

.ems-page-corporate-detail .corporate-cover {
    height: 416px;
}

.ems-page-corporate-detail .ems-corporate-content .page-title {
    margin-bottom: 20px;
}

.ems-page-corporate-detail .ems-corporate-content .page-content {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.ems-page-corporate-detail .cTitle {
    color: #003A5C;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.ems-page-corporate-detail .cDesc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.img-holder-border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #979797;
    padding: 16px;
    height: 130px;
    overflow: hidden;
}

@media (max-width: 960px) {
    .ems-page-corporate-detail .ems-corporate-content .page-title {
        margin-bottom: 0px;
    }
    .ems-page-corporate-detail .corporate-cover {
        height: 160px;
        margin-bottom: 10px !important;
    }
    .ems-page-corporate-detail .cTitle {
        color:#db3315;
        font-size: 20px;
        line-height: 36px;
    }
}

.ems-corporate-list footer .design-your-bathroom {
    display: none;
}

.ems-corporate-list footer .sneak-info {
    padding-top: 0;
}

.ems-page-corporate-list .icerikTemplateListeContainer {
    margin-top: 32px;
}

.ems-page-corporate-list .icerikTemplateListeContainer>div:nth-child(1),
.ems-page-corporate-list .icerikTemplateListeContainer>div:nth-child(2),
.ems-page-corporate-list .icerikTemplateListeContainer>div:nth-child(3),
.ems-page-corporate-list .icerikTemplateListeContainer>div:nth-child(4),
.ems-page-corporate-list .icerikTemplateListeContainer>div:nth-child(5),
.ems-page-corporate-list .icerikTemplateListeContainer>div:nth-child(6) {
    width: 100%;
}

.corporate-item-holder .uk-card-media-top {
    height: 256px;
    overflow: hidden;
}

.corporate-item-holder .uk-card-media-top a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.corporate-item-holder .uk-card-media-top a img {
    width: 100%;
}


@media (max-width: 960px) {
    .ems-page-corporate-detail .page-groups-building-products {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
	
}
@media (max-width: 460px) {
    .goster{display:block!important;
float:left
	}	
	.gosterme{display:none;
float:left
	}	
}

.timeline {
    padding-top: 64px;
    padding-bottom: 64px;
    position: relative;
}

.timeline:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 100%;
    background:#db3315;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.timeline>div {
    position: relative;
}

.timeline>div:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background:#db3315;
    position: absolute;
    top: 36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.timeline>div:nth-child(odd) {
    padding-left: calc(50% + 28px);
}

.timeline>div:nth-child(even) {
    padding-right: calc(50% + 28px);
    text-align: right;
}

.timeline>div .date {
    color:#db3315;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    padding-top: 24px;
}

.timeline>div .desc {
    color: #4A4A4A;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    padding-top: 24px;
    padding-bottom: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.timeline>div .desc span {
    display: block;
}

.timeline>div .desc span+span {
    margin-top: 24px;
}

@media (max-width: 960px) {
    .timeline {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .timeline:before {
        height: 95%;
        left: 4px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .timeline>div {
        position: relative;
    }
    .timeline>div:before {
        left: 8px;
    }
    .timeline>div:after {
        left: 8px;
        top: 50px;
    }
    .timeline>div:nth-child(odd) {
        padding-left: 28px;
    }
    .timeline>div:nth-child(even) {
        padding-right: 0;
        padding-left: 28px;
        text-align: left;
    }
    .timeline>div .desc {
        font-size: 24px;
    }
}

.ems-page-design-inner .designers-wrapper .designers-title {
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
}

.ems-page-design-inner .designers-wrapper .designer-name {
    color: #003A5C;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 20px;
}

.ems-page-design-inner .designers-wrapper .designer-info {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.ems-page-design-inner .designers-wrapper .more-design {
    margin-top: 15px;
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
}

.ems-page-design-inner .designers-wrapper .designer-item {
    margin: 15px 0;
}

.ems-page-design-inner .designers-wrapper .designer-collections {
    margin-top: 8px;
    margin-left: calc(100% * 1 / 6.001);
}

.ems-page-design-inner .designers-wrapper .dwc-title {
    color: #003A5C;
    font-size: 16px;
    font-weight: 700;
}

.ems-page-design-inner .designers-wrapper .dwc-group ul li {
    padding-top: 8px;
    padding-bottom: 8px;
}

.ems-page-design-inner .designers-wrapper .dwc-group a {
    color:#db3315;
    font-size: 14px;
}

@media (max-width: 960px) {
    .ems-page-design-inner .designers-wrapper .designers-title {
        color:#db3315;
        font-size: 20px;
    }
    .ems-page-design-inner .designers-wrapper .designer-item {
        margin-bottom: 26px;
    }
    .ems-page-design-inner .designers-wrapper .designer-name {
        color: #4A4A4A;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 7px;
    }
    .ems-page-design-inner .designers-wrapper .more-design {
        margin-top: 15px;
        color:#db3315;
        font-size: 14px;
        line-height: 25px;
    }
    .ems-page-design-inner .designers-wrapper .designer-collections {
        display: none;
    }
}

.ems-page-innovation .title-medium {
    color: #003A5C;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.ems-page-innovation .title-large {
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
}

.ems-page-innovation .inv-article {
    margin-bottom: 32px;
}

.ems-page-innovation .inv-article .title-large {
    margin-bottom: 8px;
}

.ems-page-innovation .inv-article .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 352px;
    overflow: hidden;
    margin-bottom: 32px;
}

.ems-page-innovation .inv-article .description {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.ems-page-innovation .related-groups .item {
    padding-top: 32px;
    padding-bottom: 32px;
}

.ems-page-innovation .related-groups .item .title-medium {
    margin-bottom: 20px;
}

.ems-page-innovation .related-groups .item-desc {
    color: #4A4A4A;
    line-height: 24px;
    margin-bottom: 32px;
}

.ems-page-innovation .related-groups .item-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -32px;
}

.ems-page-innovation .related-groups .item-links>li {
    margin-left: 32px;
    margin-bottom: 16px;
}

.ems-page-innovation .related-groups .item-links>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#db3315;
    font-size: 16px;
    font-weight: 700;
    line-height: 29px;
}

.ems-page-innovation .related-groups .item-links>li>a i {
    display: inline-block;
    font-size: 0;
    margin-right: 8px;
}

.ems-page-innovation .related-groups .item-links>li>a i:before {
    font-size: 32px;
}

@media (max-width: 960px) {
    .ems-page-innovation .corporate-cover {
        height: 160px;
        margin-bottom: 10px !important;
    }
    .ems-page-innovation .title-medium {
        color:#db3315;
        font-size: 20px;
        line-height: 36px;
    }
    .ems-page-innovation .title-large {
        color:#db3315;
        font-size: 20px;
        line-height: 36px;
    }
    .ems-page-innovation .inv-article {
        margin-bottom: 32px;
    }
    .ems-page-innovation .inv-article .title-large {
        margin-bottom: 18px;
    }
    .ems-page-innovation .inv-article .image {
        height: auto;
        margin-bottom: 8px;
    }
    .ems-page-innovation .inv-article .description {
        color: #4A4A4A;
        font-size: 14px;
        line-height: 24px;
    }
    .ems-page-innovation .related-groups .item {
        padding-top: 8px;
        padding-bottom: 0px;
    }
    .ems-page-innovation .related-groups .item .item-desc {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .ems-page-innovation .related-groups .item .item-links>li {
        width: 100%;
    }
    .ems-page-innovation .related-groups .item .item-links>li>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
    }
}

.ems-page-gallery .page-title {
    display: none;
}

.gallery-temp {
    padding-top: 64px;
    padding-bottom: 64px;
}

.gallery-temp .gallery-title {
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
}

.gallery-temp .gallery-item {
    position: relative;
    margin-bottom: 16px;
}

.gallery-temp .gallery-item .image i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    color: #F2F2F2;
}

.gallery-temp .gallery-item .image i:before {
    font-size: 64px;
}

.gallery-temp .gallery-item .image img {
    min-width: 100%;
    min-height: 100%;
}

.gallery-temp .gallery-item .title {
    color:#db3315;
    font-size: 24px;
    font-weight: 700;
}

.gallery-temp .gallery-item .link {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gallery-temp.video .image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 256px;
    overflow: hidden;
}

.gallery-temp.video .image i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gallery-temp.video .title {
    margin-top: 16px;
}

.gallery-temp.sound .gallery-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gallery-temp.sound .image {
    margin-right: 32px;
}

.gallery-temp.sound .image i {
    color:#db3315;
}

@media (max-width: 960px) {
    .ems-page-gallery .corporate-cover {
        margin-bottom: 0 !important;
    }
    .ems-page-gallery footer {
        margin-top: 100px;
    }
    .gallery-temp {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .gallery-temp .gallery-title {
        color:#db3315;
        font-size: 24px;
        margin-top: 10px;
        padding: 0 16px;
    }
    .gallery-temp.video>.uk-container,
    .homepage-showcase .gallery-temp.video>.hs-container,
    .mod-mini-search-body .gallery-temp.video>.ems-form-inner,
    .gallery-temp.video>.pageDefault,
    .prd-list-cover-holder .gallery-temp.video>.cover-content,
    .ems-serial-cover .gallery-temp.video>.content-holder,
    .compareHolder .gallery-temp.video>.compareMenuHolder,
    .compareHolder .gallery-temp.video>.compareContent,
    .gallery-temp.video>.page-compare {
        padding: 0;
    }
    .gallery-temp.video .image {
        height: 166px;
    }
    .gallery-temp.video .image i:before {
        font-size: 72px;
    }
    .gallery-temp.video .title {
        margin-top: 16px;
        margin-bottom: 32px;
        padding: 0 16px;
        color: #4A4A4A;
        font-size: 16px;
    }
    .gallery-temp.sound .gallery-title {
        padding: 0;
    }
    .gallery-temp.sound .image {
        margin-right: 8px;
    }
    .gallery-temp.sound .image i {
        color: #4A4A4A60;
    }
    .gallery-temp.sound .image i:before {
        font-size: 16px;
    }
    .gallery-temp.sound .title {
        color: #4A4A4A;
        font-size: 16px;
    }
}

.page-ideas {
    position: relative;
}

.page-ideas-list.ems-page-listing-zebra .icerikTemplateListeItem .post-idea.alignment-left .uk-width-3-5\@m {
    margin-left: auto;
}

.page-ideas-list.ems-page-listing-zebra .icerikTemplateListeItem .post-idea.alignment-left .uk-width-2-5\@m.uk-position-bottom-right {
    right: auto;
    left: 0;
}

.page-ideas-list.ems-page-listing-zebra .icerikTemplateListeItem .post-idea.alignment-left .uk-text-lead {
    color: #B55569;
}

.ivf-icerik {
    height: 75%;
}

.ivf-icerik .pi-desc {
    line-height: 32px;
}

.alignment-left .ivf-icerik {
    height: 100%;
}

.alignment-left .img-mini-wrp>div:first-child {
    padding-left: 0 !important;
}

.alignment-right .img-mini-wrp {
    margin-left: 0px !important;
}

.alignment-right .img-mini-wrp>div:first-child {
    padding-left: 0 !important;
}

.post-idea .img-big-holder>a,
.post-idea .img-mini-holder>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.post-idea .img-big-holder>a img,
.post-idea .img-mini-holder>a img {
    min-width: 100%;
    min-height: 100%;
}

.post-idea .img-big-holder>* {
    height: 384px;
}

.post-idea .img-mini-holder>* {
    height: 176px;
}

.post-idea .img-mini-holder>* img {
    min-width: 100%;
    min-height: 100%;
}

.btn-back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color:#db3315 !important;
    font-weight: 500;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btn-back>i {
    margin-right: 10px;
    font-size: 32px;
}

.btn-back:hover {
    color: #003A5C !important;
}

.btn-back:hover>span {
    text-decoration: underline;
}

.post-idea {
    position: relative;
}

.post-idea .uk-width-2-5\@m {
    min-height: 50%;
    padding-bottom: 60px;
}

.post-idea .uk-text-lead {
    font-size: 36px;
    color: #85ACB5;
    font-weight: 700;
    line-height: 1.12;
}

.post-idea .uk-text-small {
    font-size: 16px;
}

.post-idea .uk-text-small a {
    text-decoration: underline;
}

.catalog-prd .uk-text-small {
    font-size: 14px;
}

.catalog-prd .kk-text-cl6 {
    color:#db3315;
}

.catalog-prd .uk-card-media-top.catalog-img {
    height: 384px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.catalog-prd .uk-card-media-top.catalog-img img {
    min-width: 100%;
    min-height: 100%;
}

.tooltip-product [class*='uk-animation-'] {
    display: none;
}

.tooltip-product:hover [class*='uk-animation-'] {
    display: block;
}

.tooltip-product .uk-position-center-right {
    right: -20px;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.tooltip-product .uk-card {
    width: 220px;
    background: #ffffff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.tooltip-product .uk-card-media-top {
    border-bottom: 4px solid#db3315;
}

.tooltip-product .uk-card-title {
    font-size: 14px;
    color: #4A4A4A;
}

.tooltip-product .uk-card-category {
    font-size: 0;
    color: #9B9B9B;
}

.tooltip-product .uk-card-category a {
    display: none;
    font-size: 12px;
}

.tooltip-product .uk-card-category a:last-child {
    display: inline-block;
}

.tooltip-product .uk-card-url {
    font-size: 0;
}

.tooltip-product .uk-card:before {
    content: "";
    border-width: 12px;
    border-style: solid;
    border-color: transparent #F6F6F6 transparent transparent;
    position: absolute;
    left: -24px;
    top: 50%;
    margin-top: -12px;
}

.tooltip-product .uk-card:after {
    content: "";
    border-width: 10px;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -10px;
}

.tooltip-product .kk-prd-link {
    position: relative;
    cursor: default;
}

.tooltip-product .kk-prd-link:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    background: #eeeeee;
    height: 0;
    width: calc(100% + 10px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.tooltip-product:hover .kk-prd-link:after {
    height: 50%;
}

.ideas-left-menu>div:first-child {
    height: 95%;
}

.ideas-title {
    margin: 32px 0 48px;
}

.other-contents-in-page .swiper-inner {
    margin-left: -9px;
}

.other-contents-in-page .swiper-slide {
    padding-left: 18px;
}

.other-contents-in-page .ideas-img {
    height: 280px;
}

.other-contents-in-page .ideas-text-holder {
    width: calc(100% + 8px);
}

.other-contents-in-page .ideas-title {
    font-size: 22px;
    line-height: 1.3;
    height: 56px;
    overflow: hidden;
}

.other-contents-in-page .ideas-desc {
    font-size: 14px;
}

.other-contents-in-page .swiper-button-prev,
.other-contents-in-page .swiper-button-next {
    color: #4A4A4A;
    font-size: 16px;
    padding: 8px;
    -webkit-box-shadow: 0px 0px 1px #00000075;
    box-shadow: 0px 0px 1px #00000075;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    top: 50%;
}

.other-contents-in-page .swiper-button-prev {
    left: -51px;
}

.other-contents-in-page .swiper-button-next {
    right: -42px;
}

.other-contents-in-page:hover .swiper-button-prev,
.other-contents-in-page:hover .swiper-button-next {
    opacity: 1;
}

@media (max-width: 960px) {
    .page-ideas-list .post-idea {
        margin: 0 -16px 0px !important;
        background: #F6F6F6;
    }
    .page-ideas-list .post-idea .uk-width-1-1.uk-margin-bottom,
    .page-ideas-list .post-idea .page-contact .uk-width-1-1.page-top-title,
    .page-contact .page-ideas-list .post-idea .uk-width-1-1.page-top-title,
    .page-ideas-list .post-idea .page-contact .uk-width-1-1.pageHeaderDefault,
    .page-contact .page-ideas-list .post-idea .uk-width-1-1.pageHeaderDefault,
    .page-ideas-list .post-idea .uk-width-1-1.ems-login-header,
    .page-ideas-list .post-idea .uk-width-1-1.ems-signup-header,
    .page-ideas-list .post-idea .uk-width-1-1.pageDescDefault {
        margin-bottom: 4px !important;
    }
    .page-ideas-list .post-idea .uk-width-2-5\@m {
        min-height: 50%;
        padding: 25px 15px;
    }
    .page-ideas-list .post-idea .uk-width-2-5\@m.uk-position-bottom-right {
        position: static !important;
    }
    .page-ideas-list .post-idea .uk-width-2-5\@m.uk-background-default {
        background: inherit;
    }
    .page-ideas-list .post-idea .uk-width-3-5\@m .uk-width-1-3,
    .page-ideas-list .post-idea .uk-width-3-5\@m .ems-prd-general-info-holder .feature-item,
    .ems-prd-general-info-holder .page-ideas-list .post-idea .uk-width-3-5\@m .feature-item,
    .page-ideas-list .post-idea .uk-width-3-5\@m .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(1),
    .ems-prd-general-info-holder .series-gallery .page-ideas-list .post-idea .uk-width-3-5\@m .slide-in-item:nth-child(1),
    .page-ideas-list .post-idea .uk-width-3-5\@m .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(5),
    .ems-prd-general-info-holder .series-gallery .page-ideas-list .post-idea .uk-width-3-5\@m .slide-in-item:nth-child(5),
    .page-ideas-list .post-idea .uk-width-3-5\@m .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(7),
    .ems-prd-general-info-holder .series-gallery .page-ideas-list .post-idea .uk-width-3-5\@m .slide-in-item:nth-child(7) {
        padding-right: 4px;
    }
    .page-ideas-list .post-idea .uk-width-3-5\@m .uk-width-2-3,
    .page-ideas-list .post-idea .uk-width-3-5\@m .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(2),
    .ems-prd-general-info-holder .series-gallery .page-ideas-list .post-idea .uk-width-3-5\@m .slide-in-item:nth-child(2) {
        padding-left: 4px;
    }
    .page-ideas-list .post-idea .uk-text-lead {
        font-size: 20px;
    }
    .page-ideas-list .post-idea .uk-text-small {
        font-size: 14px;
    }
    .catalog-prd>.uk-card>.uk-card-media-top.catalog-img {
        margin-left: -16px;
        margin-right: -16px;
        height: 224px;
    }
    .tooltip-product .uk-position-center-right {
        right: auto;
        top: 90%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .tooltip-product .uk-card:before {
        top: -12px;
        left: 50%;
        margin-left: -12px;
        border-color: transparent transparent #F6F6F6 transparent;
    }
    .tooltip-product .uk-card:after {
        top: -10px;
        left: 50%;
        margin-left: -10px;
        border-color: transparent transparent #ffffff transparent;
    }
    .ideas-title {
        margin: 24px 0 20px;
    }
    .ideas-left-menu {
        margin-bottom: 10px;
    }
    .ideas-left-menu .uk-sticky-placeholder {
        display: none;
    }
    .post-idea .img-big-holder>* {
        height: 160px;
    }
    .post-idea .img-mini-holder>* {
        height: 124px;
    }
    .post-idea .img-mini-holder>* img {
        min-width: 100%;
        min-height: 100%;
    }
    .other-contents-in-page .ideas-img {
        height: 180px;
    }
    .other-contents-in-page .swiper-button-prev,
    .other-contents-in-page .swiper-button-next {
        display: none;
    }
}

.page-catalogs {
    position: relative;
}

.all-catalog-page-holder .post-catalog {
    display: none;
}

.all-catalog-page-holder .post-catalog.show {
    display: block;
}

.catalog-no-result .new-catalog .no-result-content {
    margin: 50px 0;
    display: block !important;
}

.post-catalog .catalog-img {
    height: 240px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.post-catalog .catalog-img img {
    min-width: 100%;
    min-height: 100%;
    height: 100%;
}

.post-catalog .catalog-info {
    padding: 16px 0 0;
}

.post-catalog .uk-card-media-top {
    border: 1px solid #979797;
}

.post-catalog .catalog-title {
    font-size: 14px;
    color: #000;
    word-break: break-all;
    font-weight: 600;
}

.post-catalog .card-title-type>div {
    padding: 0 5px 0 0;
}

.post-catalog .uk-card-url {
    font-size: 0;
}

.hierarchy-accordion:not(.all-list)>ul>li>.uk-accordion-title {
    padding: 10px 0;
}

.hierarchy-accordion .active-cat .uk-open>a {
    pointer-events: none;
}

.hierarchy-accordion .uk-accordion>li>a {
    border-bottom: 1px solid #979797;
}

.hierarchy-accordion .uk-accordion>li.uk-open>a {
    border-bottom-color: transparent;
}

.hierarchy-accordion .uk-accordion>li .uk-accordion-content {
    margin-top: 0;
}

.hierarchy-accordion .uk-accordion> :nth-child(n+2) {
    margin-top: 0;
}

.hierarchy-accordion.all-list ul {
    width: 100%;
}

.hierarchy-accordion.all-list ul>li {
    display: block !important;
}

.hierarchy-accordion.all-list ul>li>.uk-accordion-title {
    pointer-events: none;
    border: 0;
    padding-bottom: 16px;
    font-weight: 700;
    color:#db3315;
}

.hierarchy-accordion.all-list ul>li .uk-accordion-content .uk-accordion-title {
    padding-left: 16px;
    color: #003A5C !important;
}

.hierarchy-accordion.all-list .uk-accordion-content {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
}


/*
    NEW CATALOG
*/

.all-catalog-page-holder .hierarchy-accordion .all-catalog-list-title {
    display: block !important;
    font-size: 32px;
    color:#db3315;
    font-weight: bold;
    margin-top: 30px;
}

.all-catalog-page-holder .hierarchy-accordion ul li .uk-accordion-title {
    display: none !important;
}

.all-catalog-page-holder .load-more-catalog {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.new-catalog .ems-breadcrumb .icerikNavigasyon span h1 {
    margin: 0 !important;
}

.new-catalog .sev4.act.all-catalog,
.new-catalog .uk-accordion-content>ul>li {
    display: inline;
}

.new-catalog .block-01 .ds-cover picture img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.new-catalog .dc-cover--content {
    padding: 112px 120px 138px;
    text-align: left;
}

.new-catalog .dc-cover--content .dc-cover--title {
    font-size: 40px;
    margin-bottom: 15px;
}

.new-catalog .dc-cover--content .dc-cover--desc {
    font-size: 16px;
}

.new-catalog .block-02 {
    background-color:#db3315;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new-catalog .block-02 .catalog-content-title {
    text-align: center;
}

.new-catalog .block-02 .catalog-content-title .menu-closed .minus {
    display: inline;
}

.new-catalog .block-02 .catalog-content-title .menu-closed .plus {
    display: none;
}

.new-catalog .block-02 .catalog-content-title span {
    font-size: 15px;
    color: #fff;
}

.new-catalog .block-02 .catalog-content-title span .minus,
.new-catalog .block-02 .catalog-content-title span .plus {
    width: 32px;
    height: 32px;
    margin-top: -5px;
}

.new-catalog .block-02 .catalog-content-title span .minus {
    display: none;
}

.new-catalog .block-03 {
    background: rgba(168, 175, 166, 0.24);
    display: none;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3.act.icr>ul>li:first-child a {
    border-bottom: 1px solid#db3315 !important;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3 {
    border-bottom: 1px solid #979797 !important;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3>a {
    color: #4a4a4a;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    pointer-events: none;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3>a:after {
    content: "";
    background-image: url("/images/frontend/close-black.png");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    font-size: 20px;
    font-weight: bold;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3 ul .sev4 a {
    color: #444444;
    font-size: 14px;
    font-weight: 300;
    border-bottom: 1px solid transparent;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3 ul .sev4 a:hover {
    border-color:#db3315;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3 ul .sev4.act a {
    border-bottom: 1px solid#db3315;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3.clickable a {
    pointer-events: all;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3.clickable a:after {
    display: none !important;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3.act a:after,
.new-catalog .block-03 .kutuBodySolMenuTree .sev3.sel a:after {
    content: "";
    background-image: url("/images/frontend/open-black.png");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    font-size: 20px;
    font-weight: bold;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3.act ul,
.new-catalog .block-03 .kutuBodySolMenuTree .sev3.sel ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3.act ul li,
.new-catalog .block-03 .kutuBodySolMenuTree .sev3.sel ul li {
    padding: 0 50px 20px 10px;
}

.new-catalog .block-03 .kutuBodySolMenuTree .sev3:last-child {
    border-bottom: unset !important;
}

.new-catalog .block-04 .search-holder {
    height: 90px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(177, 177, 177, 0.75);
    box-shadow: 0px 0px 10px 2px rgba(177, 177, 177, 0.75);
}

.new-catalog .block-04 .search-holder .uk-search-input {
    height: 90px;
    background: #fff;
    border: none;
    background-image: url(/images/frontend/search-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
}

.new-catalog .block-04 .hierarchy-accordion .uk-accordion-content li>a {
    pointer-events: none;
    color:#db3315 !important;
}

.new-catalog .block-04 .hierarchy-accordion .uk-accordion-content li:not(.uk-open) {
    display: none;
}

.new-catalog .block-04 .hierarchy-accordion .hierarchy-accordion li:not(.uk-open) {
    display: none;
}

.new-catalog .block-04 .uk-accordion .uk-open .uk-accordion-title {
    color:#db3315 !important;
    font-size: 32px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 20px;
}

.new-catalog .block-05 .load-more-catalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 70px;
}

.new-catalog .block-05 .load-more-catalog a {
    background:#db3315;
    color: #fff;
    padding: 15px 25px;
}

.catalog-keypress .post-catalog {
    display: block;
}

.catalog-keypress .load-more-catalog {
    display: none !important;
}


/**
    New Catalog responsive for ipad and ipad pro(for tablet)
**/


/*
@media (max-width: $breakpoint-xlarge) {
    .uk-child-width-11-2 {
        width: 20% !important;
    }
}

/**
  -- END -- New Catalog responsive for ipad and ipad pro(for tablet)
**/

@media (max-width: 960px) {
    /*
    .uk-child-width-11-2 {
        width: 25% !important;
    }

    */
    .new-catalog .dc-cover--content {
        padding: 48px 30px 48px 15px !important;
    }
    .new-catalog .dc-cover--title {
        font-size: 25px !important;
        width: 50% !important;
    }
    .new-catalog .sev3.act ul,
    .new-catalog .sev3.sel ul {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0px;
    }
    .new-catalog .sev3.act ul li,
    .new-catalog .sev3.sel ul li {
        padding: 0 50px 20px 10px !important;
    }
    .new-catalog .sev3.act ul li a,
    .new-catalog .sev3.sel ul li a {
        padding: 0 !important;
        padding-bottom: 5px !important;
        display: inline;
    }
    .new-catalog .post-catalog {
        width: 50% !important;
    }
    .new-catalog .post-catalog .catalog-img {
        height: 160px;
        width: 100%;
    }
    .new-catalog .post-catalog .catalog-title {
        font-weight: 700;
    }
    .new-catalog .post-catalog .card-title-type span:first-child {
        color: red;
        padding-right: 10px;
    }
    .new-catalog .block-02 {
        height: 60px;
    }
    .new-catalog .block-04 .search-holder {
        height: 55px;
    }
    .new-catalog .block-04 .search-holder input {
        height: 55px !important;
        background-size: 23px !important;
        padding-left: 28px !important;
        font-size: 15px;
    }
    .new-catalog .block-04 .hierarchy-accordion>ul>.uk-open>a {
        display: none !important;
    }
    .new-catalog .block-04 .hierarchy-accordion>ul>.uk-open>.uk-accordion-content>.uk-accordion .uk-open>a {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
    .new-catalog .block-04 .hierarchy-accordion>ul>.uk-open>.uk-accordion-content>.uk-accordion .uk-open>a:after {
        content: '' !important;
    }
    .new-catalog .block-04 .hierarchy-accordion>ul>.active-cat.uk-open>a {
        display: none !important;
    }
    .new-catalog .block-04 .hierarchy-accordion>ul>.active-cat.uk-open>.uk-accordion-content>.uk-accordion .uk-open>a {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
    .new-catalog .block-04 .hierarchy-accordion>ul>.active-cat.uk-open>.uk-accordion-content>.uk-accordion .uk-open>a:after {
        content: '' !important;
    }
    .new-catalog .block-04 .uk-accordion-title {
        font-size: 23px !important;
    }
    .hierarchy-accordion .uk-accordion-title {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .hierarchy-accordion .active-cat .uk-open>a {
        pointer-events: inherit;
    }
    .hierarchy-accordion>.uk-accordion .uk-accordion-content {
        margin: auto;
    }
    .hierarchy-accordion>.uk-accordion .uk-accordion-content .uk-accordion>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
    }
}

.ems-page-product-list .design-your-bathroom {
    display: none;
}

.ems-product-list .ems-col-full {
    width: 100%;
}

.ems-product-list .ems-col-holder {
    margin-top: 25px;
}

.prd-list-cover-holder {
    position: relative;
    overflow: hidden;
}

@media (min-width: 960px) {
    .prd-list-cover-holder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    }
}

.prd-list-cover-holder .cover-img {
    height: 352px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.prd-list-cover-holder .cover-content {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 2;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
}

.prd-list-cover-holder .cover-content .holder {
    padding: 0 0 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
}

.prd-list-cover-holder .cover-content h1 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 0;
}

.prd-list-cover-holder .cover-content p,
.prd-list-cover-holder .cover-content .prmContent {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 11px;
    margin-bottom: 0;
}

.prd-list-cover-holder .cover-content .prmContent {
    display: none;
    height: 120px;
    overflow: auto;
}

.prd-list-cover-holder .cover-content .prmContent>*:first-child {
    margin-top: 0;
}

.prd-list-cover-holder .cover-content .btn-rfc {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.prd-list-cover-holder .cover-content .btn-rfc .spn2 {
    display: none;
}

.prd-list-cover-holder .cover-content.rfc .prmDesc {
    display: none;
}

.prd-list-cover-holder .cover-content.rfc .prmContent {
    display: block;
}

.prd-list-cover-holder .cover-content.rfc .btn-rfc .spn1 {
    display: none;
}

.prd-list-cover-holder .cover-content.rfc .btn-rfc .spn2 {
    display: inline;
}

.prd-list-cover-holder .video-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
}

.prd-list-cover-holder .video-holder .video-area {
    height: 352px;
}

.prd-list-cover-holder .btn-video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    font-size: 48px;
    color: #ffffff;
}

@media (max-width: 960px) {
    .prd-list-cover-holder .btn-video {
        display: none;
    }
}

.prd-list-cover-holder.show-video:before {
    opacity: 0;
    visibility: hidden;
}

.prd-list-cover-holder.show-video .cover-img {
    opacity: 0;
}

.prd-list-cover-holder.show-video .cover-content {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}

.prd-list-cover-holder.show-video .btn-video {
    opacity: 0;
    visibility: hidden;
}

.prd-list-cover-holder.show-video .video-holder {
    opacity: 1;
    visibility: visible;
}

.ems-prd-cat-tab {
    padding-top: 36px;
    padding-bottom: 21px;
    border-bottom: 8px solid#db3315;
}

.ems-prd-cat-tab ul.control {
    border: 1px solid#db3315;
    margin-left: 0;
    margin-bottom: 36px;
}

.ems-prd-cat-tab ul.control>* {
    padding-left: 0;
}

.ems-prd-cat-tab ul.control>*>a {
    border: 0;
    text-transform: none;
}

.ems-prd-cat-tab ul.control li {
    width: 25%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid#db3315;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
}

.ems-prd-cat-tab ul.control li:last-child {
    border: 0;
}

.ems-prd-cat-tab ul.control li a {
    padding: 14px 0;
    text-align: center;
    background: #ffffff;
    color:#db3315;
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
}

.ems-prd-cat-tab ul.control li.uk-active a,
.ems-prd-cat-tab ul.control li.selected a {
    color: #ffffff;
    background:#db3315;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>span,
.ems-prd-cat-tab ul.content .use-color-holder>span,
.ems-prd-cat-tab ul.content .use-pattern-holder>span,
.ems-prd-cat-tab ul.content .use-body-holder>span {
    display: none;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul,
.ems-prd-cat-tab ul.content .use-color-holder>ul,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul,
.ems-prd-cat-tab ul.content .use-body-holder>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -35px;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li,
.ems-prd-cat-tab ul.content .use-color-holder>ul li,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li,
.ems-prd-cat-tab ul.content .use-body-holder>ul li {
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
    margin: 0 35px;
    border-bottom: 0;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li a,
.ems-prd-cat-tab ul.content .use-color-holder>ul li a,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li a,
.ems-prd-cat-tab ul.content .use-body-holder>ul li a {
    display: inline-block;
    height: 100%;
    text-align: center;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li a i,
.ems-prd-cat-tab ul.content .use-color-holder>ul li a i,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li a i,
.ems-prd-cat-tab ul.content .use-body-holder>ul li a i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid #4A4A4A;
    background: #ffffff;
    border-radius: 100%;
    font-size: 34px;
    margin: 0 auto;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li a i span.svg,
.ems-prd-cat-tab ul.content .use-color-holder>ul li a i span.svg,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li a i span.svg,
.ems-prd-cat-tab ul.content .use-body-holder>ul li a i span.svg {
    width: 34px;
    height: 34px;
    background-size: contain;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li a i svg,
.ems-prd-cat-tab ul.content .use-color-holder>ul li a i svg,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li a i svg,
.ems-prd-cat-tab ul.content .use-body-holder>ul li a i svg {
    fill: #4A4A4A;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li a>span,
.ems-prd-cat-tab ul.content .use-color-holder>ul li a>span,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li a>span,
.ems-prd-cat-tab ul.content .use-body-holder>ul li a>span {
    display: block;
    max-width: 70px;
    margin-top: 11px;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 16px;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li:after,
.ems-prd-cat-tab ul.content .use-color-holder>ul li:after,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li:after,
.ems-prd-cat-tab ul.content .use-body-holder>ul li:after {
    content: "";
    display: inline-block;
    border-width: 0;
    border-style: solid;
    border-color: #fff0 #fff0#db3315 #fff0;
    position: absolute;
    bottom: -21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li:first-child,
.ems-prd-cat-tab ul.content .use-color-holder>ul li:first-child,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li:first-child,
.ems-prd-cat-tab ul.content .use-body-holder>ul li:first-child {
    margin-left: 0;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li:last-child,
.ems-prd-cat-tab ul.content .use-color-holder>ul li:last-child,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li:last-child,
.ems-prd-cat-tab ul.content .use-body-holder>ul li:last-child {
    margin-right: 0;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li.selected a i,
.ems-prd-cat-tab ul.content .first-lvl-cat>ul li:hover a i,
.ems-prd-cat-tab ul.content .use-color-holder>ul li.selected a i,
.ems-prd-cat-tab ul.content .use-color-holder>ul li:hover a i,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li.selected a i,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li:hover a i,
.ems-prd-cat-tab ul.content .use-body-holder>ul li.selected a i,
.ems-prd-cat-tab ul.content .use-body-holder>ul li:hover a i {
    border-color:#db3315;
    background:#db3315;
    color: #ffffff;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li.selected a i span.svg,
.ems-prd-cat-tab ul.content .first-lvl-cat>ul li:hover a i span.svg,
.ems-prd-cat-tab ul.content .use-color-holder>ul li.selected a i span.svg,
.ems-prd-cat-tab ul.content .use-color-holder>ul li:hover a i span.svg,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li.selected a i span.svg,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li:hover a i span.svg,
.ems-prd-cat-tab ul.content .use-body-holder>ul li.selected a i span.svg,
.ems-prd-cat-tab ul.content .use-body-holder>ul li:hover a i span.svg {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li.selected a i svg,
.ems-prd-cat-tab ul.content .first-lvl-cat>ul li:hover a i svg,
.ems-prd-cat-tab ul.content .use-color-holder>ul li.selected a i svg,
.ems-prd-cat-tab ul.content .use-color-holder>ul li:hover a i svg,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li.selected a i svg,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li:hover a i svg,
.ems-prd-cat-tab ul.content .use-body-holder>ul li.selected a i svg,
.ems-prd-cat-tab ul.content .use-body-holder>ul li:hover a i svg {
    fill: #ffffff;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li.selected a span,
.ems-prd-cat-tab ul.content .first-lvl-cat>ul li:hover a span,
.ems-prd-cat-tab ul.content .use-color-holder>ul li.selected a span,
.ems-prd-cat-tab ul.content .use-color-holder>ul li:hover a span,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li.selected a span,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li:hover a span,
.ems-prd-cat-tab ul.content .use-body-holder>ul li.selected a span,
.ems-prd-cat-tab ul.content .use-body-holder>ul li:hover a span {
    color:#db3315;
}

.ems-prd-cat-tab ul.content .first-lvl-cat>ul li.selected:after,
.ems-prd-cat-tab ul.content .first-lvl-cat>ul li:hover:after,
.ems-prd-cat-tab ul.content .use-color-holder>ul li.selected:after,
.ems-prd-cat-tab ul.content .use-color-holder>ul li:hover:after,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li.selected:after,
.ems-prd-cat-tab ul.content .use-pattern-holder>ul li:hover:after,
.ems-prd-cat-tab ul.content .use-body-holder>ul li.selected:after,
.ems-prd-cat-tab ul.content .use-body-holder>ul li:hover:after {
    border-width: 0 7px 7px 7px;
}

.ems-prd-cat-tab .sub-cat-selectbox {
    margin-top: 24px;
}

@media (min-width: 961px) {
    .ems-col-left {
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        -o-transition: transform .3s, opacity .3s;
        transition: transform .3s, opacity .3s;
        transition: transform .3s, opacity .3s, -webkit-transform .3s;
        -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s;
    }
    .ems-col-right {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }
    .ems-all-product-selected .ems-col-left {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
        height: 0;
        overflow: hidden;
    }
    .ems-all-product-selected .ems-col-right {
        width: 100%;
        margin-right: 0;
        margin-left: auto;
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
    }
    .ems-all-product-selected .ems-col-right .emosInfinite .ems-prd {
        width: calc(100% * 1 / 6.001);
    }
}

@media (max-width: 960px) {
    .prd-list-cover-holder .cover-img {
        height: 176px;
    }
    .prd-list-cover-holder .cover-content {
        position: initial;
        top: 0;
        left: initial;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: auto;
        background-color: #F6F6F6;
    }
    .prd-list-cover-holder .cover-content .holder {
        padding: 20px 0;
    }
    .prd-list-cover-holder .cover-content h1 {
        color:#db3315;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
    }
    .prd-list-cover-holder .cover-content p {
        margin-top: 0;
        color: #4A4A4A;
        font-size: 14px;
        font-weight: 400;
    }
    .ems-product-list .ems-col-left {
        width: 100%;
    }
    .ems-product-list .ems-col-left .ems-col-inner {
        background: #ffffff;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 1050;
        width: 100%;
        height: 100vh;
        opacity: 0;
        -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.455, 1);
        -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.455, 1);
        transition: all 200ms cubic-bezier(0.645, 0.045, 0.455, 1);
        padding: 24px 24px 0 24px;
    }
    .ems-product-list .ems-col-right {
        width: 100%;
    }
    .ems-product-list .ems-col-holder {
        margin-top: 25px;
    }
    .ems-prd-cat-tab {
        padding-top: 0;
        padding-bottom: 16px;
        border: 0px;
        background: #F6F6F6;
    }
    .ems-prd-cat-tab ul.control {
        border: 1px solid#db3315;
        margin-left: 0;
        margin-bottom: 36px;
    }
    .ems-prd-cat-tab ul.control>* {
        padding-left: 0;
    }
    .ems-prd-cat-tab ul.control>*>a {
        border: 0;
        text-transform: none;
    }
    .ems-prd-cat-tab ul.control li {
        width: 25%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-right: 1px solid#db3315;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    }
    .ems-prd-cat-tab ul.control li:last-child {
        border: 0;
    }
    .ems-prd-cat-tab ul.control li a {
        padding: 14px 0;
        text-align: center;
        background: #ffffff;
        color:#db3315;
        font-size: 20px;
        font-weight: bold;
        line-height: 36px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    }
    .ems-prd-cat-tab ul.control li.uk-active a {
        color: #ffffff;
        background:#db3315;
    }
    .ems-prd-cat-tab ul.content {
        margin-top: 10px;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>span,
    .ems-prd-cat-tab ul.content .use-color-holder>span {
        display: none;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul,
    .ems-prd-cat-tab ul.content .use-color-holder>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: -35px;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li {
        position: relative;
        margin-left: 16px;
        margin-right: 16px;
        margin: 0 35px;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li a,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li a {
        display: inline-block;
        height: 100%;
        text-align: center;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li a span,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li a span {
        display: block;
        max-width: 70px;
        margin-top: 11px;
        color: #4A4A4A;
        font-size: 14px;
        line-height: 16px;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li:after,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li:after {
        content: "";
        display: inline-block;
        border-width: 0;
        border-style: solid;
        border-color: #fff0 #fff0#db3315 #fff0;
        position: absolute;
        bottom: -21px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li:first-child,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li:first-child {
        margin-left: 0;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li:last-child,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li:last-child {
        margin-right: 0;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li.selected a i,
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li:hover a i,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li.selected a i,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li:hover a i {
        border-color:#db3315;
        background:#db3315;
        color: #ffffff;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li.selected a span,
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li:hover a span,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li.selected a span,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li:hover a span {
        color:#db3315;
    }
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li.selected:after,
    .ems-prd-cat-tab ul.content .first-lvl-cat>ul li:hover:after,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li.selected:after,
    .ems-prd-cat-tab ul.content .use-color-holder>ul li:hover:after {
        border-width: 0 7px 7px 7px;
    }
    .filter-popup-ready {
        overflow: hidden !important;
    }
    .filter-popup-ready .ems-product-list .ems-col-left .ems-col-inner {
        left: 0;
        opacity: 1;
    }
}

.kutuDefault .kutuHeaderDefault {
    display: none;
}

.kutuDefault .kutuFooterDefault {
    display: none;
}

.kutuBodyOzellikFiltre>table {
    width: 100%;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 9px;
    border: 1px solid rgba(151, 151, 151, 0.4);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(57.13%, #FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 57.13%, #FFFFFF 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 57.13%, #FFFFFF 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 57.13%, #FFFFFF 100%);
    pointer-events: none;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik.kapali:before {
    z-index: 0;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikAd {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikAd:after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikAd.kapali:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_temizle {
    display: none;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik {
    margin-top: 5px;
    height: 162px;
    overflow: auto !important;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik:-webkit-scrollbar-track {
    background-color: #D8D8D820;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik::-webkit-scrollbar {
    width: 6px;
    background-color: #D8D8D820;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #9B9B9B;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik table {
    width: 100%;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellik[rel] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 0;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik {
    padding-left: 20px;
    position: relative;
    color: #4A4A4A;
    font-size: 14px;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border: 1px solid #979797;
    -webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    z-index: 1;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik+.filter-count {
    padding-left: 4px;
    color: #4A4A4A;
    font-size: 14px;
    font-style: normal;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik.link_selected {
    color:#db3315;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik.link_selected:before {
    background:#db3315;
    border: 1px solid#db3315;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik.link_selected+.filter-count {
    color:#db3315;
}

.kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik.series-filter img {
    display: none;
}

.kutuKategori {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 9px;
    border: 1px solid rgba(151, 151, 151, 0.4);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.kutuKategori .kutuHeaderKategori {
    display: block;
    position: relative;
}

.kutuKategori .kutuHeaderKategori [id$="lbfKUTU_KATEGORI"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.kutuKategori .kutuHeaderKategori:after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0.5, 1);
}

.kutuKategori .kutuHeaderKategori.kapali:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.kutuKategori .kutuBodyKategori .menuKategori {
    margin-top: 5px;
}

.kutuKategori .kutuBodyKategori .menuKategori li {
    display: none;
}

.kutuKategori .kutuBodyKategori .menuKategori li:before {
    content: none;
}

.kutuKategori .kutuBodyKategori .menuKategori li>b {
    display: none;
}

.kutuKategori .kutuBodyKategori .menuKategori li a {
    display: inline-block;
    position: relative;
    color: #4A4A4A;
    font-family: "palanquin";
    font-size: 14px;
    line-height: 27px;
}

.kutuKategori .kutuBodyKategori .menuKategori li a.active {
    font-weight: 700;
    color:#db3315;
}

.kutuKategori .kutuBodyKategori .menuKategori li i {
    display: none;
    margin-left: 4px;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 27px;
    font-style: normal;
}

.kutuKategori .kutuBodyKategori .menuKategori li ul {
    margin-left: 8px;
}

.kutuKategori .kutuBodyKategori .menuKategori li.s3 {
    display: block;
}

.kutuKategori .kutuBodyKategori .menuKategori li.s4.opened {
    display: block;
}

.kutuKategori .kutuBodyKategori .menuKategori li.s5 {
    display: block;
}

@media (max-width: 960px) {
    .mobile-filters-head {
        margin-bottom: 12px;
    }
    .mobile-filters-head .mfh-btn {
        text-align: right;
    }
    .mobile-filters-head .mobile-filter-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .mobile-filters-head .mobile-filter-btn i {
        font-size: 16px;
    }
    .mobile-filters-head .mfh-text {
        text-align: center;
        color: #4A4A4A;
        font-size: 16px;
        font-weight: 500;
        line-height: 29px;
        margin-bottom: 8px;
    }
    .kutuBodyOzellikFiltre>table {
        width: 100%;
    }
    .kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik {
        margin-bottom: 0;
        padding: 5px 15px 5px 20px;
        border: 1px solid rgba(151, 151, 151, 0.4);
        margin-top: -1px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikAd {
        font-weight: 500;
    }
    .kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_temizle {
        display: none;
    }
    .kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik {
        margin-top: 5px;
        max-height: 162px;
        overflow: auto !important;
    }
    .kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik:-webkit-scrollbar-track {
        background-color: #D8D8D820;
    }
    .kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik::-webkit-scrollbar {
        width: 6px;
        background-color: #D8D8D820;
    }
    .kutuBodyOzellikFiltre #dvUrunKiyaslamaOzellik .urunKiyaslamaOzellik_ozellikIcerik::-webkit-scrollbar-thumb {
        border-radius: 7px;
        background-color: #9B9B9B;
    }
}

.ems-prd-list-prop {
    display: none;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd {
    margin-bottom: 16px;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-inner {
    height: 100%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-image {
    height: 160px;
    border-bottom: 4px solid#db3315;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-image>a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-image>a>img {
    height: 100%;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-content-mask {
    padding: 8px 7px 16px;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-name {
    height: 32px;
    overflow: hidden;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 16px;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-desc {
    padding: 0 7px;
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-desc>* {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    background: #ffffff;
    max-height: 130px;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-desc:hover>* {
    white-space: normal;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-brand {
    position: relative;
    margin-top: 20px;
    display: inline-block;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-brand .ems-brand-name {
    color: #9B9B9B;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-brand.passive {
    opacity: 0;
}

.ems-multiple-collection .ems-brand-name>span {
    display: none;
}

.ems-multiple-collection .ems-brand-name>span+span {
    margin-left: 5px;
}

.ems-brand-drop {
    display: none;
    width: 200px;
    background: #ffffff;
    padding: 15px 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.ems-brand-drop:before,
.ems-brand-drop:after {
    content: "";
    border-style: solid;
    position: absolute;
    top: 50%;
}

.ems-brand-drop.uk-drop-right-top::before,
.ems-brand-drop.uk-drop-right-top::after {
    top: 5.3%;
}

.ems-brand-drop.uk-drop-right-top:before,
.ems-brand-drop.uk-drop-right-top:after,
.ems-brand-drop.uk-drop-right-center:before,
.ems-brand-drop.uk-drop-right-center:after,
.ems-brand-drop.uk-drop-right-bottom:before,
.ems-brand-drop.uk-drop-right-bottom:after {
    border-color: rgba(0, 0, 0, 0) rgba(74, 74, 74, 0.1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 12px 12px 12px 0px;
    left: 0;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.ems-brand-drop.uk-drop-right-top:after,
.ems-brand-drop.uk-drop-right-center:after,
.ems-brand-drop.uk-drop-right-bottom:after {
    border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 10px 10px 10px 0px;
    z-index: 1;
}

.ems-brand-drop.uk-drop-left-top:before,
.ems-brand-drop.uk-drop-left-top:after,
.ems-brand-drop.uk-drop-left-center:before,
.ems-brand-drop.uk-drop-left-center:after,
.ems-brand-drop.uk-drop-left-bottom:before,
.ems-brand-drop.uk-drop-left-bottom:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(74, 74, 74, 0.1);
    border-width: 12px 0px 12px 12px;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.ems-brand-drop.uk-drop-left-top:before,
.ems-brand-drop.uk-drop-left-center:before,
.ems-brand-drop.uk-drop-left-bottom:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
    border-width: 10px 0px 10px 10px;
    z-index: 1;
}

.brand-popup-active .ems-brand-drop.uk-open {
    display: block;
}

ul.emosInfinite>li:not(.brand-popup-active) .ems-brand-drop {
    display: none !important;
}

.ems-brand-img {
    max-height: 375px;
    padding: 0 5px;
    overflow: auto;
}

.ems-brand-img::-webkit-scrollbar {
    width: 8px;
}

.ems-brand-img::-webkit-scrollbar-track {
    background-color: #F2F2F2;
}

.ems-brand-img::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.75);
    height: 14px;
    border-radius: 5px;
}

.ems-brand-img>div+div {
    margin-top: 20px;
}

.cl-item {
    position: relative;
    display: block;
    border: 1px solid #eee;
    padding: 7px;
}

.cl-item:hover {
    background: #f9f9f9;
}

.cl-title {
    font-weight: 600;
}

.cl-img {
    margin-top: 5px;
    max-height: 110px;
    overflow: hidden;
}

.cl-link {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500;
}

.cl-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ems-prd .ems-prd-price {
    margin-top: 15px;
    color: #4A4A4A;
    min-height: 37px;
    line-height: 1;
}

.ems-prd .ems-prd-price .urunListe_pnlIndirimOran {
    background:#db3315;
    padding: 5px 10px;
    font-size: 17px;
    color: #ffffff;
    margin-right: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-prd .ems-prd-price .urunListe_brutFiyat {
    text-decoration: line-through;
    margin-bottom: 3px;
}

.ems-prd .ems-prd-price .urunListe_satisFiyat {
    font-size: 20px;
    font-weight: 700;
}

span.d {
    display: none;
}

.indirimli .urunListe_pnlIndirimOran {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-compare-group {
    display: block !important;
    margin-top: 5px;
    cursor: pointer;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-compare-group .ems-prd-compare .sStylerWrp_checkbox {
    display: inline-block;
    line-height: 1;
    margin-right: 4px;
}

.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-compare-group .ems-prd-compare [id$="lbfOZS_KOD"] {
    display: inline-block !important;
    color: #4A4A4A;
    font-size: 10px;
    line-height: 18px;
    vertical-align: bottom;
}

.ems-product-list .ems-prd-list .emosInfinite.swiper-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.ems-prd-badges>* {
    display: none;
    position: absolute;
}

.ems-prd.prp1 .prp1-i {
    display: block;
    right: -7px;
    top: -7px;
    background: url(/UPLOAD/prd-badges/discount.png) center center/cover no-repeat;
    width: 45px;
    height: 45px;
    font-size: 0;
}

@media (max-width: 960px) {
    .ems-product-list .ems-prd-list .emosInfinite .ems-prd {
        margin-bottom: 8px;
    }
    .ems-brand-drop {
        width: 150px;
    }
}

.ems-product-list .ems-col-list-top {
    position: relative;
    margin-top: 0 !important;
}

.active-filters-clone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-bottom: 16px;
}

.urunPaging_btnKiyaslama {
    display: inline-block;
    width: 176px;
    margin-right: 16px;
}

.urunPaging_btnKiyaslama table,
.urunPaging_btnKiyaslama tbody {
    width: 100%;
}

.urunPaging_btnKiyaslama table {
    display: table !important;
}

.urunPaging_btnKiyaslama .btnKiyaslama {
    width: 100%;
    height: 32px;
    padding-top: 2px;
}

.urunPaging_btnKiyaslama .notifyjs-wrapper {
    width: 100%;
}

.urunPaging_btnKiyaslama .notifyjs-container {
    overflow: initial !important;
    bottom: -5px !important;
}

.urunPaging_btnKiyaslama .notifyjs-arrow {
    bottom: -10px !important;
}

.urunPaging_btnKiyaslama .notifyjs-bootstrap-error {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px 16px 24px;
    width: 100%;
    max-width: 242px;
    white-space: normal;
    background-image: none;
    background-color: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}

.ems-prd-list-sort {
    width: 176px;
}

.ems-prd-list-sort .sStylerWrp_select .sStylerWrp {
    padding: 2px 16px !important;
    height: 32px !important;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.ems-prd-list-sort .sStylerWrp_select select {
    height: 32px !important;
    padding: 2px 16px;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.pnlUrunKiyasSecim {
    margin-bottom: 32px;
}

.pnlUrunKiyasSecim .urunKiyaslamaOzellik_secimbaslik,
.pnlUrunKiyasSecim .urunKiyaslamaOzellik_UrunSayi {
    display: none;
}

.pnlUrunKiyasSecim .urunKiyaslamaOzellik_secimler {
    margin-left: -8px;
}

.pnlUrunKiyasSecim .urunKiyaslamaOzellik_secimler a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 167px;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 25px;
    padding: 3px 11px 4px;
    margin: 8px;
    border-radius: 16px;
    background-color: #E4E4E4;
}

.pnlUrunKiyasSecim .urunKiyaslamaOzellik_secimler a:after {
    margin-top: 1px;
    margin-left: 15px;
    font-size: 11px;
}

.pnlUrunKiyasSecim .urunKiyaslamaOzellik_secimler a .key {
    display: none;
}

.pnlUrunKiyasSecim .urunKiyaslamaOzellik_tumunuTemizle {
    display: inline-block !important;
    position: absolute;
    top: 10px;
}

.pnlUrunKiyasSecim .urunKiyaslamaOzellik_tumunuTemizle [id$="lnkPrmTumunuTemizle"] {
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
}

.pnlUrunKiyasSecim .urunKiyaslamaOzellik_tumunuTemizle [id$="lnkPrmTumunuTemizle"]>span i {
    margin-left: 8px;
    font-size: 8px;
}

.active-filters-clone .all-list-prd-btn-holder {
    margin-right: 16px;
}

.active-filters-clone .all-list-prd-btn-holder .all-list-prd {
    width: 176px;
    height: 32px;
    padding-top: 2px;
}

@media (max-width: 960px) {
    .active-filters-clone>* {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .active-filters-clone a.btnDefault {
        min-width: auto;
    }
    .urunPaging_btnKiyaslama {
        display: inline-block;
        width: auto;
        margin-right: 16px;
    }
    .urunPaging_btnKiyaslama table,
    .urunPaging_btnKiyaslama tbody {
        width: 100%;
    }
    .urunPaging_btnKiyaslama table {
        display: table !important;
    }
    .urunPaging_btnKiyaslama .btnKiyaslama {
        width: 100%;
        height: 32px;
        padding-top: 2px;
    }
    .urunPaging_btnKiyaslama .notifyjs-wrapper {
        width: 100%;
    }
    .urunPaging_btnKiyaslama .notifyjs-container {
        overflow: initial !important;
        bottom: -5px !important;
    }
    .urunPaging_btnKiyaslama .notifyjs-arrow {
        bottom: -10px !important;
    }
    .urunPaging_btnKiyaslama .notifyjs-bootstrap-error {
        color: #4A4A4A;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        padding: 16px 16px 24px;
        width: 100%;
        max-width: 242px;
        white-space: normal;
        background-image: none;
        background-color: #ffffff;
        border-color: #ffffff;
        -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    }
    .ems-prd-list-sort {
        width: auto;
    }
    .ems-prd-list-sort .sStylerWrp_select .sStylerWrp {
        font-size: 12px;
    }
    .ems-prd-list-sort .sStylerWrp_select select {
        font-size: 12px;
    }
    .mobile-element-filter-btn {
        margin-bottom: 16px;
    }
    .mobile-element-filter-btn .btn-filter {
        width: 100%;
    }
    .ems-prd-list-paging-bottom .all-list-prd-btn-holder .all-list-prd {
        width: 100%;
    }
}

.ems-prd-list-paging table tbody tr>td {
    width: 100% !important;
}

.ems-prd-list-paging table tbody tr>td[align="left"] {
    display: none;
}

.ems-prd-list-paging table tbody tr>td[align="right"] {
    display: none;
}

.urunPaging_pageNavigation {
    text-align: left;
    margin-top: 16px;
    margin-bottom: 16px;
}

.ems-series-list .ems-col-full {
    width: 100%;
}

.ems-series-list .ems-col-holder {
    margin-top: 25px;
}

.ems-series-list .kutuOzellikFiltre {
    display: none;
}

.ems-series-list .urunPaging_btnKiyaslama {
    display: none;
}

.ems-series-list .design-your-bathroom {
    display: none;
}

.series-cat-head {
    margin-bottom: 50px;
}

.tab-display-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid#db3315;
}

.tab-display-1 li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tab-display-1 li a {
    display: block;
    text-align: center;
    padding: 10px 0;
    color:#db3315;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.tab-display-1 li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#db3315;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    transition: background 10s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.tab-display-1 li+li {
    border-left: 1px solid#db3315;
}

.tab-display-1 li:hover {
    border-color: #ffffff;
}

.tab-display-1 li:hover a {
    color: #ffffff;
}

.tab-display-1 li:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.tab-display-1 li.active {
    border-color: #ffffff;
}

.tab-display-1 li.active a {
    color: #ffffff;
}

.tab-display-1 li.active:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.bathroom-collections-wrapper .bcw-title {
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 8px;
}

.bathroom-collections-wrapper .bcw-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 528px;
}

.bathroom-collections-wrapper .bcw-holder>div {
    height: calc(50% - 8px);
}

.bathroom-collections-wrapper .bcw-holder>div:first-child {
    height: 100%;
}

.bathroom-collections-wrapper .bcw-holder>div:last-child {
    margin-top: 16px;
}

.bathroom-collections-wrapper .bcw-holder>div .image>.uk-background-cover {
    width: 100%;
}

.ems-col-list-top {
    margin-top: 48px;
}

.list-title .page-title {
    color: #003A5C;
    font-size: 32px;
    line-height: 56px;
}

.cats-select {
    margin-bottom: 40px;
}

.cats-select .cats-select-title {
    display: none;
}

.cats-select ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.cats-select ul li {
    border: 1px solid #979797;
    border-radius: 8px;
    background-color: #ffffff;
    margin: 8px;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.cats-select ul li a {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 25px;
    padding: 4px 23px;
    text-align: center;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.cats-select ul li a i {
    font-style: normal;
}

.cats-select ul li.active {
    background:#db3315;
    border-color:#db3315;
}

.cats-select ul li.active a {
    color: #ffffff;
}

.cats-select ul li:hover {
    background:#db3315;
    border-color:#db3315;
}

.cats-select ul li:hover a {
    color: #ffffff;
}


/************************************/

.ems-series-list .emosInfinite .ems-prd {
    margin-bottom: 16px;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-inner {
    height: 100%;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-image {
    height: 256px;
    overflow: hidden;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-image>a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-content-mask {
    padding: 8px 7px 16px;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-name {
    color:#db3315;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-name:hover {
    color: #003A5C;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-desc>a {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 75px;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-compare-group {
    display: none !important;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-compare-group .ems-prd-compare .sStylerWrp_checkbox {
    display: inline-block;
    line-height: 1;
    margin-right: 4px;
}

.ems-series-list .emosInfinite .ems-prd .ems-prd-compare-group .ems-prd-compare [id$="lbfOZS_KOD"] {
    display: inline-block !important;
    color: #4A4A4A;
    font-size: 10px;
    line-height: 18px;
    vertical-align: bottom;
}

.ems-series-list .ems-prd-list-paging-bottom {
    margin-bottom: 50px;
}

.ems-series.ems-product-list .active-filters-clone .urunPaging_btnKiyaslama,
.ems-series.ems-product-list .active-filters-clone .all-list-prd-btn-holder {
    display: none;
}

.ems-series.ems-product-list .collections-cats-wrp {
    display: none;
}

.ems-series.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-name {
    height: auto !important;
}

.ems-series.ems-product-list .ems-prd-list .emosInfinite .ems-prd .ems-prd-compare-group {
    display: none !important;
}

.ems-series.ems-series-list .ems-col-list-top .pnlUrunKiyasSecim {
    display: none;
}

@media (max-width: 960px) {
    .series-cat-head {
        margin-bottom: 32px;
    }
    .tab-display-1 li a {
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 24px;
        height: 100%;
    }
    .bathroom-collections-wrapper {
        display: none;
    }
    .ems-col-list-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0px;
    }
    .list-title {
        margin-bottom: 16px;
    }
    .list-title .page-title {
        color:#db3315;
        font-size: 24px;
        line-height: 1;
    }
    .active-filters-clone {
        width: 100%;
        padding-bottom: 24px;
    }
    .ems-page-product-list-v2 .ems-prd-list .ems-prd {
        margin-bottom: 16px;
    }
    .ems-page-product-list-v2 .ems-prd-list .ems-prd .ems-prd-inner {
        height: 100%;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .ems-page-product-list-v2 .ems-prd-list .ems-prd .ems-prd-mask {
        padding: 0;
    }
    .ems-page-product-list-v2 .ems-prd-list .ems-prd .ems-prd-image {
        height: 160px;
        border: 0;
    }
    .ems-page-product-list-v2 .ems-prd-list .ems-prd .ems-prd-name {
        color: #4A4A4A;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .ems-page-product-list-v2 .ems-prd-list .ems-prd .ems-prd-desc {
        display: none;
    }
    .ems-page-product-list-v2 .ems-prd-list .ems-prd .ems-prd-compare-group {
        display: none !important;
    }
    .ems-page-product-list-v2 .ems-prd-list-paging-bottom {
        margin-bottom: 0px;
    }
}

.urunDetay {
    margin-top: 32px;
}

.gridUrunOzellik .tableTitleUrunOzellik {
    display: none;
    font-size: 0;
    text-align: left !important;
    margin-bottom: 32px;
}

.gridUrunOzellik .tableTitleUrunOzellik:before {
    content: "Teknik Özellikler";
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
}

.gridUrunOzellik table {
    width: 100%;
}

.gridUrunOzellik table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 0;
    border-bottom: 1px solid #979797;
}

.gridUrunOzellik table tbody tr .gridUrunOzellikDetayBaslik {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50% !important;
}

.gridUrunOzellik table tbody tr .gridUrunOzellikDetayIcerik {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50% !important;
}

.gridUrunOzellik table tbody tr a {
    display: none;
}

.gridUrunOzellik table tbody tr:last-child {
    border: 0;
}

.gridUrunOzellik table tbody tr.filter-mm .gridUrunOzellikDetayIcerik::after {
    content: "mm";
}

.gridUrunOzellik table tbody tr.filter-m2 .gridUrunOzellikDetayIcerik::after {
    content: "m²";
}

.tableUrunDokuman {
    display: none;
}

.download-files-group-body .download-files-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 0;
    border-bottom: 1px solid #979797;
    color: #4A4A4A;
    font-size: 14px;
}

.download-files-group-body .download-files-item .type {
    margin-left: 16px;
}

.download-files-group-body .download-files-item .name {
    margin-left: 4px;
}

.download-files-group-body .download-files-item .link {
    margin-left: auto;
}

.download-files-group-body .download-files-item .icon-dosya-genel,
.download-files-group-body .download-files-item .icon-tumunu-indir {
    font-size: 32px;
}

@media (max-width: 960px) {
    .urunDetay {
        margin-top: 18px;
    }
}

.product-detail-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 620px;
}

.product-detail-slider .swiper-button-prev,
.product-detail-slider .swiper-button-next,
.product-detail-slider .swiper-pagination {
    display: none;
}

.product-detail-slider>.swiper-inner {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: calc(100% - 80px);
}

.product-detail-slider>.swiper-inner .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-detail-slider>.swiper-inner .swiper-slide a {
    width: 100%;
}

.product-detail-slider #wrap {
    width: 100%;
}

.product-detail-slider .swiper-left-column {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.product-detail-slider .swiper-left-column .swiper-slide {
    height: auto;
}

.product-detail-slider .swiper-left-column .swiper-slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
}

.ems-prd-wrp .ems-prd-name * {
    color:#db3315;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
}

.ems-prd-wrp .ems-prd-group-name {
    color: #9B9B9B;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 11px;
}

.ems-prd-wrp .ems-prd-desc {
    color: #9B9B9B;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 11px;
}

.ems-prd-wrp .ems-prd-brand {
    display: inline-block;
}

.ems-prd-wrp .ems-prd-brand .ems-brand-name {
    color: #003A5C;
    font-size: 24px;
    font-weight: 700;
}

.ems-prd-wrp .ems-prd-brand .lbf-koleksiyon::before {
    content: "Koleksiyonu";
    margin-left: 5px;
}

.ems-prd-wrp .ems-prd-code {
    color: #4A4A4A;
    font-size: 14px;
}

.ems-prd-wrp .ems-prd-code .code-lbf {
    margin-right: 5px;
}

.ems-prd-wrp .ems-prd-code .code-lbf:after {
    content: ":";
}

.ems-prd-wrp .ems-prd-price {
    margin-top: 20px;
    color: #4A4A4A;
    min-height: 37px;
    line-height: 1;
}

.ems-prd-wrp .ems-prd-price #plhKazancOran {
    background:#db3315;
    padding: 5px 10px;
    font-size: 17px;
    color: #ffffff;
    margin-right: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-prd-wrp .ems-prd-price #plhKazancOran:empty {
    display: none;
}

.ems-prd-wrp .ems-prd-price .urunDetay_brutFiyat {
    display: block;
    text-decoration: line-through;
    margin-bottom: 3px;
}

.ems-prd-wrp .ems-prd-price .urunDetay_satisFiyat {
    display: block;
    font-size: 20px;
    font-weight: 700;
}

.ems-prd-wrp .ems-prd-price [id$="KDVDAHILSATIS"],
.ems-prd-wrp .ems-prd-price [id$="KDVDAHILSATISILK"] {
    display: none;
}

.ems-prd-wrp .ems-prd-share {
    margin: 32px 0;
}

.ems-prd-wrp .ems-prd-share .share-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ems-prd-wrp .ems-prd-share .share-buttons li a {
    color: #9B9B9B;
}

.ems-prd-wrp .ems-prd-share .share-buttons li a i {
    font-size: 0;
}

.ems-prd-wrp .ems-prd-share .share-buttons li a i:before {
    font-size: 32px;
}

.ems-prd-wrp .ems-prd-share .share-buttons li+li {
    margin-left: 14px;
}

.ems-prd-wrp .ems-prd-desc2 {
    color: #4A4A4A;
    font-size: 14px;
}

.ems-prd-wrp .ems-prd-designer .title {
    margin-right: 5px;
}

.ems-prd-wrp .ems-prd-designer .title,
.ems-prd-wrp .ems-prd-designer .name {
    color: #003A5C;
    font-size: 16px;
    font-weight: 700;
}

.ems-prd-wrp .ems-prd-compare-and-fav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 52px;
    margin-bottom: 32px;
}

.ems-prd-wrp .ems-prd-compare-and-fav>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ems-prd-wrp .ems-prd-compare-and-fav>div+div {
    margin-left: 24px;
}

.ems-prd-wrp .ems-prd-compare {
    position: relative;
    cursor: pointer;
}

.ems-prd-wrp .ems-prd-compare .sStylerWrp_checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ems-prd-wrp .ems-prd-compare .sStylerWrp_checkbox:before {
    font-size: 44px;
    color:#db3315;
}

.ems-prd-wrp .ems-prd-compare .sStylerWrp_checkbox .cStyler {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ems-prd-wrp .ems-prd-compare input {
    display: none;
}

.ems-prd-wrp .ems-prd-compare [id$="lbfOZS_KOD"] {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 16px;
    color:#db3315;
    font-size: 14px;
}

.ems-prd-wrp .ems-prd-add-fav .btnFavoriEkle {
    min-width: auto;
    color:#db3315;
    background: none;
    border: 0;
    line-height: 1;
    padding: 0;
    font-size: 14px;
}

.ems-prd-wrp .ems-prd-add-fav .btnFavoriEkle>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-prd-wrp .ems-prd-add-fav .btnFavoriEkle i {
    font-size: 0;
    margin-right: 16px;
}

.ems-prd-wrp .ems-prd-add-fav .btnFavoriEkle i:before {
    font-size: 44px;
}

.ems-prd-wrp .ems-prd-filter .ems-prd-filter-item {
    margin-bottom: 16px;
}

.ems-prd-wrp .ems-prd-filter .ems-prd-filter-item.disabled,
.ems-prd-wrp .ems-prd-filter .ems-prd-filter-item.tasarimci {
    display: none;
}

.ems-prd-wrp .ems-prd-filter .uk-accordion li .ems-prd-filter-title {
    color: #4A4A4A;
    font-size: 24px;
    font-weight: 500;
    line-height: 44px;
}

.ems-prd-wrp .ems-prd-filter .uk-accordion li .uk-accordion-title span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-prd-wrp .ems-prd-filter .uk-accordion li .uk-accordion-title i {
    display: inline-block;
    font-size: 24px;
    margin-left: auto;
}

.go-calc {
    display: none;
}

.go-calc-append .go-calc {
    display: block;
}

.btn-go-calc {
    color:#db3315 !important;
}

.ems-prd-detail-badges {
    position: relative;
    z-index: 2;
}

.ems-prd-detail-badges>* {
    display: none;
    position: absolute;
}

.ems-prd-detail.prp1 .prp1-i {
    display: block;
    right: 0;
    top: -20px;
    background: url(/images/frontend/indirim-pattern.png) no-repeat;
    width: 100px;
    height: 100px;
    font-size: 0;
}

@media (max-width: 960px) {
    .ems-prd-wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ems-prd-wrp .ems-prd-brand,
    .ems-prd-wrp .ems-prd-code,
    .ems-prd-wrp .ems-prd-desc2,
    .ems-prd-wrp .ems-prd-designer,
    .ems-prd-wrp .ems-prd-compare-and-fav {
        background: #f9f9f9;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .ems-prd-wrp .ems-prd-name {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 5px;
    }
    .ems-prd-wrp .ems-prd-name * {
        font-size: 24px;
    }
    .ems-prd-wrp .ems-prd-desc {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .ems-prd-wrp .ems-prd-compare-mobile {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .ems-prd-wrp .ems-prd-brand {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        padding-top: 16px;
    }
    .ems-prd-wrp .ems-prd-brand .ems-brand-name {
        font-size: 18px;
        color:#db3315;
    }
    .ems-prd-wrp .ems-prd-brand .ems-brand-drop {
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .ems-prd-wrp .ems-prd-code {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .ems-prd-wrp .ems-prd-share {
        display: none;
    }
    .ems-prd-wrp .ems-prd-desc2 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
        padding-top: 12px;
    }
    .ems-prd-wrp .ems-prd-designer {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
        padding-top: 24px;
    }
    .ems-prd-wrp .ems-prd-designer .title {
        color: #4A4A4A;
        font-size: 14px;
        font-weight: 400;
    }
    .ems-prd-wrp .ems-prd-designer .name {
        color: #003A5C;
        font-size: 14px;
        font-weight: 400;
    }
    .ems-prd-wrp .ems-prd-compare-and-fav {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 18px;
        padding-bottom: 30px;
    }
    .ems-prd-wrp .ems-prd-compare-and-fav>div {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .ems-prd-wrp .ems-prd-compare-and-fav>div+div {
        margin-left: 24px;
    }
    .ems-prd-wrp .ems-prd-compare {
        position: relative;
        cursor: pointer;
    }
    .ems-prd-wrp .ems-prd-compare .sStylerWrp_checkbox {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .ems-prd-wrp .ems-prd-compare .sStylerWrp_checkbox:before {
        font-size: 44px;
        color:#db3315;
    }
    .ems-prd-wrp .ems-prd-compare .sStylerWrp_checkbox .cStyler {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .ems-prd-wrp .ems-prd-compare input {
        display: none;
    }
    .ems-prd-wrp .ems-prd-compare [id$="lbfOZS_KOD"] {
        margin-left: 8px;
    }
    .ems-prd-wrp .ems-prd-add-fav .btnFavoriEkle i {
        margin-right: 8px;
    }
    .ems-prd-wrp .ems-prd-add-fav .btnFavoriEkle i:before {
        font-size: 28px;
    }
    .ems-prd-wrp .ems-prd-price {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .ems-prd-wrp .ems-prd-filter {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-bottom: 32px;
        margin-top: 32px;
    }
    .ems-prd-wrp .ems-prd-filter .ems-prd-filter-item {
        margin-bottom: 10px;
    }
    .ems-prd-wrp .ems-prd-filter .ems-prd-filter-item.disabled {
        display: none;
    }
    .ems-prd-wrp .ems-prd-filter .ems-prd-filter-item:last-child {
        margin-bottom: 0;
    }
    .ems-prd-wrp .ems-prd-filter .ems-prd-zoom {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .ems-prd-wrp .ems-prd-filter .swiper-left-column {
        display: none;
    }
    .ems-prd-wrp .ems-prd-filter .product-detail-slider>.swiper-inner {
        height: 100%;
    }
}

.ems-page-product-detail .ems-prd-tab-control,
.ems-page-product-detail-v2 .ems-prd-tab-control {
    margin-top: 55px;
}

.ems-page-product-detail .ems-prd-tab-control li,
.ems-page-product-detail-v2 .ems-prd-tab-control li {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%;
}

.ems-page-product-detail .ems-prd-tab-control li a,
.ems-page-product-detail-v2 .ems-prd-tab-control li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: #4A4A4A;
    font-size: 20px;
    -webkit-transition: background 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.ems-page-product-detail .ems-prd-tab-control li.uk-active a,
.ems-page-product-detail-v2 .ems-prd-tab-control li.uk-active a {
    background: #ffffff;
    font-size: 24px;
    font-weight: 500;
    -webkit-box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
}

.ems-page-product-detail .ems-prd-tab-holder,
.ems-page-product-detail-v2 .ems-prd-tab-holder {
    -webkit-box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 32px;
}

.ems-page-product-detail .ems-prd-tab-holder .uk-accordion> :nth-child(n+2),
.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion> :nth-child(n+2) {
    margin-top: 0px;
}

.ems-page-product-detail .ems-prd-tab-holder .uk-accordion li .uk-accordion-title,
.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion li .uk-accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #979797;
}

.ems-page-product-detail .ems-prd-tab-holder .uk-accordion li .uk-accordion-title:after,
.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion li .uk-accordion-title:after {
    display: inline-block;
    margin-left: auto;
    -webkit-transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
}

.ems-page-product-detail .ems-prd-tab-holder .uk-accordion li .uk-accordion-content,
.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion li .uk-accordion-content {
    margin-top: 32px;
}

.ems-page-product-detail .ems-prd-tab-holder .uk-accordion li.uk-open .uk-accordion-title:after,
.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion li.uk-open .uk-accordion-title:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ems-page-product-detail .ems-prd-tab-title,
.ems-page-product-detail-v2 .ems-prd-tab-title {
    display: none;
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
}

.ems-page-product-detail .ems-prd-tab-title:not(:empty),
.ems-page-product-detail-v2 .ems-prd-tab-title:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
}

.ems-page-product-detail .ems-prd-tab-title .prd-pdf,
.ems-page-product-detail-v2 .ems-prd-tab-title .prd-pdf {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-page-product-detail .ems-prd-tab-title .prd-pdf i,
.ems-page-product-detail .ems-prd-tab-title .prd-pdf span,
.ems-page-product-detail-v2 .ems-prd-tab-title .prd-pdf i,
.ems-page-product-detail-v2 .ems-prd-tab-title .prd-pdf span {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color:#db3315;
}

.ems-page-product-detail .ems-prd-tab-title .prd-pdf i,
.ems-page-product-detail-v2 .ems-prd-tab-title .prd-pdf i {
    font-size: 24px;
    margin-right: 5px;
}

.ems-page-product-detail .ems-prd-tab-title .prd-pdf span,
.ems-page-product-detail-v2 .ems-prd-tab-title .prd-pdf span {
    font-size: 14px;
    font-weight: 400;
    color: #4A4A4A;
}

.ems-page-product-detail .ems-prd-tab-title .prd-pdf:hover i,
.ems-page-product-detail .ems-prd-tab-title .prd-pdf:hover span,
.ems-page-product-detail-v2 .ems-prd-tab-title .prd-pdf:hover i,
.ems-page-product-detail-v2 .ems-prd-tab-title .prd-pdf:hover span {
    color: #003A5C;
}

.ems-page-product-detail .ems-prd-tab-title .prd-pdf:hover span,
.ems-page-product-detail-v2 .ems-prd-tab-title .prd-pdf:hover span {
    text-decoration: underline;
}

@media (max-width: 960px) {
    .ems-page-product-detail .ems-prd-tab-holder,
    .ems-page-product-detail-v2 .ems-prd-tab-holder {
        margin-top: 0px;
        margin-bottom: 16px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .ems-page-product-detail .ems-prd-tab-holder,
    .ems-page-product-detail-v2 .ems-prd-tab-holder {
        -webkit-box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
    }
    .ems-page-product-detail .ems-prd-tab-holder .uk-accordion li .uk-accordion-content,
    .ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion li .uk-accordion-content {
        margin-top: 0px;
    }
    .ems-page-product-detail .ems-prd-tab-title,
    .ems-page-product-detail-v2 .ems-prd-tab-title {
        font-size: 22px;
        margin-top: 24px;
        margin-bottom: 8px;
    }
}

.ems-serial-cover {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 416px;
    overflow: hidden;
}

.ems-serial-cover .video-holder {
    position: relative;
    overflow: hidden;
    width: 100%;
}

@media (min-width: 960px) {
    .ems-serial-cover .video-holder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
    }
}

.ems-serial-cover .video-holder.show-video .video-area {
    visibility: visible;
    opacity: 1;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ems-serial-cover .video-cover {
    width: 100%;
    height: 100%;
    font-size: 0;
    display: block;
    background-position: center;
    background-size: cover;
}

.ems-serial-cover .video-cover img {
    visibility: hidden;
    width: 100%;
}

.ems-serial-cover .video-area {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.ems-serial-cover .video-area video {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.ems-serial-cover .btn-video {
    color: #ffffff60;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.8, 0, 1, 1);
    -o-transition: all 0.2s cubic-bezier(0.8, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0.8, 0, 1, 1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.ems-serial-cover .btn-video i {
    font-size: 0;
}

.ems-serial-cover .btn-video i:before {
    font-size: 64px;
}

.ems-serial-cover .content-holder {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: calc(100% - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ems-serial-cover .content-holder .logo {
    max-width: 64px;
    margin-bottom: 40px;
}

.ems-serial-cover .content-holder .title h1 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}

.ems-serial-cover .content-holder .desc {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 32px;
    max-height: 72px;
    overflow: hidden;
}

.series_info_holder {
    margin-top: 32px;
}

.series__info__text__holder:not(:empty) {
    min-height: 250px;
}

.series__info__text__holder__title {
    margin-bottom: 10px;
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
}

.series__info__text__holder__desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.series__info__technologies {
    margin-left: auto;
}

.series__info__technologies .series-technologies {
    height: 100%;
}

.series__info__technologies .series-technologies li {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.series__info__technologies .series-technologies li .description-img {
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 12px;
}

.series__info__technologies .series-technologies li .description-text {
    font-size: 14px;
    line-height: 24px;
    color: #4A4A4A;
}

@media (max-width: 960px) {
    .ems-serial-cover {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #ffffff;
        height: auto;
    }
    .ems-serial-cover .video-holder {
        max-height: 160px;
    }
    .ems-serial-cover .content-holder {
        position: initial;
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
        height: calc(100% - 80px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .ems-serial-cover .content-holder .logo {
        display: none;
    }
    .ems-serial-cover .content-holder .title h1 {
        color:#db3315;
        font-size: 24px;
        margin: 12px 0;
    }
    .ems-serial-cover .content-holder .desc {
        display: none;
    }
    .series__info__text__holder__title {
        font-size: 24px;
    }
}

.ems-page-product-detail-v2 .ems-prd-tab-control-holder {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.ems-page-product-detail-v2 .ems-prd-tab-control {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ems-page-product-detail-v2 .ems-prd-tab-control li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 65px;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.ems-page-product-detail-v2 .ems-prd-tab-control li a {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #4A4A4A;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: inset 0 -6px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -6px 10px 0 rgba(0, 0, 0, 0.1);
}

.ems-page-product-detail-v2 .ems-prd-tab-control li.uk-active {
    height: 80px;
}

.ems-page-product-detail-v2 .ems-prd-tab-control li.uk-active a {
    font-size: 24px;
    font-weight: 500;
}

.ems-page-product-detail-v2 .ems-prd-tab-holder {
    -webkit-box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
}

@media (min-width: 961px) {
    .ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion>li {
        max-height: 0;
        overflow: hidden;
    }
}

.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion>li.uk-open {
    max-height: inherit;
    overflow: initial;
}

@media (min-width: 961px) {
    .ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion-content {
        display: block !important;
    }
}

.ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion-content:not(:empty) {
    padding: 24px 0;
}

.ems-prd-general-info-holder {
    margin-top: 24px;
}

.ems-prd-general-info-holder .feature-group-title {
    width: 100%;
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 16px;
}

.ems-prd-general-info-holder .feature-item {
    margin-bottom: 16px;
}

.ems-prd-general-info-holder .feature-title {
    color: #265875;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.ems-prd-general-info-holder .feature-set li {
    color: #4A4A4A;
    font-size: 16px;
    line-height: 24px;
}

.ems-prd-general-info-holder .features-set-mini li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4A4A4A;
    font-size: 16px;
    line-height: 29px;
}

.ems-prd-general-info-holder .features-set-mini li i {
    font-size: 0;
    margin-right: 16px;
}

.ems-prd-general-info-holder .features-set-mini li i:before {
    font-size: 30px;
}

.ems-prd-general-info-holder .features-set-mini li+li {
    margin-top: 24px;
}

.ems-prd-general-info-holder .series-designer-holder {
    margin-top: 40px;
    margin-bottom: 64px;
}

.ems-prd-general-info-holder .series-designer-holder .sdh-title {
    margin-bottom: 40px;
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
}

.ems-prd-general-info-holder .series-designer-holder .designer-photo {
    width: 100%;
    height: 160px;
    overflow: hidden;
}

.ems-prd-general-info-holder .series-designer-holder .designer-name {
    color: #003A5C;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 20px;
}

.ems-prd-general-info-holder .series-designer-holder .designer-info {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.ems-prd-general-info-holder .series-designer-holder .more-design {
    margin-top: 15px;
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
}

.ems-prd-general-info-holder .series-gallery .swiper-slide {
    display: block;
    clear: both;
    margin-left: 0;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item {
    overflow: hidden;
    float: left;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item>a {
    /*
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                */
    height: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item>a img {
    /*
                    min-width: 100%;
                    min-height: 100%;
                    */
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    max-width: 150%;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(1) {
    height: 320px;
    margin-bottom: 16px;
    padding-left: 0;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(2) {
    height: 320px;
    margin-bottom: 16px;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(3) {
    width: calc( (100% / 12) * 5);
    height: 336px;
    padding-left: 0;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(4) {
    height: 152px;
    margin-bottom: 16px;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(5) {
    height: 152px;
    margin-bottom: 16px;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(6) {
    height: 168px;
}

.ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(7) {
    height: 168px;
}

.ems-prd-general-info-holder .series-gallery .swiper-button-prev i,
.ems-prd-general-info-holder .series-gallery .swiper-button-next i {
    font-size: 0;
}

.ems-prd-general-info-holder .series-gallery .swiper-button-prev i::before,
.ems-prd-general-info-holder .series-gallery .swiper-button-next i::before {
    font-size: 32px;
}

.ems-prd-general-info-holder .series-gallery .swiper-button-prev {
    left: -64px;
}

.ems-prd-general-info-holder .series-gallery .swiper-button-next {
    right: -64px;
}

.ems-prd-general-info-holder .product-content {
    position: relative;
}

.tableUrunDokuman [id$="lbfMDLHEADER_URUNDOKUMAN"] {
    color:#db3315;
    font-size: 40px;
    font-weight: 700;
    line-height: 64px;
}

.ems-page-product-detail-v2 .tableUrunDokuman [id$="lbfMDLHEADER_URUNDOKUMAN"] {
    display: block !important;
}

.ems-prd-karo .prd-group-name {
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
}

.ems-prd-karo .prd-group-items+.prd-group-items {
    margin-top: 80px;
}

.ems-prd-karo .prd-karo-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ems-prd-karo .prd-karo-item-header .prd-tag>div {
    color: #003A5C;
    font-size: 14px;
    font-weight: 700;
}

.ems-prd-karo .prd-karo-item-header .prd-tag-group {
    padding-top: 16px;
}

.ems-prd-karo .prd-karo-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
}

.ems-prd-karo .prd-karo-item .prd-code>a {
    position: relative;
}

.ems-prd-karo .prd-karo-item .prd-code>a:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    background: #eeeeee;
    height: 0;
    width: calc(100% + 10px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.ems-prd-karo .prd-karo-item .prd-code>a:hover:after {
    height: 50%;
}

.ems-prd-karo .prd-karo-item .prd-code .ems-brand-prd-drop {
    min-width: initial;
    width: 175px;
}

.ems-prd-karo .prd-karo-item .prd-code .ems-brand-prd-drop .ems-brand-img {
    border-bottom: 4px solid#db3315;
}

.ems-prd-karo .prd-karo-item .prd-code .ems-brand-prd-drop .ems-brand-drop-footer {
    padding: 8px 7px 16px;
}

.ems-prd-karo .prd-karo-item .prd-code .ems-brand-prd-drop .ems-prd-name {
    height: 32px;
    overflow: hidden;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 16px;
}

.ems-prd-karo .prd-karo-item .prd-code .ems-brand-prd-drop .ems-prd-name a:hover {
    color:#db3315;
}

.ems-prd-karo .prd-karo-item .prd-code .ems-brand-prd-drop .ems-prd-desc {
    display: none;
}

.ems-prd-karo .prd-karo-item .prd-code .ems-brand-prd-drop .ems-brand {
    height: 21px;
}

.ems-prd-karo .prd-karo-item .prd-code .ems-brand-prd-drop .ems-brand .ems-brand-name {
    margin: 5px 0;
    color: #9B9B9B;
    font-size: 12px;
    line-height: 22px;
    cursor: default;
}

.ems-prd-karo .prd-img .prd-img-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85%;
    height: 240px;
    overflow: hidden;
    border: 1px solid #979797;
}

.ems-prd-karo .prd-img .prd-img-holder:empty {
    height: auto;
}

.ems-prd-karo .prd-img .prd-img-holder img {
    min-width: 100%;
    min-height: 100%;
}

.ems-prd-karo .prd-tag-group {
    padding-top: 32px;
    padding-left: 16px;
}

.ems-prd-karo .prd-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ems-prd-karo .prd-tag>div {
    color: #4A4A4A;
    font-size: 14px;
}

.ems-prd-karo .ems-brand-drop {
    display: none;
    min-width: 500px;
    background: #ffffff;
    padding: 4px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.ems-prd-karo .ems-brand-drop:before,
.ems-prd-karo .ems-brand-drop:after {
    content: "";
    border-style: solid;
    position: absolute;
    top: 50%;
}

.ems-prd-karo .ems-brand-drop.uk-drop-right-center:before,
.ems-prd-karo .ems-brand-drop.uk-drop-right-center:after {
    border-color: rgba(0, 0, 0, 0) rgba(74, 74, 74, 0.1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 12px 12px 12px 0px;
    left: 0;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.ems-prd-karo .ems-brand-drop.uk-drop-right-center:after {
    border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 10px 10px 10px 0px;
    z-index: 1;
}

.ems-prd-karo .ems-brand-drop.uk-drop-left-center:before,
.ems-prd-karo .ems-brand-drop.uk-drop-left-center:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(74, 74, 74, 0.1);
    border-width: 12px 0px 12px 12px;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.ems-prd-karo .ems-brand-drop.uk-drop-left-center:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
    border-width: 10px 0px 10px 10px;
    z-index: 1;
}

.ems-prd-karo .ems-brand-drop.uk-open {
    display: block;
}

.ems-prd-karo .ems-brand-drop-body .ems-brand-img img {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.ems-prd-karo .ems-brand-drop-footer .ems-brand-link {
    text-align: right;
}

.ems-prd-karo .ems-brand-drop-footer .ems-brand-link a {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}

@media (max-width: 960px) {
    .ems-page-product-detail-v2 .ems-prd-tab-holder {
        -webkit-box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 -8px 8px 0 rgba(0, 0, 0, 0.08);
    }
    .ems-page-product-detail-v2 .ems-prd-tab-holder .uk-accordion-content:not(:empty) {
        padding: 24px 0;
    }
    .ems-prd-general-info-holder {
        margin-top: 0px;
    }
    .ems-prd-general-info-holder .series-gallery {
        margin-left: -16px;
        margin-right: -16px;
    }
    .ems-prd-general-info-holder .series-gallery .swiper-slide {
        margin-top: 0;
        margin-left: 0;
    }
    .ems-prd-general-info-holder .series-gallery .swiper-slide>* {
        padding-left: 8px;
    }
    .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(1) {
        height: 106px;
        margin-bottom: 8px;
        padding-left: 0;
    }
    .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(2) {
        height: 106px;
        margin-bottom: 8px;
    }
    .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(3) {
        height: 122px;
        padding-left: 0;
    }
    .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(4) {
        height: 56px;
        margin-bottom: 8px;
    }
    .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(5) {
        height: 56px;
        margin-bottom: 8px;
    }
    .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(6) {
        height: 56px;
    }
    .ems-prd-general-info-holder .series-gallery .slide-in-item:nth-child(7) {
        height: 56px;
    }
    .ems-prd-general-info-holder .series-gallery .swiper-button-prev,
    .ems-prd-general-info-holder .series-gallery .swiper-button-next {
        display: none;
    }
    .ems-prd-karo .prd-group-name {
        color:#db3315;
        font-size: 20px;
    }
    .ems-prd-karo .prd-group-items {
        margin-top: 16px;
    }
    .ems-prd-karo .prd-group-items+.prd-group-items {
        margin-top: 32px;
    }
    .ems-prd-karo .prd-karo-item-header {
        display: none;
    }
    .ems-prd-karo .prd-karo-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ems-prd-karo .prd-img {
        margin: 0 -16px;
        width: calc(100% + 32px);
    }
    .ems-prd-karo .prd-img .prd-img-holder {
        width: 100%;
        height: 120px;
        border: 0;
    }
    .ems-prd-karo .prd-tag-group {
        padding-top: 24px;
        padding-left: 0px;
        overflow-y: hidden;
        overflow-x: auto;
    }
    .ems-prd-karo .prd-tag {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .ems-prd-karo .prd-tag>div {
        white-space: nowrap;
    }
    .ems-prd-karo .prd-tag .prd-code {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .ems-prd-karo .prd-tag .prd-size {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .ems-prd-karo .prd-tag .prd-net {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .ems-prd-karo .prd-tag .prd-type {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .ems-prd-karo .prd-tag .prd-surface {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .ems-prd-karo .prd-tag .prd-color {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
}

.compareHolder {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #f9f9f9;
    border-top: 3px solid#db3315;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 8px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.75, 0.25, 0.75);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.75, 0.25, 0.75);
    transition: all 0.2s cubic-bezier(0.25, 0.75, 0.25, 0.75);
}

.compareHolder .compareMenu {
    position: relative;
    padding-top: 8px;
}

.compareHolder .compareMenu .openCloseBtn {
    position: absolute;
    left: -16px;
    top: 0;
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    background:#db3315;
    padding: 2px 8px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.compareHolder .compareMenu .openCloseBtn .addItems {
    display: inline-block;
    -webkit-transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
}

.compareHolder .compareMenu .openCloseBtn .addItems i {
    font-size: 0;
}

.compareHolder .compareMenu .openCloseBtn .addItems i::before {
    font-size: 14px;
}

.compareHolder li[rel="compareList"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.compareHolder li[rel="compareList"] .tabBtn {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.compareHolder li[rel="compareList"] .tabBtn small {
    width: 20px;
    height: 20px;
    background:#db3315;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    margin-left: 3px;
}

.compareHolder li[rel="compareList"] .btnCompare {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.compareHolder li[rel="compareList"] .btnClear {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
    margin-right: 16px;
    background: none;
    color: #4a4a4a;
    border-color: #4a4a4a;
}

.compareHolder .compareContent {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
}

.compareHolder .compareContent .emosInfinite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.compareHolder .compareContent .ems-prd {
    width: 25%;
    border-right: 1px solid #e0e0e0;
    padding: 8px;
}

.compareHolder .compareContent .ems-prd .ems-prd-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.compareHolder .compareContent .ems-prd .ems-prd-inner .ems-prd-image {
    height: 100%;
}

.compareHolder .compareContent .ems-prd .ems-prd-inner .ems-prd-image a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.compareHolder .compareContent .ems-prd .ems-prd-inner .ems-prd-image img {
    max-height: 60px;
}

.compareHolder .compareContent .ems-prd .ems-prd-inner .ems-prd-name {
    font-size: 13px;
}

.compareHolder .compareContent .ems-prd .ems-prd-inner .ems-brand-name {
    font-size: 11px;
}

.compareHolder .compareContent .ems-prd .ems-prd-inner .ems-prd-compare {
    display: none;
}

.compareHolder .compareContent .ems-prd .ems-prd-inner .ems-prd-content-bottom {
    padding-left: 8px;
}

.compareHolder .compareContent .ems-prd:nth-child(4) {
    border: 0;
}

.compare-prd-active .compareHolder {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}

.show-compare .compareHolder .compareContent {
    padding-top: 8px;
    max-height: 84px;
    overflow: inherit;
}

.show-compare .compareHolder .compareMenu .openCloseBtn .addItems {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ems-page-compare .design-your-bathroom {
    display: none;
}

.page-compare {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 60px;
}

.urunKiyaslamaBaslik {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    margin-right: 16px;
}

.urunKiyaslamaBaslik .urunKiyaslama_btnListeDon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: auto;
}

.urunKiyaslamaBaslik .urunKiyaslama_btnListeDon>table {
    display: inline-block !important;
}

.urunKiyaslamaBaslik .urunKiyaslama_urunSec {
    display: none;
}

.urunKiyaslamaBaslik .btnKiyaslamaListemeDon {
    background: none !important;
    border-color: none !important;
    color:#db3315 !important;
}

.urunKiyaslamaBaslik .btnKiyaslamaListemeDon>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.urunKiyaslamaBaslik .btnKiyaslamaListemeDon span {
    color:#db3315;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
}

.urunKiyaslamaBaslik .btnKiyaslamaListemeDon i {
    font-size: 0;
    margin-left: 16px;
}

.urunKiyaslamaBaslik .btnKiyaslamaListemeDon i:before {
    font-size: 32px;
}

.urunKiyaslamaIcerik {
    display: inline-block;
    width: 100%;
}

.urunKiyaslamaIcerik>table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-spacing: 16px;
}

.urunKiyaslamaIcerik>table>tbody {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.urunKiyaslamaIcerik>table>tbody>tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

.urunKiyaslamaIcerik>table>tbody>tr>td {
    height: auto;
}

.urunKiyaslamaIcerik>table>tbody>tr>td:last-child {
    margin-right: 0;
}

.urunKiyaslamaIcerik>table>tbody>tr:nth-child(odd) .urunKiyaslamaOrta {
    position: relative;
}

.urunKiyaslamaIcerik>table>tbody>tr:nth-child(odd) .urunKiyaslamaOrta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    width: calc(100% - 16px);
    height: 100%;
    z-index: -1;
    background-color: #F6F6F6;
}

.urunKiyaslamaIcerik>table>tbody>tr:nth-child(even) .urunKiyaslamaOrta {
    position: relative;
}

.urunKiyaslamaIcerik>table>tbody>tr:nth-child(even) .urunKiyaslamaOrta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    width: calc(100% - 16px);
    height: 100%;
    z-index: -1;
    background-color: #E3E3E3;
}

.urunKiyaslamaIcerik .urunKiyaslamaOzellikGrup {
    display: none;
}

.urunKiyaslamaIcerik .urunKiyaslamaOzellik {
    /*
        &.certificates{
            display: none !important; 
        }
        */
}

.urunKiyaslamaIcerik .urunKiyaslamaOzellik>td {
    padding-left: 24px !important;
}

.urunKiyaslamaIcerik .urunKiyaslamaOzellik .urunKiyaslamaGrup {
    text-align: right;
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    cursor: default;
}

.urunKiyaslamaIcerik .urunKiyaslamaOzellik .urunKiyaslamaOrta {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    cursor: default;
    position: relative;
}

.urunKiyaslamaUrun {
    border: 1px solid rgba(151, 151, 151, 0.32);
    padding: 16px;
    position: relative;
    height: 100%;
}

.urunKiyaslamaUrun .urunKiyaslamaUrun_resim {
    max-width: 176px;
    max-height: 176px;
    overflow: hidden;
}

.urunKiyaslamaUrun .urunKiyaslamaUrun_resim a {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.urunKiyaslamaUrun .urunKiyaslamaUrun_urnAd {
    margin-top: 16px;
    text-align: center;
}

.urunKiyaslamaUrun .urunKiyaslamaUrun_fiyat {
    display: none;
}

.urunKiyaslamaUrun .urunKiyaslamaUrun_btnKiyaslamaRemove {
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 8px;
}

.urunKiyaslamaUrun .urunKiyaslamaUrun_btnKiyaslamaRemove>table {
    display: inline-block !important;
}

.urunKiyaslamaUrun .urunKiyaslamaUrun_btnKiyaslamaRemove .btnKiyaslamaRemove {
    font-size: 8px;
    color: #979797;
}

@media (max-width: 960px) {
    .urunKiyaslamaIcerik {
        overflow: auto;
    }
    .urunKiyaslamaIcerik>table {
        width: auto;
        min-width: 500px;
    }
    .urunKiyaslamaIcerik>table>tbody>tr>td {
        overflow: hidden;
    }
    .urunKiyaslamaIcerik .urunKiyaslamaOzellik .urunKiyaslamaGrup {
        line-height: 25px;
    }
    .urunKiyaslamaIcerik .urunKiyaslamaOzellik .urunKiyaslamaOrta {
        line-height: 25px;
    }
}

.ems-member-default {
    padding: 40px 0 115px;
}

.page-title-user {
    color: #003A5C;
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 30px;
}

.page-top-title,
.pageHeaderDefault {
    color:#db3315;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 40px;
}

.page-top-title>span,
.pageHeaderDefault>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-top-title>span i,
.pageHeaderDefault>span i {
    font-size: 0;
    margin-right: 16px;
}

.page-top-title>span i:before,
.pageHeaderDefault>span i:before {
    font-size: 34px;
}

.ems-user-header {
    background-color: #F2F2F2;
    padding: 54px 0;
}

.ems-user-info-content .user-name {
    color: #003A5C;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
}

.ems-user-info-content .user-mail {
    color: #003A5C;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
}

.ems-user-info-content .user-info-link {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.ems-grid-row+.ems-grid-row {
    margin-top: 0;
    border-top: 1px solid #e5e5e5;
}

.ems-grid-row .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.ems-grid-row .col>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.member-page-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.member-page-head .pageInSearch-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-bottom: 40px;
    width: 100%;
    max-width: 368px;
}

.member-page-head .pageInSearch-wrp>input {
    height: 32px;
    font-size: 12px;
}

@media (max-width: 960px) {
    .ems-member-default {
        padding: 24px 0 32px;
    }
    .page-title-user {
        color:#db3315;
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 16px;
    }
    .page-top-title,
    .pageHeaderDefault {
        color:#db3315;
        font-size: 32px;
        font-weight: 700;
        line-height: 56px;
        margin-bottom: 40px;
    }
    .page-top-title>span i,
    .pageHeaderDefault>span i {
        font-size: 0;
        margin-right: 16px;
    }
    .page-top-title>span i:before,
    .pageHeaderDefault>span i:before {
        font-size: 34px;
    }
    .ems-user-header {
        padding: 24px 0;
    }
    .ems-user-info-content .user-name {
        color: #4A4A4A;
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
    }
    .ems-user-info-content .user-mail {
        font-size: 16px;
        line-height: 29px;
    }
    .ems-user-info-content .user-link .edit-profile {
        font-size: 12px;
        line-height: 22px;
    }
    .page-top-title,
    .pageHeaderDefault {
        color: #4A4A4A;
        font-size: 24px;
        font-weight: 500;
        line-height: 44px;
        margin-bottom: 12px;
    }
    .page-top-title>span i,
    .pageHeaderDefault>span i {
        font-size: 0;
        margin-right: 8px;
    }
    .page-top-title>span i:before,
    .pageHeaderDefault>span i:before {
        font-size: 18px;
    }
    .member-page-head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .member-page-head .pageInSearch-wrp {
        margin-bottom: 18px;
        max-width: 100%;
    }
    .member-page-head .pageInSearch-wrp>input {
        height: 40px;
        font-size: 14px;
    }
}

.ems-page-member-dashboard .ems-member-dashboard-content {
    display: block !important;
}

.ems-page-member-dashboard .product-for-you {
    margin-bottom: 64px !important;
}

.ems-page-member-dashboard .ems-member-wrapper {
    padding: 40px 0;
}

.ems-ds-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4A4A4A;
    font-size: 18.76px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 32px;
}

.ems-ds-title i {
    font-size: 0;
    margin-right: 16px;
}

.ems-ds-title i:before {
    font-size: 24px;
}

.ems-ds-more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
}

.ems-ds-more-btn i {
    font-size: 0;
    margin-right: 10px;
}

.ems-ds-more-btn i:before {
    font-size: 32px;
}

.lastFavorite-list .lastFavorite-item {
    border-bottom: 1px solid #97979740;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
}

.lastFavorite-list .lastFavorite-item:last-child {
    border: 0;
    margin-bottom: 16px;
}

.lastFavorite-list .lastFavorite-item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    overflow: hidden;
}

.lastFavorite-list .lastFavorite-item-info {
    padding: 8px;
}

.lastFavorite-list .lastFavorite-item-name {
    color: #4A4A4A;
    font-size: 14px;
}

.lastFavorite-list .lastFavorite-item-actions>span+span a:before {
    content: "|";
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.lastFavorite-list .lastFavorite-item-actions a {
    color:#db3315;
    font-size: 12px;
    line-height: 22px;
}

.lastFavorite-list .lastFavorite-item-actions a.btnFavoriGrupEkle {
    min-width: auto;
    background: none;
    border: 0;
    padding: 0;
}

.lastFavorite-list .lastFavorite-item-actions a:hover,
.lastFavorite-list .lastFavorite-item-actions a:focus {
    color:#db3315;
}

.favoriGroup-list .favoriGroup-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #97979740;
}

.favoriGroup-list .favoriGroup-item:last-child {
    border: 0;
    margin-bottom: 16px;
}

.favoriGroup-list .favoriGroup-item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
    width: 32px;
    height: 32px;
}

.favoriGroup-list .favoriGroup-item-image img {
    min-width: 100%;
    min-height: 100%;
}

.favoriGroup-list .favoriGroup-item-name {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 25px;
}

.lastDocuments-list .lastDocuments-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #97979740;
}

.lastDocuments-list .lastDocuments-item:last-child {
    border: 0;
    margin-bottom: 16px;
}

.lastDocuments-list .lastDocuments-item-image {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 16px;
}

.lastDocuments-list .lastDocuments-item-image i {
    font-size: 32px;
}

.lastDocuments-list .lastDocuments-item-name {
    color: #4A4A4A;
    font-size: 14px;
}

.lastDocuments-list .lastDocuments-item-name span {
    margin-right: 4px;
}

.lastDocuments-list .lastDocuments-item-name span:last-child {
    margin-right: 0;
}

.lastDocuments-list .lastDocuments-item-actions>span+span a:before {
    content: "|";
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.lastDocuments-list .lastDocuments-item-actions a {
    color:#db3315;
    font-size: 12px;
    line-height: 22px;
}

.lastDocuments-list .lastDocuments-item-actions a.btnFavoriGrupEkle {
    min-width: auto;
    background: none;
    border: 0;
    padding: 0;
}

.lastDocuments-list .lastDocuments-item-actions a:hover,
.lastDocuments-list .lastDocuments-item-actions a:focus {
    color:#db3315;
}

.ems-member-dashboard-content {
    padding-top: 64px;
    -webkit-box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.1);
}

.bundle-proposal-wrp {
    padding: 96px 0 56px;
}

.bundle-proposal-wrp .wsp-title {
    color:#db3315;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 32px;
}

.bundle-proposal-wrp .swiper-button-prev,
.bundle-proposal-wrp .swiper-button-next {
    display: none;
}

.bundle-proposal-wrp .ems-prd-inner {
    padding: 8px;
}

.bundle-proposal-wrp .ems-prd-inner-mask {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.bundle-proposal-wrp .ems-prd-mask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 160px;
    overflow: hidden;
    border-bottom: 4px solid#db3315;
}

.bundle-proposal-wrp .ems-prd-content {
    padding: 8px 8px 15px;
}

.bundle-proposal-wrp .ems-prd-name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 8px;
}

.bundle-proposal-wrp .ems-prd-name a {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
}

.bundle-proposal-wrp .ems-brand-name {
    color: #9B9B9B;
    font-size: 12px;
    line-height: 22px;
}

.bundle-proposal-wrp .ems-prd-price {
    color: #4A4A4A;
    font-size: 10px;
    line-height: 18px;
}

.bundle-proposal-wrp .ems-prd-price span:first-child {
    margin-right: 5px;
}

.activity-bundle {
    margin: 64px 0;
}

.activity-bundle .bundle-title {
    color:#db3315;
    font-size: 32px;
    font-weight: 700;
    line-height: 56px;
}

.activity-bundle .bundle-group .bundle-item {
    padding: 32px 0;
}

.activity-bundle .bundle-group .bundle-item .item-date-loc {
    color: #4A4A4A;
    font-size: 20px;
    line-height: 36px;
}

.activity-bundle .bundle-group .bundle-item .item-date-loc>span {
    display: block;
}

.activity-bundle .bundle-group .bundle-item .title {
    color: #003A5C;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.activity-bundle .bundle-group .bundle-item .desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.activity-bundle .bundle-group .bundle-item .link {
    margin-top: 32px;
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
}

.activity-bundle .bundle-group .bundle-item .link:empty {
    display: none;
}

.activity-bundle .bundle-group .bundle-item.bgRed {
    background-color:#db3315;
}

.activity-bundle .bundle-group .bundle-item.bgRed .item-date-loc,
.activity-bundle .bundle-group .bundle-item.bgRed .title,
.activity-bundle .bundle-group .bundle-item.bgRed .desc,
.activity-bundle .bundle-group .bundle-item.bgRed .link {
    color: #ffffff;
}

.bundle-architecture {
    padding: 32px 0;
    background-color: #F2F2F2;
}

.bundle-architecture .bundle-title {
    color:#db3315;
    font-size: 40px;
    font-weight: 700;
    line-height: 64px;
}

.bundle-architecture .bundle-desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.bundle-architecture .bundle-desc:empty {
    display: none;
}

.bundle-architecture .bundle-group {
    margin-top: 36px;
}

.bundle-architecture .bundle-group>div {
    padding-bottom: 20px;
}

.bundle-architecture .bundle-group .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 256px;
    overflow: hidden;
    margin-bottom: 16px;
}

.bundle-architecture .bundle-group .title {
    color: #003A5C;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.bundle-architecture .bundle-group .desc {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 24px;
}

.doc-type .doc-ico {
    position: relative;
}

.doc-type .doc-ico .type {
    position: absolute;
    right: 5%;
    bottom: 0.75em;
    width: 2.45em;
    font-size: .22em;
    color: #ffffff;
    letter-spacing: 1.1px;
    line-height: 1.6em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 960px) {
    .ems-page-member-dashboard .ems-member-wrapper {
        padding: 24px 0;
    }
}

.ems-member-favorite-list .product-for-you {
    margin-bottom: 64px;
}

.ems-grid-favorite,
.ems-grid-files {
    padding-top: 28px;
}

.ems-grid-favorite .ems-grid-img a,
.ems-grid-files .ems-grid-img a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 139px;
    overflow: hidden;
}

.ems-grid-favorite .ems-grid-img a:empty,
.ems-grid-files .ems-grid-img a:empty {
    display: none;
}

.ems-grid-favorite .ems-grid-img a img,
.ems-grid-files .ems-grid-img a img {
    width: 100%;
}

.ems-grid-favorite .ems-grid-name>a,
.ems-grid-files .ems-grid-name>a {
    color: #4A4A4A;
    font-size: 18px;
    line-height: 33px;
}

.ems-grid-favorite .ems-grid-links,
.ems-grid-files .ems-grid-links {
    text-align: right;
}

.ems-grid-favorite .ems-grid-links a,
.ems-grid-files .ems-grid-links a {
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
    min-width: auto;
    background: none;
    border: none;
    padding: 0;
}

.brackets:before {
    content: "|";
    display: inline-block;
    margin: 0 5px;
    color:#db3315;
    font-size: 14px;
}

.ems-prd-add-fav,
.ems-add-favorite-group-wrp {
    position: relative;
}

.ems-prd-add-fav .ems-afg-drop,
.ems-add-favorite-group-wrp .ems-afg-drop {
    width: 240px;
    height: 210px;
    padding: 16px 24px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    top: 50% !important;
    left: initial !important;
    right: 100%;
    -webkit-transform: translate(-3%, -50%);
    -ms-transform: translate(-3%, -50%);
    transform: translate(-3%, -50%);
    text-align: left;
}

.ems-prd-add-fav .ems-afg-drop:before,
.ems-add-favorite-group-wrp .ems-afg-drop:before {
    content: "";
    display: inline-block;
    border-width: 8px 0px 8px 9px;
    border-style: solid;
    border-color: #0000 #0000 #0000 #ffffff;
    position: absolute;
    right: -7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ems-prd-add-fav .ems-afg-drop iframe,
.ems-add-favorite-group-wrp .ems-afg-drop iframe {
    width: 100%;
    height: 100%;
}

.ems-last-favorites .ems-add-favorite-group-wrp .ems-afg-drop {
    left: 100% !important;
    right: initial !important;
    -webkit-transform: translate(-3%, -50%);
    -ms-transform: translate(-3%, -50%);
    transform: translate(-3%, -50%);
}

.ems-last-favorites .ems-add-favorite-group-wrp .ems-afg-drop:before {
    border-width: 8px 9px 8px 0px;
    border-color: #0000 #ffffff #0000 #0000;
    left: -7px;
    right: auto;
}

.ems-prd-compare-and-fav .ems-prd-add-fav .ems-afg-drop {
    display: none !important;
}

.ems-prd-compare-and-fav .ems-prd-add-fav.selected:hover .ems-afg-drop {
    display: block !important;
    left: 100% !important;
    right: initial !important;
    -webkit-transform: translate(-3%, -50%) !important;
    -ms-transform: translate(-3%, -50%) !important;
    transform: translate(-3%, -50%) !important;
}

.ems-prd-compare-and-fav .ems-prd-add-fav.selected:hover .ems-afg-drop:before {
    border-width: 8px 9px 8px 0px;
    border-color: #0000 #ffffff #0000 #0000;
    left: -7px;
    right: auto;
}

.ems-prd-compare-and-fav .ems-prd-add-fav.selected:hover .ems-afg-drop:after {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    height: 100%;
    width: 20px;
}


/*.ems-favorite-tab-control{
    display: flex;
    border-bottom: 3px solid $cl6;
    > li{
        padding: 15px 30px;
        font-size: 16px;
        &.uk-active{
            background: $cl6;
            color: $white;
        }
    }
}*/

.ems-favorite-tab-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid#db3315;
    margin-bottom: 24px;
}

.ems-favorite-tab-control>li {
    width: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ems-favorite-tab-control>li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 700;
    color:#db3315;
}

.ems-favorite-tab-control>li.uk-active {
    background:#db3315;
}

.ems-favorite-tab-control>li.uk-active a {
    color: #ffffff;
}

.ems-grid-favorite-bathroom .ems-grid-favorite-bathroom-inner>div {
    margin-bottom: 16px;
}

.ems-grid-favorite-bathroom .ems-grid-name {
    margin-top: 10px;
}

.ems-grid-favorite-bathroom .ems-grid-name>a {
    font-weight: 500;
    color: #003A5C;
    line-height: 1;
}

.ems-grid-favorite-bathroom .ems-grid-links {
    text-align: left;
}

@media (max-width: 960px) {
    .ems-member-favorite-list .product-for-you {
        margin-bottom: 16px !important;
    }
    .ems-member-favorite-list .design-your-bathroom {
        display: block;
        margin-bottom: 16px;
    }
    .ems-member-favorite-list .ems-grid-row+.ems-grid-row {
        margin-top: 10px;
    }
    .ems-member-favorite {
        position: relative;
        z-index: 10;
    }
    .ems-grid-favorite {
        padding-top: 0px;
    }
    .ems-grid-favorite .col {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .ems-grid-favorite .ems-grid-img {
        padding-top: 10px;
    }
    .ems-grid-favorite .ems-grid-img a {
        height: 46px;
    }
    .ems-grid-favorite .ems-grid-name>a {
        font-size: 16px;
        line-height: 29px;
    }
    .ems-grid-favorite .ems-grid-links {
        text-align: left;
    }
    .ems-prd-add-fav .ems-afg-drop,
    .ems-add-favorite-group-wrp .ems-afg-drop {
        top: 100% !important;
        top: 100% !important;
        right: 50%;
        -webkit-transform: translate(50%, 10%);
        -ms-transform: translate(50%, 10%);
        transform: translate(50%, 10%);
    }
    .ems-prd-add-fav .ems-afg-drop:before,
    .ems-add-favorite-group-wrp .ems-afg-drop:before {
        border-width: 0px 8px 8px 9px;
        border-color: #0000 #0000 #ffffff #0000;
        right: 50%;
        top: -7px;
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
    .ems-favorite-tab-control {
        border: 2px solid#db3315;
        margin-bottom: 24px;
    }
    .ems-favorite-tab-control>li {
        width: 50%;
        text-align: center;
    }
    .ems-grid-favorite-bathroom .ems-grid-img>a {
        height: 200px;
    }
}

.ems-member-project-list .page-top-title,
.ems-member-project-list .pageHeaderDefault {
    margin-bottom: 32px;
}

.favoriteGroup-report {
    margin-bottom: 19px;
}

.ems-grid-favorite-group {
    /*.ems-grid-content{
        @extend .uk-grid;
        &:not(:empty){
            margin-top: 25px;
            margin-bottom: 16px;
        }
        .item{
            position: relative;

            //bir kapsayıcı div eklenecek içerdeki elemanlar için ve ona verilecek padding ve box-shadow
            //padding: 0 8px 16px;
            //box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
            @extend .uk-width-1-2;
            @extend .uk-width-1-6\@m;
            .favoriGrupDetay_{
                &urunResim{
                    order: 1;
                    //margin: 0 -8px 8px;
                    border-bottom: 4px solid $cl6;

                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 160px;
                    overflow: hidden;
                }
                &urunAd{
                    order: 2;
                    color: $cl3;
                    font-size: 14px;
                    line-height: 16px;
                    height: 32px;
                    overflow: hidden;
                    margin-bottom: 8px;
                }
                &urunFiyat{
                    order: 4;
                    display: flex;
                    color: $cl3;
                    font-size: 10px;
                    line-height: 18px;
                    > span{
                        margin-right: 5px;
                    }
                    > div{
                        [id$="lbfURN_KDVDAHIL"]{
                            display: none;
                        }
                    }
                }
                &markaAd{
                    order: 3;
                    color: $cl14;
                    font-size: 12px;
                    line-height: 22px;
                    height: 22px;
                    overflow: hidden;
                    margin-bottom: 8px;
                    &:empty{
                        display: none;
                    }
                }
                &action{
                    position: absolute;
                    right: 8px;
                    bottom: 16px;
                }
            }
        }
    }*/
}

.ems-grid-favorite-group>div {
    position: relative;
}

.ems-grid-favorite-group .uk-accordion-title {
    padding-bottom: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #97979740;
}

.ems-grid-favorite-group .ems-grid-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 16px;
}

.ems-grid-favorite-group .ems-grid-icon img {
    max-width: 16px;
    max-height: 16px;
}

.ems-grid-favorite-group .ems-grid-name {
    color: #4A4A4A;
    font-size: 18px;
    line-height: 33px;
}

.ems-grid-favorite-group .ems-grid-links {
    position: absolute;
    top: 3px;
    right: 0;
}

.ems-grid-favorite-group .ems-grid-links .FavoriGrupSil a,
.ems-grid-favorite-group .ems-grid-links .FavoriGrupGuncelle a {
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
}

.ems-grid-favorite-group .ems-message:not(:empty),
.ems-grid-favorite-group .pageSifremiUnuttum_mesaj:not(:empty) {
    margin-top: 16px;
}

.ems-grid-favorite-group .widget-projects-prd {
    padding: 0;
}

.ems-grid-favorite-group .widget-projects-prd .ems-prd-cnt {
    text-align: right;
}

.ems-new-favorite-group>a {
    color:#db3315;
    font-size: 14px;
    line-height: 25px;
}

.ems-new-favorite-group [id$="lbfFAVORIGRUP_YENIGRUPEKLE"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-new-favorite-group [id$="lbfFAVORIGRUP_YENIGRUPEKLE"] i {
    display: inline-block;
    font-size: 0;
    margin-right: 16px;
}

.ems-new-favorite-group [id$="lbfFAVORIGRUP_YENIGRUPEKLE"] i:before {
    font-size: 23px;
}

@media (max-width: 960px) {
    .ems-member-project-list .page-top-title,
    .ems-member-project-list .pageHeaderDefault {
        margin-bottom: 32px;
    }
    .ems-member-project-list .product-for-you {
        margin-bottom: 16px !important;
    }
    .ems-member-project-list .design-your-bathroom {
        display: block;
        margin-bottom: 16px;
    }
    .favoriteGroup-report {
        margin-bottom: 16px;
    }
    .ems-grid-favorite-group>div {
        position: relative;
    }
    .ems-grid-favorite-group>div+div {
        margin-top: 8px !important;
    }
    .ems-grid-favorite-group>div.uk-open .uk-accordion-title .ems-grid-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .ems-grid-favorite-group .uk-accordion-title {
        padding-bottom: 16px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-bottom: 1px solid #97979740;
        padding-bottom: 8px;
    }
    .ems-grid-favorite-group .ems-grid-name {
        font-size: 16px;
    }
    .ems-grid-favorite-group .ems-grid-links {
        position: initial;
        display: none;
        margin-top: -5px;
        margin-left: 34px;
    }
    .ems-grid-favorite-group .ems-grid-links * {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        line-height: 1;
    }
    .ems-grid-favorite-group .ems-grid-links .FavoriGrupSil a,
    .ems-grid-favorite-group .ems-grid-links .FavoriGrupGuncelle a {
        font-size: 12px;
    }
    .ems-grid-favorite-group .uk-accordion-content {
        margin-top: 8px !important;
    }
    .ems-grid-favorite-group .ems-message,
    .ems-grid-favorite-group .pageSifremiUnuttum_mesaj {
        margin-bottom: 0;
    }
    .ems-grid-favorite-group .ems-message:not(:empty),
    .ems-grid-favorite-group .pageSifremiUnuttum_mesaj:not(:empty) {
        margin-top: 0;
    }
    .ems-grid-favorite-group .ems-grid-content:not(:empty) {
        margin-top: 8px;
        margin-bottom: 25px;
    }
    .ems-grid-favorite-group .ems-grid-content .item .favoriGrupDetay_urunResim {
        height: 144px;
    }
    .ems-grid-favorite-group .ems-grid-content .item .favoriGrupDetay_urunAd {
        margin-bottom: 6px;
    }
    .ems-grid-favorite-group .ems-grid-content .item .favoriGrupDetay_urunFiyat {
        font-size: 10.31px;
        line-height: 19px;
    }
    .ems-grid-favorite-group .ems-grid-content .item .favoriGrupDetay_markaAd {
        font-size: 10px;
        line-height: 18px;
        height: 18px;
        margin-bottom: 4px;
    }
    .ems-grid-favorite-group .ems-grid-content .item .favoriGrupDetay_action {
        bottom: 5px;
    }
    .ems-new-favorite-group {
        text-align: right;
    }
    .ems-new-favorite-group>a {
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
    }
    .ems-new-favorite-group [id$="lbfFAVORIGRUP_YENIGRUPEKLE"] i {
        margin-right: 4px;
    }
    .ems-new-favorite-group [id$="lbfFAVORIGRUP_YENIGRUPEKLE"] i:before {
        font-size: 11px;
    }
}

.ebulletin-holder {
    margin-top: 48px;
    margin-bottom: 15px;
}

.ebulletin-holder .page-title-user {
    margin-bottom: 0;
}

a.btnUyeBilgi {
    margin-top: 48px;
    min-width: 100% !important;
}

@media (max-width: 960px) {
    .ems-page-member-edit footer {
        display: none;
    }
    .ebulletin-holder {
        margin-top: 12px;
        margin-bottom: 40px;
    }
    a.btnUyeBilgi {
        margin-top: 24px;
        font-size: 14px;
        font-weight: 700;
        line-height: 31px;
    }
    .ems-page-member-password footer {
        display: none;
    }
}

.ems-grid-files .ems-grid-row {
    padding: 10px 0;
}

.ems-grid-files .ems-grid-img {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    margin-right: 15px;
}

.ems-grid-files .ems-grid-img i {
    font-size: 72px;
}

.ems-grid-files .ems-grid-name span {
    margin-right: 5px;
}

.ems-grid-files .ems-grid-name span :last-child {
    margin-right: 0;
}

.ems-member-files-footer {
    text-align: right;
    border-top: 1px solid #e5e5e5;
    padding: 16px 0;
}

.ems-member-files-footer .all-files-download {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

.ems-member-files-footer .all-files-download i {
    font-size: 0;
    margin-left: 16px;
}

.ems-member-files-footer .all-files-download i:before {
    font-size: 32px;
}

@media (max-width: 960px) {
    .ems-grid-files .ems-grid-img i {
        font-size: 42px;
    }
}

.ems-doc-download-holder .ems-docs-search-wrp {
    background: #F2F2F2;
    padding: 30px 0 35px;
}

.ems-doc-download-holder .ems-docs-search input[name="inp-prd-code"] {
    color: #4A4A4A;
    font-size: 14px;
    height: 34px;
}

.ems-doc-download-holder .ems-doc-download-result {
    padding: 64px 0;
}

.ems-doc-download-holder .ems-doc-download-result .search-result {
    display: block;
}

.ems-doc-download-holder .ems-doc-download-result .no-result-lbf {
    display: none;
    text-align: center;
}

.ems-doc-download-holder .ems-doc-download-result .no-result-lbf i {
    font-size: 0;
}

.ems-doc-download-holder .ems-doc-download-result .no-result-lbf i:before {
    font-size: 128px;
}

.ems-doc-download-holder .ems-doc-download-result .no-result-lbf span {
    display: block;
    font-size: 24px;
    margin-top: 16px;
}

.ems-doc-download-holder .ems-doc-download-result.no-result .no-result-lbf {
    display: block;
}

.ems-doc-download-holder .ems-doc-download-result.no-result .search-result {
    display: none;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item {
    padding: 8px 0 0;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title .ddr-prd-name {
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 700;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title>i {
    margin-left: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #97979780;
    border-radius: 50%;
    -webkit-transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1);
    width: 24px;
    height: 24px;
    padding: 2px;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title>i svg {
    width: 22px;
    height: 22px;
    color: #ffffff;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item.uk-open .uk-accordion-title>i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item+.ddr-prd-item {
    border-top: 1px solid #97979740;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-content {
    margin-top: 0 !important;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .ddr-prd-item-docs {
    margin-left: calc(100% / 6);
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .ddr-prd-item-docs .doc-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .ddr-prd-item-docs .doc-item a>i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    margin-right: 6px;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .ddr-prd-item-docs .doc-item a>i:before {
    font-size: 20px;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .ddr-prd-item-docs .doc-item a .doc-info span+span:before {
    content: "|";
    margin: 0 3px;
}

.ems-doc-download-holder .documents-download-result .ddr-prd-item .ddr-prd-item-docs .doc-item+.doc-item {
    margin-top: 16px;
}

@media (max-width: 960px) {
    .ems-doc-download-holder .ems-docs-search-wrp {
        padding: 16px 0;
    }
    .ems-doc-download-holder .ems-docs-search {
        position: relative;
    }
    .ems-doc-download-holder .btn-docs-search {
        min-width: auto;
        width: calc(100% / 4);
        position: absolute;
        top: 0;
        right: 0;
    }
    .ems-doc-download-holder .ems-doc-download-result {
        padding: 16px 0;
    }
    .ems-doc-download-holder .ems-doc-download-result .no-result-lbf {
        padding: 32px 0;
    }
    .ems-doc-download-holder .ems-doc-download-result .no-result-lbf i:before {
        font-size: 64px;
    }
    .ems-doc-download-holder .ems-doc-download-result .no-result-lbf span {
        font-size: 18px;
    }
    .ems-doc-download-holder .documents-download-result .ddr-prd-item {
        padding: 8px 0 0;
    }
    .ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title .ddr-prd-image>img {
        max-width: 100%;
    }
    .ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title .ddr-prd-name {
        font-size: 16px;
    }
    .ems-doc-download-holder .documents-download-result .ddr-prd-item .uk-accordion-title>i {
        display: none;
    }
    .ems-doc-download-holder .documents-download-result .ddr-prd-item .ddr-prd-item-docs {
        margin-left: 16px;
    }
    .ems-doc-download-holder .documents-download-result .ddr-prd-item .ddr-prd-item-docs .doc-item {
        margin-top: 16px;
    }
}

.scroll-hidden .top-banner-holder,
.scroll-hidden .navbar-container {
    opacity: 0;
    pointer-events: none;
}

.miniworx-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    overflow: hidden;
    display: none;
    background: #000;
}

@media (min-width: 980px) {
    .miniworx-box {
        display: block;
    }
}

.miniworx-box>div {
    width: 50%;
    height: 100%;
    float: left;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.miniworx-box .mx-box-left {
    background: url("/images/frontend/miniworx/bg.jpg") center center no-repeat;
    background-size: cover;
}

.miniworx-box .mx-box-left .swiper-container {
    overflow: initial;
}

.miniworx-box .mx-box-left .scroller {
    width: 50%;
    max-width: 768px;
    position: absolute;
    height: 100%;
    left: 25%;
}

.miniworx-box .mx-box-left .scroller.add {
    width: 176px;
    right: -88px;
    left: auto;
}

.miniworx-box .mx-box-left .scroller h1 {
    font-size: 72px;
    font-weight: bold;
    color: white;
    position: absolute;
    right: -20%;
    bottom: 5%;
    z-index: 3;
}

.miniworx-box .mx-box-left .scroller .square {
    position: relative;
    width: 66%;
    opacity: 0;
    margin-bottom: 32px;
    -webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.32);
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.32);
    /*transition: all ease-out .3s;*/
}

.miniworx-box .mx-box-left .scroller .square.add {
    width: 100%;
    height: 288px !important;
    opacity: 1;
    float: none;
}

.miniworx-box .mx-box-left .scroller .square.add:nth-child(1) {
    float: none;
}

.miniworx-box .mx-box-left .scroller .square.add:nth-child(2) {
    float: none;
    margin-top: 0;
}

.miniworx-box .mx-box-left .scroller .square:after {
    content: "";
    display: block;
    padding-bottom: 95%;
}

.miniworx-box .mx-box-left .scroller .square .content {
    position: absolute;
    background: url("/images/frontend/miniworx/item-1.jpg") center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.miniworx-box .mx-box-left .scroller .square:nth-child(1) {
    display: block;
    float: right;
    margin-top: 64px;
    z-index: 2;
    opacity: 1;
}

.miniworx-box .mx-box-left .scroller .square:nth-child(2) {
    margin-top: -25%;
    display: block;
    float: left;
    opacity: 1;
}

.miniworx-box .mx-box-right {
    font-family: "palanquin";
    background-color: black;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.miniworx-box .mx-box-right .text-block {
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    display: inline-block;
    padding: 0 100px 100px 188px;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.miniworx-box .mx-box-right .text-block.add {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.miniworx-box .mx-box-right .text-block h1 {
    font-size: 72px;
    font-weight: bold;
    color: white;
}

.miniworx-box .mx-box-right .text-block p {
    font-family: "palanquin";
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .urunKiyaslamaIcerik>table>tbody>tr {
        display: table-row !important;
        width: 100% !important;
    }
    .urunKiyaslamaIcerik>table>tbody>tr>td {
        width: 20% !important;
    }
    .ems-grid-favorite .ems-grid-img a {
        display: inline;
    }
}

.search-no-result {
    padding: 99px 0;
    margin: 64px 0 32px;
    text-align: center;
    background: #f9f9f9;
    font-size: 16px;
    color:#db3315;
}

.custom-search-content .search-no-result {
    margin: 0 0 64px;
}

.no-search-result .all-list-prd-btn-holder {
    display: none !important;
}

@media (max-width: 960px) {
    .search-no-result {
        padding: 64px 24px;
        margin: 32px 0;
        text-align: center;
        background: #f9f9f9;
        font-size: 16px;
        color:#db3315;
    }
    .custom-search-content .search-no-result {
        margin: 0 0 32px;
    }
}

.ds-cover {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.ds-cover::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
}

.dc-cover--img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    min-width: 100%;
    max-width: initial;
    min-height: 100%;
}

.dc-cover--content {
    position: relative;
    z-index: 3;
    padding: 170px 50px 120px;
    text-align: center;
}

.dc-cover--title {
    font-size: 56px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 40px;
}

.dc-cover--desc {
    font-size: 24px;
    line-height: 1.8;
    color: #ffffff;
}

.dc-cover--btn {
    margin-top: 32px;
    min-width: 315px;
}

.dc-gallery--wrapper {
    padding: 40px 0;
}

.dc-gallery--wrapper.bgWhite {
    background: #ffffff;
}

.dc-gallery--wrapper.bgGrey {
   
}

.dc-gallery--wrapper.desc_passive .dc-gallery--item--desc {
    display: none;
}

.dc-gallery--wrapper.lightbox_passive .lightbox_link {
    display: none;
}

.dc-gallery--wrapper .gridThree .dc-gallery--item--img {
    height: 240px;
}

.dc-gallery--wrapper .gridThree .dc-gallery--item {
    padding-left: 16px;
    padding-right: 16px;
}

.dc-gallery--wrapper .gridFour .dc-gallery--item--img {
   height: 300px;
    BORDER: 1PX SOLID #b7b3b3;
    width: 100%;
}

.dc-gallery--item {
    position: relative;
    margin: 8px 0;
}

.dc-gallery--title {
    font-size: 26px;
    font-weight: 700;
    color: #003A5C;
    text-align: center;
    margin-bottom: 32px;
}

.dc-gallery--item--desc {
    font-size: 18px;
    font-weight: 500;
    color: #003A5C;
    text-align: center;
    padding: 5px 25px 0;
    line-height: 30px;
}

.dc-gallery--item--link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.dc-gallery--item--img {
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    */
    overflow: hidden;
    font-size: 0;
    position: relative;
}

.dc-gallery--item--img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0.5, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0.5, 1);
	object-fit: cover;
}

.dc-gallery--item:hover .dc-gallery--item--img img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

.landing-bathroom-planner .design-your-bathroom {
    display: none;
}

.dp-frame iframe {
    width: 100%;
    height: calc(100vh + 76px);
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 960px) {
    .dp-frame iframe {
        height: calc(100vh - 76px);
    }
}


/*

    ############# Price Page #############

*/

.page-price-list .hidden {
    display: none;
}

.page-price-list .block-01 .ds-cover:before {
    background: unset;
}

.page-price-list .block-01 .ds-cover .dc-cover--content .dc-cover--title,
.page-price-list .block-01 .ds-cover .dc-cover--content .dc-cover--desc {
    color: #000;
    font-weight: bold;
}

.page-price-list .block-04 .ajx-search-list .price-list {
    margin-top: unset;
}

.page-price-list .block-04 .ajx-search-list .price-list .price-list-response,
.page-price-list .block-04 .ajx-search-list .price-list .price-list-result,
.page-price-list .block-04 .ajx-search-list .price-list .price-list-table {
    display: none;
}

.page-price-list .block-04 .ajx-search-list .empty-content-area {
    display: none;
}

.page-price-list .block-04 .ajx-search-list.search-keyup.no-result .empty-content-area {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.page-price-list .block-04 .ajx-search-list.result-found .price-list {
    margin-top: 60px;
}

.page-price-list .block-04 .ajx-search-list.result-found .price-list .price-list-response,
.page-price-list .block-04 .ajx-search-list.result-found .price-list .price-list-result,
.page-price-list .block-04 .ajx-search-list.result-found .price-list .price-list-table {
    display: block;
}

.page-price-list .block-04 .price-list .price-list-response {
    font-size: 32px;
    color:#db3315;
    font-weight: bold;
}

.page-price-list .block-04 .price-list .price-list-result {
    font-size: 13px;
    color: #000;
    font-weight: bold;
    padding-bottom: 25px;
}

.page-price-list .block-04 .price-list .price-list-table .price-list-table-head ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color:#db3315;
}

.page-price-list .block-04 .price-list .price-list-table .price-list-table-head ul>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    padding: 15px;
}

.page-price-list .block-04 .price-list .price-list-table .price-list-table-body ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ededed;
}

.page-price-list .block-04 .price-list .price-list-table .price-list-table-body ul:last-of-type {
    border-bottom: none;
}

.page-price-list .block-04 .price-list .price-list-table .price-list-table-body ul>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 25px 15px;
}

.page-price-list .block-04 .price-list .price-list-table .price-list-table-body ul .price2 {
    text-decoration: line-through;
}

.page-price-list .block-04 .uk-container .page-top-title,
.page-price-list .block-04 .homepage-showcase .hs-container .page-top-title,
.homepage-showcase .page-price-list .block-04 .hs-container .page-top-title,
.page-price-list .block-04 .mod-mini-search-body .ems-form-inner .page-top-title,
.mod-mini-search-body .page-price-list .block-04 .ems-form-inner .page-top-title,
.page-price-list .block-04 .pageDefault .page-top-title,
.page-price-list .block-04 .prd-list-cover-holder .cover-content .page-top-title,
.prd-list-cover-holder .page-price-list .block-04 .cover-content .page-top-title,
.page-price-list .block-04 .ems-serial-cover .content-holder .page-top-title,
.ems-serial-cover .page-price-list .block-04 .content-holder .page-top-title,
.page-price-list .block-04 .compareHolder .compareMenuHolder .page-top-title,
.compareHolder .page-price-list .block-04 .compareMenuHolder .page-top-title,
.page-price-list .block-04 .compareHolder .compareContent .page-top-title,
.compareHolder .page-price-list .block-04 .compareContent .page-top-title,
.page-price-list .block-04 .page-compare .page-top-title,
.page-price-list .block-04 .uk-container .pageHeaderDefault,
.page-price-list .block-04 .homepage-showcase .hs-container .pageHeaderDefault,
.homepage-showcase .page-price-list .block-04 .hs-container .pageHeaderDefault,
.page-price-list .block-04 .mod-mini-search-body .ems-form-inner .pageHeaderDefault,
.mod-mini-search-body .page-price-list .block-04 .ems-form-inner .pageHeaderDefault,
.page-price-list .block-04 .pageDefault .pageHeaderDefault,
.page-price-list .block-04 .prd-list-cover-holder .cover-content .pageHeaderDefault,
.prd-list-cover-holder .page-price-list .block-04 .cover-content .pageHeaderDefault,
.page-price-list .block-04 .ems-serial-cover .content-holder .pageHeaderDefault,
.ems-serial-cover .page-price-list .block-04 .content-holder .pageHeaderDefault,
.page-price-list .block-04 .compareHolder .compareMenuHolder .pageHeaderDefault,
.compareHolder .page-price-list .block-04 .compareMenuHolder .pageHeaderDefault,
.page-price-list .block-04 .compareHolder .compareContent .pageHeaderDefault,
.compareHolder .page-price-list .block-04 .compareContent .pageHeaderDefault,
.page-price-list .block-04 .page-compare .pageHeaderDefault {
    margin-top: 60px;
    margin-bottom: 15px;
}

.page-price-list .block-04 .uk-container .html-dropdown.price-list-groups>ul,
.page-price-list .block-04 .homepage-showcase .hs-container .html-dropdown.price-list-groups>ul,
.homepage-showcase .page-price-list .block-04 .hs-container .html-dropdown.price-list-groups>ul,
.page-price-list .block-04 .mod-mini-search-body .ems-form-inner .html-dropdown.price-list-groups>ul,
.mod-mini-search-body .page-price-list .block-04 .ems-form-inner .html-dropdown.price-list-groups>ul,
.page-price-list .block-04 .pageDefault .html-dropdown.price-list-groups>ul,
.page-price-list .block-04 .prd-list-cover-holder .cover-content .html-dropdown.price-list-groups>ul,
.prd-list-cover-holder .page-price-list .block-04 .cover-content .html-dropdown.price-list-groups>ul,
.page-price-list .block-04 .ems-serial-cover .content-holder .html-dropdown.price-list-groups>ul,
.ems-serial-cover .page-price-list .block-04 .content-holder .html-dropdown.price-list-groups>ul,
.page-price-list .block-04 .compareHolder .compareMenuHolder .html-dropdown.price-list-groups>ul,
.compareHolder .page-price-list .block-04 .compareMenuHolder .html-dropdown.price-list-groups>ul,
.page-price-list .block-04 .compareHolder .compareContent .html-dropdown.price-list-groups>ul,
.compareHolder .page-price-list .block-04 .compareContent .html-dropdown.price-list-groups>ul,
.page-price-list .block-04 .page-compare .html-dropdown.price-list-groups>ul {
    display: none;
}

.page-price-list .block-04 .uk-container .html-dropdown.price-list-groups.opened>ul,
.page-price-list .block-04 .homepage-showcase .hs-container .html-dropdown.price-list-groups.opened>ul,
.homepage-showcase .page-price-list .block-04 .hs-container .html-dropdown.price-list-groups.opened>ul,
.page-price-list .block-04 .mod-mini-search-body .ems-form-inner .html-dropdown.price-list-groups.opened>ul,
.mod-mini-search-body .page-price-list .block-04 .ems-form-inner .html-dropdown.price-list-groups.opened>ul,
.page-price-list .block-04 .pageDefault .html-dropdown.price-list-groups.opened>ul,
.page-price-list .block-04 .prd-list-cover-holder .cover-content .html-dropdown.price-list-groups.opened>ul,
.prd-list-cover-holder .page-price-list .block-04 .cover-content .html-dropdown.price-list-groups.opened>ul,
.page-price-list .block-04 .ems-serial-cover .content-holder .html-dropdown.price-list-groups.opened>ul,
.ems-serial-cover .page-price-list .block-04 .content-holder .html-dropdown.price-list-groups.opened>ul,
.page-price-list .block-04 .compareHolder .compareMenuHolder .html-dropdown.price-list-groups.opened>ul,
.compareHolder .page-price-list .block-04 .compareMenuHolder .html-dropdown.price-list-groups.opened>ul,
.page-price-list .block-04 .compareHolder .compareContent .html-dropdown.price-list-groups.opened>ul,
.compareHolder .page-price-list .block-04 .compareContent .html-dropdown.price-list-groups.opened>ul,
.page-price-list .block-04 .page-compare .html-dropdown.price-list-groups.opened>ul {
    display: block;
}

.page-price-list .block-04 .uk-container .html-dropdown.price-list-groups>ul>li.selected,
.page-price-list .block-04 .homepage-showcase .hs-container .html-dropdown.price-list-groups>ul>li.selected,
.homepage-showcase .page-price-list .block-04 .hs-container .html-dropdown.price-list-groups>ul>li.selected,
.page-price-list .block-04 .mod-mini-search-body .ems-form-inner .html-dropdown.price-list-groups>ul>li.selected,
.mod-mini-search-body .page-price-list .block-04 .ems-form-inner .html-dropdown.price-list-groups>ul>li.selected,
.page-price-list .block-04 .pageDefault .html-dropdown.price-list-groups>ul>li.selected,
.page-price-list .block-04 .prd-list-cover-holder .cover-content .html-dropdown.price-list-groups>ul>li.selected,
.prd-list-cover-holder .page-price-list .block-04 .cover-content .html-dropdown.price-list-groups>ul>li.selected,
.page-price-list .block-04 .ems-serial-cover .content-holder .html-dropdown.price-list-groups>ul>li.selected,
.ems-serial-cover .page-price-list .block-04 .content-holder .html-dropdown.price-list-groups>ul>li.selected,
.page-price-list .block-04 .compareHolder .compareMenuHolder .html-dropdown.price-list-groups>ul>li.selected,
.compareHolder .page-price-list .block-04 .compareMenuHolder .html-dropdown.price-list-groups>ul>li.selected,
.page-price-list .block-04 .compareHolder .compareContent .html-dropdown.price-list-groups>ul>li.selected,
.compareHolder .page-price-list .block-04 .compareContent .html-dropdown.price-list-groups>ul>li.selected,
.page-price-list .block-04 .page-compare .html-dropdown.price-list-groups>ul>li.selected {
    display: none;
}

.page-price-list .block-04 .result-found .empty-content-area {
    display: none !important;
}

.page-price-list .block-04 .empty-content-area {
    height: 370px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(168, 175, 166, 0.24);
}

.page-price-list .block-04 .empty-content-area>div {
    font-size: 18px;
    color: #000;
    padding-top: 19px;
}

.page-price-list .block-04 .hierarchy-accordion {
    margin-top: 30px;
}

.page-price-list .block-04 .hierarchy-accordion .post-catalog .uk-card-media-top {
    width: 312px;
    height: 365px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-price-list .block-04 .hierarchy-accordion .post-catalog .uk-card-media-top img {
    width: 100%;
    height: 100%;
}

.page-price-list .block-04 .hierarchy-accordion .uk-card-title {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.page-price-list .block-04 .hierarchy-accordion .card-title-type>div {
    padding: 0 5px 0 0;
}

@media (max-width: 960px) {
    .page-price-list .block-04 .search-holder {
        height: 55px;
    }
    .page-price-list .block-04 .search-holder input {
        height: 55px !important;
        background-size: 23px !important;
        padding-left: 28px !important;
        font-size: 15px;
    }
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-head {
        display: none;
    }
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-body>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 0;
    }
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-body>ul>li {
        padding: 0;
    }
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-body>ul .price-code {
        font-weight: bold;
        color: #000;
    }
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-body>ul .price-name {
        color: #000;
    }
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-body>ul .price-catalog {
        color: #828282;
    }
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-body>ul .price-category {
        color: #000;
        padding-bottom: 15px;
    }
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-body>ul .price2 span,
    .page-price-list .block-04 .price-list .price-list-table .price-list-table-body>ul .price1 span {
        font-weight: bold;
    }
    .page-price-list .block-04 .empty-content-area {
        height: 250px;
    }
    .page-price-list .block-04 .empty-content-area>picture>img {
        width: 100px;
    }
    .page-price-list .block-04 .empty-content-area>div {
        padding: 0 52px;
        text-align: center;
        margin-top: 20px;
    }
    .page-price-list .block-04 .hierarchy-accordion>.post-catalog {
        width: 100% !important;
    }
    .page-price-list .block-04 .hierarchy-accordion>.post-catalog .uk-card-media-top {
        margin-left: 15px;
    }
    .page-price-list .block-04 .hierarchy-accordion>.post-catalog .uk-card-body {
        margin: 0 15px;
    }
    .page-price-list .block-04 .page-top-title,
    .page-price-list .block-04 .pageHeaderDefault {
        font-size: 27px;
        color:#db3315;
        font-weight: bold;
    }
    .page-price-list .block-04 .page-top-desc {
        padding-bottom: 50px;
    }
}