:root {
	--color-bg: #f3f3f3;
	--color-theme: #0078d4;
	--color-theme-light: #d2eafc;
	--color-theme-hover: #0065b2;
	--color-seconday: #5cb85c;
	--color-seconday-hover: #2d792d;
	--color-third: #dc3545;
	--color-third-hover: #bf302b;
	--color-panel: #ffffff;
	--color-panel-contrast: #000000;

	--color-error: #c41212;
	--color-warn: #ffe40c;
	--color-succ: #0fb58c;
	--color-info: #83e5ff;


	--color-gray :#717171;
	--color-light-gray :#fafafa;
	--color-silver :#dbdbdb;
	--color-footer: #31394d;
	--color-footer-bar: #333333;

	--color-child-nav :#2c3e50;
	--color-title :#2c3e50;
	--color-title-line :#2c3e50;
	--color-default-text: rgb(0,0,0);
	--color-default-text-hover: var(--color-theme);

	--color-time: #3f53a5;
	--color-member: #1d8d01!important;
	--swiper-theme-color: var(--color-theme);
	--swiper-navigation-color: var(--swiper-theme-color);

	--space: 5px;
	--space-2x: calc(var(--space) * 2);
	--space-3x: calc(var(--space) * 3);
	--space-4x: calc(var(--space) * 4);
	--space-8x: calc(var(--space) * 8);

	--radius : 4px;
}

[data-theme="green"]:root {
	--color-theme: #8b9f5f;
	--color-theme-light: #a7bd76;
	--color-theme-hover: #647935;
	--color-seconday: #5cb85c;
	--color-seconday-hover: #2d792d;
	--color-third: #dc3545;
	--color-third-hover: #bf302b;
	--color-panel: #ffffff;
	--color-panel-contrast: #000000;

	--color-gray :#717171;
	--color-light-gray :#fafafa;
	--color-silver :#dbdbdb;
	--color-footer: #31394d;
	--color-footer-bar: #333333;

	--color-child-nav :#2c3e50;
	--color-title :#5d6d39;
	--color-title-line :#8b9f5f;
	--color-default-text: rgb(0,0,0);
	--color-default-text-hover: var(--color-theme);

	--color-time: #3f53a5;
	--swiper-theme-color: var(--color-theme);
	--swiper-navigation-color: var(--swiper-theme-color);
}
[data-theme="chocolate"]:root {
	--color-theme: #a0410d;
	--color-theme-light: #a7bd76;
	--color-theme-hover: #647935;
	--color-seconday: #5cb85c;
	--color-seconday-hover: #2d792d;
	--color-third: #dc3545;
	--color-third-hover: #bf302b;
	--color-panel: #ffffff;
	--color-panel-contrast: #000000;

	--color-gray :#717171;
	--color-light-gray :#fafafa;
	--color-silver :#dbdbdb;
	--color-footer: #31394d;
	--color-footer-bar: #333333;

	--color-child-nav :#2c3e50;
	--color-title :#5d6d39;
	--color-title-line :#8b9f5f;
	--color-default-text: rgb(0,0,0);
	--color-default-text-hover: var(--color-theme);

	--color-time: #3f53a5;
	--swiper-theme-color: var(--color-theme);
	--swiper-navigation-color: var(--swiper-theme-color);
}
[data-theme="red"]:root {
	--color-theme:#8a170f;
	--color-theme-light:  #e8abac;
	--color-theme-hover: #b30002;
	--color-seconday: #5cb85c;
	--color-seconday-hover: #2d792d;
	--color-third: #dc3545;
	--color-third-hover: #bf302b;
	--color-panel: #ffffff;
	--color-panel-contrast: #000000;

	--color-gray :#717171;
	--color-light-gray :#fafafa;
	--color-silver :#dbdbdb;
	--color-footer: #31394d;
	--color-footer-bar: #333333;

	--color-child-nav :#2c3e50;
	--color-title :#8a170f;
	--color-title-line :#8a170f;
	--color-default-text: rgb(0,0,0);
	--color-default-text-hover: var(--color-theme);

	--color-time: #3f53a5;
	--swiper-theme-color: var(--color-theme);
	--swiper-navigation-color: var(--swiper-theme-color);
}
[data-theme="darkpurple"]:root {
	--color-bg: #e6e7e8;
	--color-theme:#3f53a5;
	--color-theme-light:  #81add8;
	--color-theme-hover: #220086;
	--color-seconday: #5cb85c;
	--color-seconday-hover: #2d792d;
	--color-third: #dc3545;
	--color-third-hover: #bf302b;
	--color-panel: #ffffff;
	--color-panel-contrast: #000000;

	--color-gray :#717171;
	--color-light-gray :#fafafa;
	--color-silver :#dbdbdb;
	--color-footer: #31394d;
	--color-footer-bar: #333333;

	--color-child-nav :#2c3e50;
	--color-title :#3f53a5;
	--color-title-line :#3f53a5;
	--color-default-text: rgb(0,0,0);
	--color-default-text-hover: var(--color-theme);

	--color-time: #3f53a5;
	--swiper-theme-color: var(--color-theme);
	--swiper-navigation-color: var(--swiper-theme-color);
}

[data-theme="purple"]:root {
	--color-bg: #e6e7e8;
	--color-theme:#274c77;
	--color-theme-light:  #a3cef1;
	--color-theme-hover: #568bc7;
	--color-seconday: #6096ba;
	--color-seconday-hover: #7dbbe4;
	--color-panel: #ffffff;
	--color-panel-contrast: #000000;

	--color-title :#20006c;
	--color-title-line :#20006c;
	--color-member:#006633!important;


}
/*********************************
  Form Elements
*******************************/
.button i, button i, input[type=button] i, input[type=reset] i, input[type=submit] i {
    margin: 0 4px
}

.button, button, input[type=button], input[type=reset], input[type=submit] {
    display: inline-block;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    border: 1px solid transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button[disabled], button[disabled], input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled] {
    background-color: silver !important;
    border-color: silver !important;
    color: #000 !important;
    cursor: default !important;
    opacity: .9 !important;
    pointer-events: none !important
}

input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=week], select, textarea {
    border: none;
    box-shadow: none;
    box-sizing: inherit;
    font-family: inherit;
    padding: 8px 4px;
    width: 100%
}

.button[disabled]:focus, .button[disabled]:hover, button[disabled]:focus, button[disabled]:hover, input[type=button][disabled]:focus, input[type=button][disabled]:hover, input[type=reset][disabled]:focus, input[type=reset][disabled]:hover, input[type=submit][disabled]:focus, input[type=submit][disabled]:hover {
    background-color: var(--color-bg) !important;
    border-color: var(--color-bg) !important;
    color: var(--color-default-text) !important;
    opacity: 1 !important
}

.bt-default {
    background-color: var(--color-theme);
    border-color: var(--color-theme);
    color: #fff!important
}

.bt-default:hover {
    background-color: var(--color-theme-hover);
    border-color: var(--color-theme-hover);
    color: #fff
}

.bt-default-outline {
    background-color: #fff;
    border-color: var(--color-theme);
    color: var(--color-theme)
}

.bt-default-outline:focus, .bt-default-outline:hover {
    background-color: var(--color-theme-hover);
    border-color: var(--color-theme-hover);
    color: #fff
}

.bt-default-clear {
    background-color: transparent;
    color: #fff
}

.bt-default-clear:focus, .bt-default-clear:hover {
    background-color: transparent;
    color: rgba(255,255,255,.6)
}

.bt-white {
    background-color: #fff;
    border-color: #fff;
    color: var(--color-default-text)
}

.bt-white:focus, .bt-white:hover {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
    color: rgba(0,0,0,.8)
}

.bt-white-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.bt-white-outline:focus, .bt-white-outline:hover {
    background-color: rgba(255,255,255,.8);
    border-color: rgba(255,255,255,.8);
    color: rgba(255,255,255,.6)
}

.bt-white-clear {
    background-color: transparent;
    color: #fff
}

.bt-white-clear:focus, .bt-white-clear:hover {
    background-color: transparent;
    color: rgba(255,255,255,.6)
}

.bt-secondary {
    background-color: var(--color-seconday) !important;
    border-color: var(--color-seconday) !important;
    color: #fff !important
}

.bt-secondary:focus, .bt-secondary:hover {
    background-color: var(--color-seconday-hover) !important;
    border-color: transparent !important;
    color: rgba(255,255,255,.8) !important
}

.bt-secondary-outline {
    background-color: transparent;
    border-color: var(--color-seconday);
    color: var(--color-seconday)
}

.bt-secondary-outline:focus, .bt-secondary-outline:hover {
    background-color: transparent;
    border-color: var(--color-seconday-hover);
    color: var(--color-seconday-hover)
}

.bt-third {
    background-color: var(--color-silver) !important;
    border-color: var(--color-silver) !important;
    color: #000 !important
}

.bt-third:focus, .bt-third:hover {
    background-color: var(--color-gray) !important;
    border-color: transparent !important;
    color: #fff !important
}

.bt-third-outline {
    background-color: transparent;
    border-color: var(--color-gray);
    color: var(--color-gray)
}

.bt-third-outline:focus, .bt-third-outline:hover {
    background-color: transparent;
    border-color: var(--color-silver);
    color: var(--color-silver)
}

.bt-light {
    background-color: var(--color-panel)!important;
    border-color: var(--color-panel)!important;
    color: var(--color-theme) !important;
	pointer-events: none;
	cursor:pointer;
}

.bt-dark {
    background-color: var(--color-panel-contrast);
    border-color: var(--color-panel-contrast);
    color: var(--color-panel) !important
}

.bt-dark i {
    color: var(--color-panel)
}

.bt-dark:hover {
    background-color: rgba(0,0,0,.6);
    border-color: transparent;
    color: #fff
}

.bt-dark-outline {
    background-color: transparent;
    border-color: var(--color-dark);
    color: var(--color-dark)
}

.bt-dark-outline:hover {
    background-color: rgba(0,0,0,.1);
    border-color: transparent;
    color: rgba(0,0,0,.6)
}

.bt-dark-clear {
    background-color: transparent;
    color: var(--color-dark)
}

.bt-dark-clear:focus, .bt-dark-clear:hover {
    background-color: transparent;
    color: rgba(255,255,255,.6)
}

.bt-green {
    background-color: var(--green-10);
    border-color: var(--green);
    color: unset
}

.bt-green:focus, .bt-green:hover {
    background-color: rgba(0,0,0,.1);
    border-color: transparent;
    color: rgba(0,0,0,.6)
}

.bt-error {
    background-color: var(--color-error);
    border-color: var(--color-error);
    color: white;
}

.bt-block:focus, .bt-green:hover {
    background-color: rgba(0,0,0,.1);
    border-color: transparent;
    color: rgba(0,0,0,.6)
}


input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=week], select, textarea {
    background-color: #edeff4;
    border: none;
    box-shadow: none;
    box-sizing: inherit;
    font-family: inherit;
    height: 36px;
    padding: 4px;
    width: 100%
}

input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    outline: 0;
	background-color:#dadada;
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select.w-reset {
    width: auto !important
}

select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>');
    background: #edeff4 center right no-repeat;
    padding-right: 3rem
}

select:focus {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>');
    background: #dadada center right no-repeat
}

select[multiple] {
    background: 0 0;
    height: auto
}

textarea {
    resize: none;
    overflow: auto;
}

fieldset {
    border-width: 0;
    padding: var(--space-2x)
}

input[type=checkbox], input[type=radio] {
    display: inline-block;
    margin-right: 5px
}

input[type=checkbox] + label, input[type=radio] + label {
    display: inline-block;
    margin-right: 10px
}

.input-container {
    align-items: center;
    background-color: var(--bg-color);
    border-radius: var(--radius);
    border: 1px solid transparent;
    color: #9fa4a2;
    margin-bottom: 4px;
    padding: 4px
}

.input-container:focus {
    background-color: #f3f3f3
}

.input-container input {
    background-color: transparent !important;
    border: 1px solid transparent;
    border-radius: var(--radius);
    padding: 0
}

.input-container.error {
    background-color: var(--color-seconday-10);
    border: 1px solid var(--color-seconday-20)
}

.input-error:before {
    content: 'Hata';
    display: inline-block;
    font-weight: 300;
    margin-right: 5px
}

.input-container.error input {
    color: var(--red)
}

.input-error:empty {
    display: none
}

.input-error {
    color: var(--red);
    font-size: .813em;
    padding: 5px 0
}
.TextEditor {
	align-items: center;
    background-color: #edeff4;
    border-radius: var(--radius);
    border: 1px solid transparent;
    margin-bottom: 4px;
    padding: 4px;
	min-height:150px;
}
/*********************************
  Custom Fonts
*******************************/
@font-face{font-family:Poppins;font-style:italic;font-weight:400;font-display:block;src:url(/global/v2/css/external/webfonts/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:italic;font-weight:400;font-display:block;src:url(/global/v2/css/external/webfonts/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:italic;font-weight:400;font-display:block;src:url(/global/v2/css/external/webfonts/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:italic;font-weight:500;font-display:block;src:url(/global/v2/css/external/webfonts/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:italic;font-weight:500;font-display:block;src:url(/global/v2/css/external/webfonts/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:italic;font-weight:500;font-display:block;src:url(/global/v2/css/external/webfonts/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:italic;font-weight:600;font-display:block;src:url(/global/v2/css/external/webfonts/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:italic;font-weight:600;font-display:block;src:url(/global/v2/css/external/webfonts/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:italic;font-weight:600;font-display:block;src:url(/global/v2/css/external/webfonts/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:block;src:url(/global/v2/css/external/webfonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:block;src:url(/global/v2/css/external/webfonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:block;src:url(/global/v2/css/external/webfonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:block;src:url(/global/v2/css/external/webfonts/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/*********************************
  Reset Elements
*******************************/
html													{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent;}
body													{margin:0; padding:0;}
dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul	{font-size:inherit}
label													{margin:0;padding:0}
hr														{display:block;border:0;border-top:1px solid var(--color-bg);box-sizing:content-box;height:0; margin:var(--space) 0; overflow:visible}
hr.hr\:2x												{border-top-width:2px}
hr.hr\:3x												{border-top-width:3px}
hr.hr\:4x												{border-top-width:4px}
pre														{font-family:monospace,monospace;font-size:1em}
abbr[title]												{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
iframe                                                  {border:0;  }
code,kbd,samp											{font-family:monospace,monospace;font-size:1em}
small													{font-size:80%}
sub,sup													{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub														{bottom:-0.25em}
sup														{top:-0.5em}
img														{display:inline-block; line-height:normal!important; max-width:100%}
* > img,* > svg                                         {vertical-align:middle;}
button,input,optgroup,select,textarea					{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input											{overflow:visible}
button,select											{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]	{-webkit-appearance:button}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner						{border-style:none;padding:0}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring							{outline:1px dotted var(--color-silver)}
fieldset												{background-color:var(--color-panel); border:1px solid var(--color-silver); padding:var(--space-2x); margin:0}
figure, figure figcaption								{ margin:0; padding:0;}
legend													{background-color:var(--color-light-gray); border:1px solid var(--color-silver);  box-sizing:border-box; max-width:100%;padding:var(--space-2x);white-space:normal}
progress												{vertical-align:baseline}
textarea												{overflow:auto}
[type="checkbox"],[type="radio"]						{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button				{height:auto}
[type="search"]											{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration				{-webkit-appearance:none}
::-webkit-file-upload-button							{-webkit-appearance:button;font:inherit}
details, main											{display:block}
summary													{display:list-item}
template												{display:none}
table													{border-collapse:collapse;}
table tr td												{padding:0; margin:0;}
.hidden, [hidden]										{display:none}
nav dl,nav ol,nav ul									{margin:0;padding:0}
.swiper-slide											{height:auto!important;}



body, html, *, *::after, *:before {
	box-sizing: border-box;
}
html													{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent;}
body {
	background-color: var(--color-bg);
	box-sizing: border-box;
}

body {
	font-size:0.750em;
	color: var(--color-default-text);
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 400;
	line-height: 1.325em;
}

/*********************************
  Columns / Layout Items
*******************************/

.grid					{display: grid; grid-gap:var(--space-4x); grid-template-columns: repeat(12,minmax(1px, 8.33333333333333333%)); min-height: 0; min-width: 0; }
.grid.row				{grid-template-rows:repeat(6, auto);}
.grid.border > [class*="col-"]				{border:1px solid var(--color-bg); padding:4px}
.grid.head > [class*="col-"]				{background-color: var(--color-bg); padding:4px}
.flex					{align-items:center; display:flex; flex-direction:row; white-space:nowrap}
.flex > *				{margin-right:2px}
.flex .row				{flex:1;}

.flex > .f-col			{flex:1 0 0%}
.flex > .f-col-auto		{flex:0 0 auto; width:auto}

.grid-with-sticky		{display:block}
[class*="col-"]			{word-break: break-word; min-width: 0;}
.col-1					{grid-column: span 1}
.col-2					{grid-column: span 2}
.col-3					{grid-column: span 3}
.col-4					{grid-column: span 4}
.col-5					{grid-column: span 5}
.col-6					{grid-column: span 6}
.col-7					{grid-column: span 7}
.col-8					{grid-column: span 8}
.col-9					{grid-column: span 9}
.col-10					{grid-column: span 10}
.col-11					{grid-column: span 11}
.col-12					{grid-column: span 12}

.row-1					{grid-row: span 1}
.row-2					{grid-row: span 2}
.row-3					{grid-row: span 3}
.row-4					{grid-row: span 4}
.row-5					{grid-row: span 5}
.row-6					{grid-row: span 6}

div.cells						{
	--space-unit : 6px;
	font-size:13px;
	letter-spacing:-0.2px;

}
div.cells .tr					{align-items:center; display:flex; flex-wrap:nowrap; column-gap:var(--space-unit)}
div.cells .tr.pages				{background-color:white!important;}
div.cells .tr.bg:nth-child(odd)	{background-color:#EDF2F7}
div.cells .tr.bg:nth-child(even)	{background-color:white}

div.cells.row-space .tr					{margin:8px 0}
div.cells.bg .tr:nth-child(odd)		{background-color:#EDF2F7}
div.cells.bg .tr:nth-child(even)	{background-color:white}

div.cells.border .tr				{border-bottom:1px solid #eaedf2}


div.cells .tr .td				{flex: 1 0 0%; padding:var(--space-unit)}
div.cells .tr.head				{background-color:#CBD5E0!important; font-weight:600}
div.cells .tr.wrap				{flex-wrap:wrap; row-gap:var(--space-unit)}

div.cells .tr .td.auto			{flex: 0 0 auto}
div.cells .tr .td.col-1			{flex: 0 0 calc(8.33333333% - var(--space-unit))}
div.cells .tr .td.col-2			{flex: 0 0 calc(16.66666667% - var(--space-unit))}
div.cells .tr .td.col-3			{flex: 0 0 calc(25% - var(--space-unit))}
div.cells .tr .td.col-4			{flex: 0 0 calc(33.33333333% - var(--space-unit))}
div.cells .tr .td.col-5			{flex: 0 0 calc(41.66666667% - var(--space-unit))}
div.cells .tr .td.col-6			{flex: 0 0 calc(50% - var(--space-unit))}
div.cells .tr .td.col-7			{flex: 0 0 calc(58.33333333% - var(--space-unit))}
div.cells .tr .td.col-8			{flex: 0 0 calc(66.66666667% - var(--space-unit))}
div.cells .tr .td.col-9			{flex: 0 0 calc(75% - var(--space-unit))}
div.cells .tr .td.col-10		{flex: 0 0 calc(83.33333333% - var(--space-unit))}
div.cells .tr .td.col-11		{flex: 0 0 calc(91.66666667% - var(--space-unit))}
div.cells .tr .td.col-12		{flex: 0 0 100%}


div.cells.pad\:0 .tr .td		{--space-unit:0px; column-gap:8px}
div.cells.align\:top > .tr		{align-items:start;}

div.cells.inbox 					{align-items:center; column-gap:6px}
div.cells.inbox .tr:hover			{background-color:#eaedf2}
div.cells.inbox .tr .td				{--space-unit:4px}
div.cells.inbox .tr .td	 img		{border:1px solid #eaedf2; border-radius:50%; width:32px; height:32px; padding:2px;}
div.cells.inbox .tr:hover .td	 img		{border:1px solid #DBDFE9; }
div.cells.inbox .tr .td .member		{color:#7e92b0!important; font-size:12px!important; font-weight:400;}
div.cells.inbox .tr .td .title		{color:#444f63}
div.cells.inbox .tr .td .date-time	{color:#7e92b0!important; font-size:12px; font-weight:400;}
div.cells.inbox .tr.Unread			{background-color:#DBDFE9!important}
div.cells.inbox .tr input[type=checkbox] {margin:0!important}

div.cells.inbox .tr .td.show-bt .btns 	{display:none; text-align:right}
div.cells.inbox .tr .td.show-bt .btns i	{cursor:pointer;}
div.cells.inbox .tr .td.show-bt:hover .btns	{display:unset}


/*********************************
  Basic margin padding spacing
*******************************/
[class*="space"]		{content:""; min-height:var(--space)}

.spc			{height:var(--space)}
.spc\:2x		{height:var(--space-2x)}
.spc\:3x		{height:var(--space-3x)}
.spc\:4x		{height:var(--space-4x)}
.spc\:8x		{height:var(--space-8x)}

.td\:2x td		{padding:2px;}

.gap\:0			{grid-gap:0!important}
.gap			{grid-gap:var(--space)!important}
.gap\:2x		{grid-gap:var(--space-2x)!important}
.gap\:3x		{grid-gap:var(--space-3x)}
.gap\:4x		{grid-gap:var(--space-4x)}

.rad			{border-radius:var(--radius); overflow:hidden;}

td				{padding:4px 0}
.pad\:0			{padding:0!important}
.pad\:l-r\:0	{padding-left:0!important;padding-right:0!important}
.pad			{padding:var(--space)!important}
.pad\:2x		{padding:var(--space-2x)}
.pad\:3x		{padding:var(--space-3x)}
.pad\:4x		{padding:var(--space-4x)}

.pad\:l			{padding-left:var(--space)}
.pad\:l\:2x		{padding-left:var(--space-2x)}
.pad\:l\:3x		{padding-left:var(--space-3x)}
.pad\:l\:4x		{padding-left:var(--space-4x)}

.pad\:r			{padding-right:var(--space)}
.pad\:r\:2x		{padding-right:var(--space-2x)}
.pad\:r\:3x		{padding-right:var(--space-3x)}
.pad\:r\:4x		{padding-right:var(--space-4x)}

.pad\:t			{padding-top:var(--space)}
.pad\:t\:2x		{padding-top:var(--space-2x)}
.pad\:t\:3x		{padding-top:var(--space-3x)}
.pad\:t\:4x		{padding-top:var(--space-4x)}

.pad\:b			{padding-bottom:var(--space)}
.pad\:b\:2x		{padding-bottom:var(--space-2x)}
.pad\:b\:3x		{padding-bottom:var(--space-3x)}
.pad\:b\:4x		{padding-bottom:var(--space-4x)}

.ma				{margin:var(--space)}
.ma\:auto		{margin:auto}
.ma\:0			{margin:0!important}
.ma\:l-r\:0		{margin-left:0!important;margin-right:0!important}
.ma\:2x			{margin:var(--space-2x)}
.ma\:3x			{margin:var(--space-3x)}
.ma\:4x			{margin:var(--space-4x)}

.ma\:l\:auto	{margin-left:auto}
.ma\:l		{margin-left:var(--space)}
.ma\:l\:2x	{margin-left:var(--space-2x)}
.ma\:l\:3x	{margin-left:var(--space-3x)}
.ma\:l\:4x	{margin-left:var(--space-4x)}

.ma\:r\:auto	{margin-right:auto}
.ma\:r		{margin-right:var(--space)}
.ma\:r\:2x	{margin-right:var(--space-2x)}
.ma\:r\:3x	{margin-right:var(--space-3x)}
.ma\:r\:4x	{margin-right:var(--space-4x)}

.ma\:t		{margin-top:var(--space)}
.ma\:t\:2x	{margin-top:var(--space-2x)}
.ma\:t\:3x	{margin-top:var(--space-3x)}
.ma\:t\:4x	{margin-top:var(--space-4x)}

.ma\:b		{margin-bottom:var(--space)}
.ma\:b\:2x	{margin-bottom:var(--space-2x)}
.ma\:b\:3x	{margin-bottom:var(--space-3x)}
.ma\:b\:4x	{margin-bottom:var(--space-4x)}

.w\:100		{width:100%}
.w\:50		{width:50%}
.h\:100		{height:100%}

/*********************************
  Basic Aligment
*******************************/
.align\:center			{align-items: center; justify-content: center;}
.align\:left			{align-items: center; justify-content: flex-start;}
.align\:right			{align-items: center; justify-content: flex-end;}
.align\:fix				{align-items: center; justify-content: space-between;}

.txt\:center		{text-align:center}
.txt\:right			{text-align:right}
.txt\:left			{text-align:left}
.txt\:capital		{text-transform:capitalize}

.line\:h			{line-height:1em;}
.line\:h\:2x			{line-height:1.1250em;}
.line\:h\:3x			{line-height:1.250em;}
.line\:h\:4x			{line-height:1.375em;}
.line\:h\:5x			{line-height:1.5em;}
.line\:h\:6x			{line-height:1.813em;}
.line\:h\:7x			{line-height:2em;}

/*********************************
  Typography
*******************************/
 /* Default Links */
a					{color:var(--color-default-text); display:inline-block; text-decoration:none}
a:visited			{color:var(--color-gray);}
a:focus				{color:var(--color-theme);}
a:hover				{color:var(--color-theme-hover); }
a.theme				{color:var(--color-theme);}
a.theme:hover		{color:var(--color-theme-hover);}

 /* Default Links */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 600;  letter-spacing:-0.02em; margin:0em;}
h1, h2, h3, h4, h5, h6								{margin:0}

.h1, h1												{font-size: 2em; line-height:1.375em}
.h2, h2												{font-size: 1.75em; line-height:1.125em;}
.h3, h3												{font-size: 1.5em;}
.h4, h4												{font-size: 1.25em;}
.h5, h5												{font-size: 1em; line-height:1.50em;}
.h6, h6												{font-size: 0.875em;}
.reset-text,
.reset-text *										{font-size:1em!important;}

b,.b,strong,.strong									{font-weight:600;}
.bolder												{font-weight:700;}

.txt\:blink											{animation:blinkingText 2s infinite;}
@keyframes blinkingText								{0%{color: #000;} 25%{color: #ff0000;} 75%{color: #ff0000;}100%{color: #000;}}

.font-size\:-4x					{font-size:0.813em;}
.font-size\:-3x					{font-size:0.875em;}
.font-size\:-2x					{font-size:0.938em;}
.font-size\:x					{font-size:1em;}
.font-size\:2x					{font-size:1.063em;}
.font-size\:3x					{font-size:1.125em;}
.font-size\:4x					{font-size:1.188em;}
.font-size\:5x					{font-size:1.250em;}
.font-size\:6x					{font-size:1.313em;}
.font-size\:7x					{font-size:1.375em;}
.font-size\:8x					{font-size:1.438em;}
.font-size\:9x					{font-size:1.5em;}

/*********************************
  Colors
*********************************/
.color\:theme					{color:var(--color-theme)}
.color\:second					{color:var(--color-seconday)}
.color\:third					{color:var(--color-third)}
.color\:silver					{color:var(--color-silver)}
.color\:white					{color:#fff}
.color\:white *					{color:#fff!important}
.color\:yellow					{color:#ffce58}
.color\:red						{color:#ff0000}


/*********************************
  Display
*********************************/
.display\:pc			{display:none}
.display\:mobil			{display:inherit}
.display\:block			{display:block}
.hide					{display:none!important;}
.show					{display:block!important;}
.show-grid				{display:grid!important;}
.ovf\:hide				{overflow:hidden;}
.point					{cursor:pointer;}
.nobr					{white-space:nowrap;}
.wrap					{white-space:normal!important;}

/*********************************
  Positions
*******************************/
.po\:rel			{position:relative;}
.po\:abs			{position:absolute}
.po\:stic			{position:sticky; top:0}
.order\:0			{order:0}
.order\:1			{order:1}
.order\:2			{order:2}
.order\:3			{order:3}
.order\:4			{order:4}
.order\:end			{z-index:2147483647}

/*********************************
  ADS
*******************************/
div.page-skin								{display:none}
.widget-320x100								{margin:0 auto 20px auto; text-align:center;}
.widget-336x280								{margin:auto; display:grid;place-items:center}
.widget-article								{display:block; clear:both; float:none; width:100%;}
.widget-article [id*="div-gpt"]				{background-color:var(--color-bg); padding:10px;}
[class*="widget"] [id*="div-gpt"]			{text-align:center}
[class*="widget"] iframe					{display:block; margin:auto}

.widget-sticky-mobil						{bottom:0; min-height:50px; max-height:150px; max-width:320px; min-width:300px; margin:10px auto 0 auto;
											 position: -webkit-sticky;
											position: -moz-sticky;
											position: -o-sticky;
											position: -ms-sticky;
											position: sticky;
											 z-index:999}
.widget-sticky-mobil .fad					{font-size:1.6em;}
.widget-sticky-mobil .widget-container		{background-color:var(--color-panel); min-height:50px; max-height:100px; max-width:320px; min-width:300px;}
.widget-sticky-mobil .close-sticky			{background-color:red; color:white; padding:4px;}

.auto-promo-text							{background-color:red; bottom:5px; color:white; display:inline-block; font-size:0.875em; padding:2px; position:absolute; left:5px;}

/*********************************
  Global Visual Items
*******************************/
header.desktop							{display:none}
header.mobil							{background-color:var(--color-theme);padding:0;position: sticky;top: 0;z-index: 999999;}
header.mobil .menu-icon					{color:white; padding:12px; font-size:1.75em; min-width:40px; text-align:center; }
header.mobil .menu-icon.opened			{background-color:var(--color-bg); color:var(--color-theme)}

/*
header.mobil							{background-color:#E30A17;}
header.mobil .menu-icon.opened			{color:#E30A17}
*/
header.sticky							{position:sticky!important; transform:translateY(-100px); top:-300px; transition:all 1s}
header.sticky.top						{transform:translateY(0px); top:0px; transition:all 1s}

.loading								{align-items:center; background-color:var(--color-bg); color:silver; display:flex; height:100vh; justify-content:center; left:0;  position:fixed; right:0; text-align:center; width:100vw; z-index:99999999999; }

table.border		{width:100%}
table.border td		{border:1px solid var(--color-bg); padding:4px}
table.border.odd tr:nth-child(odd)			{background-color:var(--color-light-gray);}

.mobil\:menu										{background-color:var(--color-bg);font-size:1em; height:calc(100vh - 35px); overflow:scroll; position:fixed; margin-left:-200vw; transition: all 0.1s ease-in-out; top:45px; width:100%;  z-index:999999}
.mobil\:menu > a									{align-items:center; display:grid; grid-template-columns:35px auto 40px; border-bottom:1px solid var(--color-silver); font-weight:500; padding:3px 15px;}
.mobil\:menu > a em									{text-align:right;}
.mobil\:menu > a > i								{background-color:white; border-radius:50%; height:25px; line-height:25px; text-align:center; width:25px; }
.mobil\:menu .sub									{display:none; background-color:var(--color-light-gray); padding:10px 50px}
.mobil\:menu .sub a									{border-bottom:1px solid var(--color-bg); display:block; font-size:0.913em; padding:5px 0}
.mobil\:menu .sub a	span:before						{display:inline-block; content:"\2022"; font-size:1.5em; margin-right:5px;}
.mobil\:menu.open									{margin-left:0;}
.mobil\:menu .other									{text-align:center; font-size:0.813em}

.panel								{background-color:var(--color-panel);}
.panel:empty						{display:none}
.panel\:theme						{background-color:var(--color-theme);}
.panel\:secondary					{background-color:var(--color-panel-contrast); color:var(--color-panel)}
.panel\:secondary .item				{background-color:var(--color-panel-contrast)!important; color:var(--color-panel)}
.panel\:secondary a,
.panel\:secondary i					{color:var(--color-panel)}

.section > h2						{grid-column: span 12}
section > h2.title					{align-items:center; display:flex; color:var(--color-title); font-size:1.25em; font-weight:600;  padding:0 0 5px 0; height:25px; white-space:nowrap;}
section > h2.title a				{color:var(--color-title);}
section > h2.title a:visited		{color:var(--color-title)!important}


section > h2.title .all				{color:var(--color-title); display:inline-block; font-size:0.750em; font-weight:500; margin-left:10px;  }
section > h2.title i				{display:block; height:5px; width:100%; }
section > h3.title					{align-items:center; display:flex; border-bottom:1px dashed var(--color-silver); font-size:1.125em; font-weight:500; white-space:nowrap;}
section > h4.title					{align-items:end; display:flex; color:var(--color-title); font-size:1em; font-weight:700; margin:var(--space) 0; white-space:nowrap;}
section > h3.title .link			{margin-left:auto; display:inline-block ; font-size:0.813em; font-weight:500;}

div.page-title	h1					{color: #333333; font-size: 2em; font-weight: 600; padding-bottom: var(--space-2x); text-align: left;}
div.page-title::after				{background-color: var(--color-theme); display:block; content:" "; height:3px; margin-bottom: var(--space-4x); width:30%}

.local-banner						{align-items:center; background-color:var(--color-theme); color:var(--color-panel)!important; display:flex; }
.local-banner:hover					{background-color:var(--color-theme-hover);}

.content-items 						{list-style-type:none;}
.content-items .item				{background-color:var(--color-panel);}
.content-items .item.odd,
.content-items.odd:nth-child(odd) .item			{background-color:var(--color-panel);}
.content-items .item.even			{background-color:#e8e8e8;}
.content-items .item.no-bg			{background-color:transparent!important}
.content-items .item.shadow			{box-shadow:0 0 2px 1px rgba(0,0,0,0.05);}
.content-items .item .title			{display: -webkit-box;  margin:8px; overflow: hidden; text-overflow:ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.content-items .item .h2.title,
.content-items .item h2.title		{font-size:1.313em; line-height: 1.563em; font-weight:600;}
.content-items .item .h3.title,
.content-items .item h3.title		{font-size:1.125em; line-height: 1.563em; font-weight:600;}
.content-items .item h4.title,
.content-items .item .h4.title		{font-size:1em; font-weight:600;}
.content-items .item h5.title,
.content-items .item .h5.title		{font-size:0.875em; font-weight:500;}

.content-items .item:hover,
.content-items .item:hover .h2,
.content-items .item:hover h2,
.content-items .item:hover .h3,
.content-items .item:hover h3,
.content-items .item:hover h4,
.content-items .item:hover .h4
.content-items .item:hover h5,
.content-items .item:hover .h5				{color:var(--color-theme)}
.content-items .item img					{height:auto; vertical-align:middle; width:100%}

.content-items.list .item					{align-items:center; display:grid; grid-column-gap:var(--space-2x); grid-template-columns:1fr; justify-content:flex-start; padding:var(--space-3x)}
.content-items.list ul,
.content-items.list ul li					{margin:0; padding: 0; text-indent: 0; list-style-type:none}

.content-items.list.narrow .item			{padding:var(--space) var(--space-3x)}
.content-items.list .item.img-right figure	{align-items:center; display:grid; grid-column-gap:var(--space-2x); grid-template-columns:3fr 2fr; justify-content:flex-start;}
.content-items.list .item.img-left figure	{align-items:center; display:grid; grid-column-gap:var(--space-2x); grid-template-columns:2fr 3fr; justify-content:flex-start;}
.content-items.list .item.img-left.square figure	{grid-template-columns:1fr 4fr;}
.content-items.list .item.img-left.square-mini figure	{grid-template-columns:96px 1fr;}
.content-items.list *:not(:first-child) .item,
.content-items.list .item:not(:first-child){border-top:1px dashed #dedede;}
.content-items.list.half					{display:grid; grid-column-gap:var(--space-2x); grid-template-columns:1fr 1fr;}
.content-items.list.half > .item:nth-child(2)			{border-top:none!important}

.content-items.list .item .title			{margin:0}

.content-items .head-bg 						{background-color:var(--color-theme); color:white}
.content-items .head-bg *						{color:white}
.content-items .head-bg:hover,
.content-items .head-bg *:hover					{color:rgba(255,255,255,.8)}

.user-menu									{left:0; top:45px; position:fixed; z-index:2147483647; width:100%;}
.user-mobil-menu 							{align-content:center; text-align:center;}
.user-mobil-menu a							{background-color:var(--color-bg);  padding:var(--space)}
.user-mobil-menu a i						{color:var(--color-theme)}

ol.steps									{counter-reset: cok-okunanlar; list-style: none; margin: 0; padding: 0;}
ol.steps li									{counter-increment: cok-okunanlar; display: flex; position:relative;}
ol.steps li:not(:first-child)				{border-top:1px dashed #dedede;}
ol.steps li .item							{border-top:none!important}
ol.steps li::after							{background-color:var(--color-panel); border:1px solid var(--color-bg); color:var(--color-gray); content: counter(cok-okunanlar); font-family:'Times New Roman'; font-size: 2.5em; font-style:italic; font-weight:700; line-height: 1; position:absolute; right:10px; top:5px; min-width:30px; text-align:center;}

.inline-items								{align-items:center; display:flex; flex-wrap:wrap; list-style-type:none;}
.inline-items .item							{align-items:center; display:flex;}
.inline-items .item svg						{margin-top:-4px}
.inline-items .item:not(:last-child):after	{display:inline-block; content: ""; height: 12px; width: 1px; margin:0 12px; background: var(--color-silver);}
.inline-items.no-line .item:after			{display:none}
.inline-items.no-line .item					{margin-left:var(--space); padding-right:var(--space)}
.inline-items.no-line .item:first-child		{margin-left:0}

.list-items a								{display:block; padding:4px 0}
.list-items a:not(:first-child)				{border-top:1px dotted var(--color-bg);}
.list-items.odd a:nth-child(odd)			{background-color:var(--color-light-gray);}

.img-wrapper								{display:block; position:relative}
.img-wrapper .stamp							{background-color:var(--color-title); color:var(--color-panel); font-size:0.875em; bottom:0px; padding:4px; position:absolute; right:0;}
.img-wrapper .ad-stamp						{background-color:var(--color-panel-contrast); color:var(--color-panel); content:"Reklam"; font-size:0.875em; top:0px; padding:4px; position:absolute; right:0;}
.img-wrapper .media							{top: 50%;  left: 50%; transform: translate(-50%, -50%);  width:32px!important; height:32px!important; position:absolute;}
.img-wrapper .media.video					{background:url(/global/v2/img/play-circle.svg) no-repeat center center;}
.img-wrapper .media.foto					{background:url(/global/v2/img/images.svg) no-repeat center center;}
.img-wrapper time.stamp						{background-color:var(--color-title); color:var(--color-panel)}
.img-wrapper .stamp:empty,
.img-wrapper .ad-stamp:empty{display:none}


.member										{color:var(--color-member); font-size:0.983em; font-weight:500}
.member-status								{color:var(--color-gray); display:inline-block; font-size:0.813em; font-weight:400; margin-top:2px;}
time										{color:var(--color-gray); font-size:0.875em; font-weight:400}
.number										{color:var(--color-gray); font-size:0.875em; font-weight:400}

.topheadline								{display:grid; grid-template-columns:repeat(5, 1fr); grid-gap:var(--space-4x)}
.topheadline-pages 							{margin:var(--space-4x) 0; text-align:center;}
.topheadline-pages button					{background-color:var(--color-silver); border:none!important; border-radius:50%; display:inline-block; font-size:0.850em; line-height:18px; height:18px; padding:0!important; width:18px;}
.topheadline-pages button.selected			{background-color:var(--color-theme); color:var(--color-panel)}
.topheadline-pages button.all				{font-weight:600; border-radius:10%; height:18px; padding:0 5px!important; width:unset;}

.breadcrumb								{align-items:center; color:var(--color-silver); display:flex; font-size:0.813em;}
.breadcrumb a							{color:var(--color-silver);}
.breadcrumb a:hover						{color:var(--color-gray);}

.content-detail .breadcrumb a:not(:first-child):before	{display:inline-block; content: "\005C"; font-size:0.813em; margin:0 5px; }
.comments-frame										{overflow:hidden; width:100%;}
.user-comment .items								{max-height:500px; margin:20px 0}
.user-comment .items .info							{background-color:var(--color-bg); }
.user-comment .items .item							{border-bottom:1px dashed var(--color-silver); margin-bottom:var(--space-2x); padding-bottom:var(--space-2x); }

.user-comment .items .item blockquote				{background-color:var(--color-bg); color: #555555; padding:var(--space-2x) var(--space-2x) var(--space-2x) 40px; border-left:5px solid #78C0A8 ; line-height:1.6; position: relative;}
.user-comment .items .item blockquote::before		{font-family:Arial; content: "\201C"; color:#78C0A8; font-size:5em; position: absolute; left: 10px; top:-10px;}
.user-comment .items .item blockquote::after		{ content: '';}

.user-comment .items .item:last-child				{border-bottom:none}
.user-comment .items .item .user-info				{align-items:center; display:grid; grid-gap:10px; grid-template-columns:100%;}
.user-comment .items .item .user-info.with-img		{grid-template-columns:32px auto; line-height:1em;}
.user-comment .items .item .user-info.with-img .member-img	{border:2px solid var(--color-silver); border-radius:50%; height:32px; padding:1px; width:32px;}
.user-comment .items .item .post,
.user-comment .items .item .excerpt-post			{font-size:1em; margin:15px 0;}

.user-comment .items .item .feeling					{align-content:center; display:flex; font-size:0.813em; justify-content:flex-end; margin:5px 0}
.user-comment .items .item .feeling .node			{margin-right:20px;}
.user-comment .items .item .feeling .node:hover		{color:var(--color-default-text)}
.user-comment .items .item .feeling .node img		{opacity: 0.5; vertical-align:middle;}
.user-comment .items .item .feeling .node:hover img	{opacity: 1;}
.user-write-comment						{background-color:var(--color-bg); margin-bottom:20px; padding:10px}
.user-write-comment textarea			{background-color:white; border:none; height:60px; padding:5px; width:100%;}
.user-write-comment textarea:focus		{border:none; outline:none;}


.drop-down-container						{background-color:var(--color-panel); box-shadow:0 0 2px 1px rgba(0,0,0,0.05); display:none;position: absolute;  min-height:100px; min-width: 300px; overflow: auto; margin-top:5px; z-index: 9999999!important;}
.notify-drop-down							{background-color:var(--color-panel); box-shadow:0 0 2px 1px rgba(0,0,0,0.05); display:none; grid-template-columns:1fr; grid-template-rows:auto 250px auto; position: absolute;  min-height:100px; min-width: 300px; overflow: auto; margin-top:5px; z-index: 9999999!important; right:0;}
.notify-drop-down a							{color:var(--color-default-text)!important}
.notify-drop-down .notify-header,
.notify-drop-down .notify-footer			{background-color:var(--color-theme-light); padding:var(--space-2x);}
.notify-drop-down .notification-list 		{max-height:100%; overflow-y:auto;}
.notify-drop-down .notification-list a 		{align-content:center; display:grid; grid-gap:10px; grid-template-columns:50px auto; margin-bottom:5px; padding-top:5px;}
.notify-drop-down .notification-list a time			{display:block;}
.notify-drop-down .notification-list a.unread		{background-color:var(--color-light-gray); font-weight:500}
.notify-drop-down .notification-list a:not(:first-child){border-top:1px dashed #dedede;}

.badge												{cursor:pointer;}
.badge[data-count]:after							{background-color:var(--color-third); border-radius:20%; color:white; content: attr(data-count); display:none; font-family:Poppins,sans-serif; font-size:12px; line-height:24px; min-height:24px; min-width:24px; padding:0 2px; position:absolute; right:-16px;text-align:center;top:-12px; z-index:999;}
.badge[data-count]:not([data-count=""]):after		{display:inline-block;}


.scrollbar											{overflow-y: auto; padding-bottom:20px }
.scrollbar::-webkit-scrollbar-track					{background-color: transparent;}
.scrollbar::-webkit-scrollbar						{background-color: var(--color-bg); width: 6px;}
.scrollbar::-webkit-scrollbar-thumb					{background-color: var(--color-theme);}

div.PageNumbers										{align-items:center; display:flex; justify-content:center;}
div.PageNumbers a, a.First, nav.PageNumbers a.Last	{background-color:var(--color-bg); border-color:silver; color:#000; font-weight:500; height:32px; line-height:32px; margin:4px; text-align:center; width:32px;}
div.PageNumbers a.Current,
div.PageNumbers a:hover								{background-color:var(--color-theme); border-color:var(--color-theme); color:#ffffff;}
div.PageNumbers input[type="button"]				{background-color:#333333!important; color:#ffffff;}
div.PageNumbers input[name="StepPageNumber"]		{height:32px}

.flex-row			{display:flex; flex-direction: row; flex-wrap: nowrap; padding:0 10px;}
.flex-row .flex-col	{flex:1; overflow:hidden}

.member-informatin-bar {background:var(--color-theme); border-radius:4px 4px 0 0px; padding:6px; height:75px;}
.member-informatin-bar *:not(i) {font-size:12px}
.member-info-bar-icons {background-color:var(--third-color); width:40px; border-radius:20px; padding:20px 5px 20px 5px; text-align:center;}
.member-info-bar-icons .far, .member-info-bar-icons .fab, .member-info-bar-icons .fas, .member-info-bar-icons .fa{color:var(--color-theme); font-size:1.8em; line-height:1.5em;}
.member-info-bar-icons i:hover {color:white; line-height:37px}
.member-info-bar-links {padding:20px 10px 20px 10px;}
.member-info-bar-links a{display:block; color:#f7f9fe; line-height:33px;}
.member-info-bar-links a:hover{text-decoration:none; color:white}

.member-informatin-bar .member-image-64 {flex:none!important; width:64px; margin-right:10px;}
.member-informatin-bar .member-image-64 img{background-color:var(--color-theme); padding:2px; border:3px solid var(--color-theme-light); border-radius:50%; width:64px; height:64px;}

.member-informatin-bar .member-name {display:inline-block; color:#ffffff; line-height:1.2em; font-size:1em;margin-top:10px;}
.member-informatin-bar .member-name b{display:block; line-height:1.5em; color:#ffffff; font-size:1.2em; font-weight:normal;}

.member-informatin-bar-v3 { background-color: white; padding: 16px 16px; }
.member-informatin-bar-v3 .item {align-items: center; color:#071437!important; display: grid; font-weight:600; font-size:14px; padding:4px 0; gap: 8px; margin-bottom:8px; grid-template-columns: 24px 1fr 48px }
.member-informatin-bar-v3 .item:hover {color:var(--color-theme)!important}
.member-informatin-bar-v3 .line {height: 1px;background-color: #e5e6e8;margin: 8px 0}
.count { text-align:right; color:#071437; font-size:13px; white-space:nowrap }
.count.number {padding:2px 4px; border-radius:4px; background-color:#DBDFE9; text-align:center!important}
.count i{display:inline-block; font-style:normal; background-color:#e50e0e; color:white; width:24px; height:24px; line-height:24px; text-align:center; color:white; border-radius:50%;}
.count i:empty{display:none}
.member-informatin-bar-v3 svg path {stroke:var(--color-theme)!important}

.fm-fieldset legend {background-color:var(--color-theme); color:white; padding:var(--space-2x)}
.fm-fieldset label {font-weight:600;}


/**************************************
	SOCIAL ICONS
***************************************/
.fa-google {color:#4285f4}
.social  [class*="facebook"] {fill:#1877f2!important;}
.social  [class*="twitter"]  {fill:#1da1f2!important;}
.social  [class*="whatsapp"] {fill:#25d366!important}
.social  [class*="messenger"] {fill:#0084ff!important;}
.social  [class*="telegram"] {fill:#0088cc!important}
.social  [class*="youtube"] {color:#ff0000!important}


#currency 									{display:grid; grid-gap:0; padding:5px 0; font-size:0.875em; grid-template-columns:repeat(6,auto); margin-left:5px}
#currency .row								{font-weight:600; padding-right:8px;}
#currency .name								{font-weight:600; }
#currency [class*="row"]:not(:first-child)	{border-left:1px solid var(--color-bg); padding-left:8px;}
#currency .sale								{margin:2px 0; font-weight:500; display:block}
#currency  .change							{color:white; font-size:0.875em; padding:2px; }
#currency  [class*="up"]					{color:green}
#currency  [class*="down"]					{color:red}
#currency i							{font-size:0.813em}

/**************************************
	MODAL
***************************************/
.modal						{position:fixed;z-index:9999;left:0;bottom:0;top:0;right:0;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,.3);padding:20px;visibility:hidden;opacity:0;transition:all .3s ease-in-out}.modal .m-container{display:flex;flex-direction:column;width:100%;max-width:500px;min-height:150px;height:auto;margin:0 auto;position:relative;margin-top:120px;box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.1);opacity:0;transition:all .3s ease-in-out;top:-200px}.modal .m-container .m-title{align-items:center;background-color:var(--color-bg);display:flex;font-weight:500;justify-content:center;height:auto;width:100%;margin:0;padding:10px 20px;flex-wrap:wrap}.modal .m-container .m-close{display:flex;align-items:center;justify-content:center;position:absolute;height:32px;width:32px;right:-9px;top:-9px;padding:8px;margin:0;background-color:#000;color:#fff;cursor:pointer}.modal .m-container .m-content{display:block;background-color:#fff;min-height:150px;width:100%;height:auto;margin:0;padding:20px}.modal .m-container .m-content .m-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}.modal.active{visibility:visible;opacity:1}.modal.active .m-container{opacity:1;top:0}
#snackBarMessage			{visibility: hidden; width: 250px; border-radius:4px; text-align: center; padding: 16px; position: fixed; z-index:-1; left: 50%; opacity:0; transition:all 1s;  transform: translate(-50%, -50%);  top:25%; }
#snackBarMessage.success	{border-top:4px solid #3dba5f;color:#3dba5f; background-color:#e3f6e8}
#snackBarMessage.error		{border-top:4px solid #ec0000;color:#ec0000; background-color:#fcd9d9 }
#snackBarMessage.warning	{border-top:4px solid #ffb52b;color:#ffb52b; background-color:#fff0d5}
#snackBarMessage.info		{border-top:4px solid #0078d4;color:#0078d4; background-color:#e5f1fb}
#snackBarMessage.show		{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; visibility: visible; opacity:1;  z-index: 99999; top:30%; }

.statusAnimate {animation: ring 2s ease infinite;}
@keyframes ring {
	0% {transform: rotate(-15deg);}
	2% {transform: rotate(15deg);}
	4% {transform: rotate(-18deg);}
	6% {transform: rotate(18deg);}
	8% {transform: rotate(-22deg);}
	10% {transform: rotate(22deg);}
	12% {transform: rotate(-18deg);}
	14% {transform: rotate(18deg);}
	16% {transform: rotate(-12deg);}
	18% {transform: rotate(12deg);}
	20%, 100% {transform: rotate(0deg);}
}

/**************************************
	MESSAGES
***************************************/
.Messages		{margin:5px 0;}
.grid > .Messages		{grid-column:span 12}
.Messages img	{margin-right:5px; vertical-align:middle;}
.Messages hr	{border:0px; border-bottom:dotted 1px #aeaeae;}
.Messages span	{font-weight:bold;}
.Blue			{background: #d5edf8;border: 1px solid #92cae4;padding: 5px;}
.Green			{background: #e8fec5;border: 1px solid #c6d880;padding: 5px;}
.Red			{background: #fbe3e4;border: 1px solid #fbc2c4;padding: 5px;}
.Yellow			{background: #f4f4d1;border: 1px solid #f4f4d1;padding: 5px;}
.None			{border: 1px solid #e8f6ff; padding:5px;}

.new-toolbar		{margin-top:24px}
.new-toolbar .Toolbar {background-color:transparent; overflow:unset!important; font-size:11px }
.new-toolbar .Toolbar .Items  {display:flex; column-gap:16px; }
.new-toolbar .Toolbar .Items a {color:#252F4A; display:inline-block; font-weight:500; font-size:11px; padding:12px 0px; text-align:center; border-bottom:3px solid transparent; outline:none; position:relative;}
.new-toolbar .Toolbar .Items a:hover {background-color:none!important; color:var(--main-color); border-bottom:3px solid var(--main-color); text-decoration:none}
.new-toolbar .Toolbar .Items a.selected {background-color:none!important; color:var(--main-color); border-bottom:3px solid var(--main-color); text-decoration:none}
@media only screen and (min-width: 970px) {
.new-toolbar .Toolbar .Items a {font-size:14px;}
}

.new-toolbar .Toolbar a:before {font-family: 'Font Awesome 5 Pro';font-weight: 400; -webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;margin-right:5px;}
.new-toolbar .Toolbar a[title^='Şikayet Et']:before {font-family:'Font Awesome 5 Pro'; content:'\f119'; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar a[title^='Kişisel Bilgileri']:before {font-family:'Font Awesome 5 Pro'; content:'\f007'; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar a[title^='Forum']:before {font-family:'Font Awesome 5 Pro'; content:'\f086'; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar a[title^='Profiline yaz']:before {font-family:'Font Awesome 5 Pro'; content:'\f044'; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar a[title^='Profil sayfası']:before {font-family:'Font Awesome 5 Pro'; content:'\f2c2'; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar a[title^='Yönet']:before {font-family:'Font Awesome 5 Pro'; content:"\f013"; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar a[title^='Ceza']:before {font-family:'Font Awesome 5 Pro'; content:'\f05e'; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar a[title^='Uyarı']:before {font-family:'Font Awesome 5 Pro'; content:'\f2c2'; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar a[title^='Becayiş istiyor']:before {font-family:'Font Awesome 5 Pro'; content:'\f021'; display:inline-block; margin-right:5px;}
.new-toolbar .Toolbar .ToolbarContent  {border:5px solid #d3d3d3; background:#ffffff; overflow:auto; padding:5px; position:relative;}
.new-toolbar .Toolbar .ToolbarPopupContent {border:5px solid #d3d3d3; background:#ffffff; overflow:auto; padding:5px; position:absolute; z-index:99;}

.new-toolbar .TabControl {background-color:#f9f6f1;}
.new-toolbar .TabControl .Items a {color:#000000; display:inline-block; padding:2px 5px; min-width:60px; text-align:center; border-bottom:3px solid #d7d7d7; border-right:1px solid #dedad7; outline:none;}
.new-toolbar .TabControl .Items a:hover {background-color:#cde6f7; border-bottom:3px solid #f07b05; text-decoration:none}
.new-toolbar .TabControl .Items a.selected {background-color:#d3d3d3;border-bottom:3px solid #d3d3d3; text-decoration:none}
.new-toolbar .TabControl .TabContent {border:5px solid #d3d3d3; background:#ffffff; overflow:auto; padding:5px;}

.MnHtmlEditor .Toolbar							{margin:5px 0 5px 0}
.MnHtmlEditor .Toolbar	img						{background-color:transparent; border:none; padding:0; margin:0; width:24px;}
.MnHtmlEditor .Toolbar .BtnGroup				{display:inline-block; border-radius:2px; border:1px solid #dadada; margin-right:2px; padding:4px;}
.MnHtmlEditor .Toolbar .BtnGroup .Btn           {background-color:#e6e6e6; border:none; border-radius: 3px; box-sizing:border-box; cursor: pointer; display: inline-block; line-height: 32px; outline: 0 !important; padding:0; text-align: center; user-select: none; vertical-align: middle; white-space: nowrap; min-height:32px!important; min-width:36px!important; padding:0!important}
.MnHtmlEditor .Toolbar .BtnGroup .Btn:active    {background-color:red!important;}
.MnHtmlEditor .Toolbar .BtnGroup .Btn .fa       {font-size:110%; color:#2c3e50;}
.MnHtmlEditor .Toolbar .BtnGroup .Btn span		{display:inline-block; margin:0 4px; color:#2c3e50; font-size:90%; font-weight:normal;}
.MnHtmlEditor a									{text-decoration:underline!important; font-style:normal!important; font-weight:normal!important; color:blue!important;}
#_MessageTextscreen {min-height:150px;}

@media only screen and (min-width: 480px) {
	body {
		font-size:0.813em;
		min-height:100vh;
		line-height: 1.5em;
	}
	main, .container	{margin:auto; padding:0; width:970px}
	main				{min-height:calc(100vh - 640px); position:relative; z-index:2}

	.h1, h1												{font-size: 2.250em; line-height:1.375em}
	.h2, h2												{font-size: 2em; line-height:1.125em;}
	.h3, h3												{font-size: 1.75em;}
	.h4, h4												{font-size: 1.5em;}
	.h5, h5												{font-size: 1.25em; line-height:1.50em;}
	.h6, h6												{font-size: 1em;}

	/*********************************
	  Display
	*********************************/
	.display\:pc			{display:block}
	.display\:mobil			{display:none}


	header.mobil								{display:none}
	header.desktop								{background-color:var(--color-theme); display:block;position:relative; z-index:4!important;  transition:all .5s}

	header.desktop nav.main						{display:flex; padding-top: var(--space);}
	header.desktop nav.main	ul					{display:flex; list-style-type:none}
	header.desktop nav.main ul li.c:hover		{background-color: var(--color-child-nav); color: var(--color-panel); }
	header.desktop nav.main ul li.c.selected	{background-color: var(--color-child-nav); color: var(--color-panel);}
	header.desktop nav.main ul li.c > a				{display:inline-block; color:var(--color-panel); font-size:1.125em; font-weight:500; text-transform:uppercase; margin-right:1px; padding:12px 4px; }
	header.desktop nav.main ul li.c:first-child > a	{padding-left:0;}
	header.desktop nav.child					{background-color: var(--color-child-nav); padding:8px 0; box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.5);}
	header.desktop nav.child a					{color: var(--color-panel); display:inline-block; font-size:0.875em; font-weight:400;}
	header.desktop nav.child .item::after		{background-color:transparent!important; margin:0 6px!important}

	header.desktop nav.member-menu				{position:relative;color:var(--color-panel); z-index:5; padding:12px 0;}
	header.desktop nav.member-menu a			{color:var(--color-panel);}
	header.desktop nav.member-menu .item::after		{background-color:rgba(255,255,255,0.3); margin:0 10px!important}
	/*
	header.desktop								{background:#E30A17}
	header.desktop nav.main						{background:url(/global/v2/img/100.png) left top no-repeat #E30A17}
		*/
	.other-menu-container{box-shadow:0 3px 12px rgb(0 0 0 / 10%); display:none; min-width:150px; padding:var(--space-2x)}
	.other-menu:hover {background-color: var(--color-child-nav);}
	.other-menu:hover .other-menu-container{display:block}
	.other-menu-container {background-color:var(--color-panel); position:absolute}
	.other-menu-container a{display:block; padding:var(--space); color:black}
	.other-menu-container a:hover{color:var(--color-theme)}
	.other-menu-container a:not(:first-child){border-top:1px dashed #dedede;}


	footer								{background-color:var(--color-panel); font-size:0.813em; padding-top:var(--space-2x)}
	footer .container					{position:relative; z-index:3}

	section > h2.title					{font-size:20px; font-weight:700; margin:20px 0; padding:0}
	section > h2.title i				{background-size:2px 2px; display:block; height:4px; margin-left:10px; width:100%; }

	.content-items .item .title			{margin:10px;-webkit-line-clamp: 3;}
	.content-items .item h3.title		{font-size:1.125em; line-height: 1.563em;}
	.content-items .item h4.title		{font-size:1em;}

	section > h4.title i				{background-color:var(--color-title-line); display:block; height:2px; margin:0 0 6px 10px; width:100%; }
	section > h2.title i				{background-color:var(--color-title-line);}

	section > h2.title.dark-g 			{color:#6e7848}
	section > h2.title.dark-g i			{background-color:#8b9f5f}

	section > h2.title.green			{color:#69B656}
	section > h2.title.green i			{background-color:#69B656}

	section > h2.title.orange			{color:#ff8a1b}
	section > h2.title.orange i			{background-color:#ff8a1b}

	section > h2.title.purple			{color:#362861}
	section > h2.title.purple i			{background-color:#362861}

	section > h2.title.red				{color:#ff0000}
	section > h2.title.red i			{background-color:#ff0000}

	.grid-with-sticky		{display: grid; grid-gap:var(--space-4x); grid-template-columns: auto 300px}

	.sidebar									{will-change: min-height;}
	.sidebar-inner								{transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform;}

	.badge[data-count]:after					{border-radius:50%;line-height:20px; min-height:20px; min-width:20px; padding:0; right:-12px;top:-12px;}
	#currency .change							{display:inline;}
	#currency .row:last-child					{display:block}
	/*********************************
	  ADS
	*******************************/
	.masthead-panel		{margin-bottom:var(--space-4x); position:relative; z-index:3!important}
	.widget-970x250		{margin:auto; height:250px; width:970px;}
	.widget-336x280		{height:250px; width:300px; margin:auto;}
	.widget-336x280.article-detail		{float:left; margin:0 20px 20px 0; min-width:336px; min-height:280px}
	.widget-300x600		{height:600px; width:300px; margin:auto;}
	.widget-580x400		{border:1px dashed var(--color-silver); height:470px; padding:var(--space-4x); width:620px; margin:auto;}

/*
	.last-news .mm-desktop-sidebar .text-cont.temedya {padding-left:0!important}
	.last-news ins.adsbyneytivme .mm-desktop-sidebar ul.native_ads li div.img-bg {width:38%!important; margin-right:0px!important}
	*/
	ins.adsbyneytivme div.in-read ul.native_ads li div>a {padding:0 0px!important}

	.poll-container label		{align-items:center; display:flex; margin-bottom:8px}
	.poll-container label input	{margin-right:5px}
	.poll-container button 		{margin-bottom:5px}
	.poll-container  .Button 		{width:100%!important}
}
@media screen and (min-width: 720px) {
	.tab\:col-1					{grid-column: span 1}
	.tab\:col-2					{grid-column: span 2}
	.tab\:col-3					{grid-column: span 3}
	.tab\:col-4					{grid-column: span 4}
	.tab\:col-5					{grid-column: span 5}
	.tab\:col-6					{grid-column: span 6}
	.tab\:col-7					{grid-column: span 7}
	.tab\:col-8					{grid-column: span 8}
	.tab\:col-9					{grid-column: span 9}
	.tab\:col-10					{grid-column: span 10}
	.tab\:col-11					{grid-column: span 11}
	.tab\:col-12					{grid-column: span 12}
}

@media screen and (min-width: 970px) {
	.pc\:col-1					{grid-column: span 1}
	.pc\:col-2					{grid-column: span 2}
	.pc\:col-3					{grid-column: span 3}
	.pc\:col-4					{grid-column: span 4}
	.pc\:col-5					{grid-column: span 5}
	.pc\:col-6					{grid-column: span 6}
	.pc\:col-7					{grid-column: span 7}
	.pc\:col-8					{grid-column: span 8}
	.pc\:col-9					{grid-column: span 9}
	.pc\:col-10					{grid-column: span 10}
	.pc\:col-11					{grid-column: span 11}
	.pc\:col-12					{grid-column: span 12}
	body {min-width:970px;}
}
@media screen and (min-device-width: 320px) and (max-device-width: 1299px) {
	div.page-skin								{display:none}
}
@media only screen and (min-width: 970px) {
	#currency 								{justify-content:flex-start; margin-left:0px}
	#currency								{font-size:0.75em}
	#currency .sale							{display:inline}
	.sticky-masthead						{position:sticky; top:0; z-index:99999; background-color:rgba(0,0,0,0.2); transition:all .3s; padding:20px}
	.auto-promo-text						{font-size:1em; padding:4px;}
}
@media only screen and (min-width: 1300px) {
	div.page-skin 							{display:block; height:100%; left:0px; position:absolute; width:100%; z-index:1 }
	div.page-skin *							{max-width:unset}
	div.page-skin .left						{float:left; height:100%; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top:0; width:50%; }
	div.page-skin .left .widget				{overflow:hidden; position:relative; text-align:right; padding-right:490px; z-index:9999;  position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top:0; text-align:right; min-width:160px}
	div.page-skin .left .widget	div			{text-align:right!important; float:right!important; min-width:160px}
	div.page-skin .right					{float:right; height:100%; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top:0; width:50%;}
	div.page-skin .right .widget			{overflow:hidden; position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top:0; text-align:left!important; padding-left:490px; z-index:9999; min-width:160px;}
	div.page-skin .right .widget	div		{text-align:left!important; float:left;; min-width:160px}
}
@media only screen and (min-width: 1600px) {
	#currency							{font-size:0.875em}
	header.desktop nav.main ul li.c > a				{padding:12px 8px; }
	body {font-size:0.850em;}
	main, .container	{margin:auto; padding:0; width:1200px}
	div.page-skin .left	.widget	{padding-right:610px;}
	div.page-skin .right .widget	{padding-left:610px; }
	.grid-with-sticky		{display: grid; grid-gap:var(--space-4x); grid-template-columns: auto 385px}
}



[id*=memurlar_top_sticky_0] {z-index:5!important}