html , body { width: 100%; box-sizing: border-box; overflow-x: hidden; }
body { font-size: 16px; position: relative; }
body { margin: 0; padding: 0; text-align: center; line-height: 23px; }
body, td , input , select, textarea , button { font-family: var(--ft1), sans-serif; font-weight: 400; color: var(--cl-text); }
div, span, a , i , b , input , textarea , button , select , table, td { box-sizing: border-box; touch-action: manipulation; outline: none; }
:root {
--cl-text: #31363f;
--cl: #2b405d;
--cl-hover: #45638c;
--cl2: #194888;
--cl2-hover: #194888;
--cl3: #ebe8e5;
--cl3-hover: #d2c2b1;
--cl4: #a1b0c4;
--fancybox-accent-color: var(--cl);
--cl-f: #FFFFFF;
--cl-b: #000000;
--cl-red: #CC3333;
--cl-yellow: #ffbe55;
--cl-orange: #a68857;
--cl-dark-orange: #604211;
--cl-brown: #f7f0e7;
--cl-green: #7baf43;
--cl-green-hover: #59812f;
--ft1: 'Kanit', sans-serif;
--ft2: 'Kanit', sans-serif;
}
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { height: 100% !important; }
a { color: var(--cl-orange); text-decoration: none; font-weight: 300; transition: color 0.3s }
a:hover { color: var(--cl-dark-orange); text-decoration: none; }
a img { border-width: 0; border-style: none; }
td { vertical-align: top; }
form { margin: 0; }
input { -webkit-border-radius:0; border-radius:0; }
input::-ms-clear { display: none; }
.button { -webkit-appearance: none; }
textarea { resize: none; }
.spacer { overflow: hidden; clear: both; height: 1px; }
.clear-after::after { content: ""; clear: both; display: table; }
.clear-before::before { content: ""; clear: both; display: table; }
.color1 { color: var(--cl); }
.form_mandatory_alert { background-color: #FFE0E0 !important; }
.dib { font-size:0; }
.dib > * { font-size: 1rem; vertical-align: middle; display: inline-block; }
/* ============================================================================================================================================================================== */
h1 { display: none; }
.news-di { display: none; } /* SEO news DO NOT TOUTCH ! */
.thin { font-weight: 300; }
.light { font-weight: 400; }
.normal { font-weight: 500; }
.bold { font-weight: 600; }
.heavy { font-weight: 700; }
.image-break { clear: both; display: table; }
.kiemelt { padding-left: 2rem; border-left: 2px solid var(--cl); font-size: 1.375rem; font-style: italic; font-weight: 400; line-height: 2rem; color: #000; }
.fast { animation-duration: 1s !important; }
.ufast { animation-duration: 0.6s !important; }
.floadspin { display: none; }
.floadspin i { font-size: 2rem; color: var(--cl); }
.floadspin u { text-decoration: none; font-weight: 100; font-size: 1.25rem; color: var(--cl-hover); }
.color { color: var(--cl2); }
#subject , .subject { display: none; } /* honey pot */
.lowercase { text-transform: lowercase !important; }
.tzoom { transition: transform 0.25s ease-in-out; }
.tzoom:hover { transform: scale(1.04); display: block; }
.button { display: inline-block; cursor: pointer; transition: background-color 0.14s ease-in; -webkit-transition: background-color 0.14s ease-in; cursor: pointer; border-color: transparent; border-width: 2px; border-style: solid; }
.button:hover { text-decoration: none !important; }
.button_color { background: var(--cl); color: var(--cl-f); }
.button_color:hover { background: var(--cl-hover); color: var(--cl-f); }
.button_colorl { background: var(--cl2); color: var(--cl); }
.button_colorl:hover { background: var(--cl-hover); color: var(--cl-f); }
.button_white { background: #FFFFFF; color: var(--cl); border-color: var(--cl2); }
.button_white:hover { background: var(--cl2); color: var(--cl); }
.button_red { background: #FFE4E3; color: #FF0000; }
.button_red:hover { background: #e3a9a7; color: #FF0000; }
.button.sym_left i { margin-right: 5px; }
.image-left { float: left; margin: 1rem 1rem 1rem 0; border-radius: 1rem; max-width: 55%; height: auto; }
.image-right { float: right; margin: 10px 0 10px 10px; border-radius: 1rem; max-width: 55%; height: auto; }
.image-border { margin: 10px; border: 5px solid #c0c0c0; }
.thumbn { border: 4px solid var(--cl-brown); border-radius: 20px; transition: all 0.3s; }
.thumbn:hover { filter: brightness(80%); }
.details { font-size: 1rem; font-weight: 400; padding: 10px 26px 10px 26px; border-radius: 20px !important; background: var(--cl); color: #FFFFFF; transition: all 0.2s; text-decoration: none !important; display: inline-block; }
.details:hover { color: #FFFFFF; background: #000000; }
.download-document { display: inline-block; margin-left: 36px; font-size: 0.9rem; line-height: 0.9rem; position: relative; }
.download-document::before { position: absolute; z-index: 5; font-size: 1.5rem; display: block; content: '\f381'; font-family: 'Font Awesome 6 Pro'; font-weight: 300; width: 28px; height: 28px; top: 10%; left: -34px; }
.view-video { display: inline-block; margin-left: 36px; font-size: 0.9rem; line-height: 0.9rem; position: relative; }
.view-video::before { position: absolute; z-index: 5; font-size: 1.5rem; display: block; content: '\f167'; font-family: 'Font Awesome 6 Brands'; font-weight: 300; width: 28px; height: 28px; top: 10%; left: -34px; }
/* dialog */
.malert-main { position: fixed; display: none; cursor: default; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000; background-color: rgba(0,0,0,0.5); z-index: 999990; }
.malert-dialog-box { cursor: default; position: fixed; border-radius: 1rem; overflow: hidden; box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); background-color: #ffffff; transform: translate(-50%,-50%); top: -500px; left: 50%; width: 96%; height: 96%; max-width: 480px; max-height: 320px; min-width: 180px; min-height: 100px; }
.malert-type-info .malert-dialog-box-title { background-color: var(--cl); }
.malert-type-warn .malert-dialog-box-title { background-color: #9f5555; }
.malert-dialog-box-close { position: absolute; display: block; transition: background-color 0.14s; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); width: 24px; height: 24px; line-height: 22px; right: 9px; top: 15px; text-align: center; cursor: pointer; background-color: #FFFFFF; border-radius: 20px; }
.malert-dialog-box-close i { font-size: 0.85rem; }
.malert-dialog-box-close:hover { background-color: #FF5555; color: #FFFFFF; }
.malert-dialog-box-title { font-size: 1.325rem; padding: 1rem; color: #FFFFFF; font-weight: 200; font-family: var(--ft2); }
.malert-dialog-box-content { font-size: 1.1rem; padding: 3rem 2rem 0 2rem ; color: #333333; font-weight: 300; line-height: 1.125rem; }
.malert-dialog-box-buttons { position: absolute; left: 10px; right: 10px; bottom: 10px; padding: 1rem 0; }
.malert-dialog-box-buttons a { padding: 9px 31px 8px 31px; margin: 0 1rem; border-radius: 9px; color: var(--cl-f); font-size: 0.92rem; transition: background-color 0.14s; }
.malert-type-info .malert-dialog-box-buttons a { background-color: var(--cl); }
.malert-type-info .malert-dialog-box-buttons a:hover { background-color: var(--cl); }
.malert-type-warn .malert-dialog-box-buttons a { background-color: #9f5555; }
.malert-type-warn .malert-dialog-box-buttons a:hover { background-color: #d15555; }
#toTop { width: 37px; height: 37px; background-color: var(--cl); text-align: center; transition: opacity 0.25s; opacity: 0.8; border-radius: 25px; line-height: 36px; font-size: 1.2em; color: var(--cl-f); position: fixed; bottom: 20px; cursor: pointer; right: 12px; display: none; z-index: 999; }
#toTop:hover { opacity: 1; }
#videowin { position: fixed; display: none; z-index: 99990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: #000000; }
#videowin .a { position: fixed; z-index: 99994; top: 5%; left: 0; right: 0; bottom: 5%; width: 100%; overflow: hidden; }
#videowin .b { position: fixed; z-index: 99997; top: 2%; right: 2%; }
#videowin .b i.fa-times { font-size: 2rem; color: #FFFFFF }
#videowin .b i.fa-times:hover { color: var(--cl); }
#fullVideoHTMLLoader { position: fixed; z-index: 99998; width: 160px; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; }
.nav { margin: 0.5rem 0; }
.nav > * { vertical-align: middle; display: inline-block; }
.nav img { height: 16px; width: auto; }
.nav span { font-size: 1rem; }
.nav i.fa-angle-right { margin: 0 0.4rem; color: #bbb; font-size: 12px; }
.search_res { margin-bottom: 4rem; display: block; }
.search_res .big { font-weight: 500; color: var(--cl2); font-size: 1.5rem; }
.search_res .nav { color: var(--cl-text); }
.search_res .tov { margin-top: 1rem; }
.search_res .tov > * { vertical-align: middle; display: inline-block; }
.search_res .tov > i { margin-right: 0.6rem; }
.search_res .tov a:hover { text-decoration: underline; }
.search-sep { margin-top: 5rem; }
.search-res-tit { margin: 4rem 0 4rem 0; font-size: 1.5rem; }
@media all and (min-width: 1680px) {
.content1 { width: 85%; max-width: 1644px; margin: 0 auto; text-align: center; }
.content2 { }
.content3 { width: 1342px; margin: 0 auto; text-align: center; }
}
@media all and (min-width: 1361px) and (max-width: 1679px) {
.content1 { width: 90%; margin: 0 auto; text-align: center; }
.content2 { }
.content3 { max-width: 1342px; width: 90%; margin: 0 auto; text-align: center; }
}
@media all and (min-width: 1361px) {
body.bsep { background-image: url(img/body.png); background-position: 50vw 440px ; background-repeat: no-repeat; }
.button_max { font-size: 1.375rem; font-weight: 500; padding: 13px 50px 13px 50px; border-radius: 25px !important; }
.button_mid { font-size: 1rem; font-weight: 400; padding: 10px 26px 10px 26px; border-radius: 20px !important; }
.button_min { font-size: 1rem; font-weight: 300; padding: 7px 22px 7px 22px; border-radius: 19px !important; }
#searchdiv { position: fixed; width: 960px; height: 300px; transition: all 0.2s ease-in-out; border-radius: 46px; background-color: var(--cl3); opacity:0; top: -220px; z-index: 10000; left: 50%; transform: translateX(-50%); }
#searchdiv.sinact { top: -520px; opacity: 0; }
#searchdiv.sact { top: 180px; opacity: 1; }
#searchdiv .a { position: absolute; right: 20px; top: 20px; transition: all 0.15s; padding: 7px; border-radius: 26px; display: block; cursor: pointer; color: #a11e25; font-size: 1.75rem; background: #transparent; }
#searchdiv .a:hover { color: var(--cl-f); background-color: #a11e25;}
#searchdiv .k { margin: 110px 0 0 0 ; }
#searchdiv .k input { width: 600px; height: 72px; border: 0 none; line-height: 72px; border-radius: 26px; font-size: 24px; text-indent: 14px; font-weight: 300; display: inline-block; vertical-align: middle; }
#searchdiv .k button { display: inline-block !important; font-weight: 300; vertical-align: middle; padding: 0 40px; border-radius: 26px; border: 0 none; cursor: pointer; font-size: 24px; line-height: 72px; height: 72px; margin-left: 11px; }
#searchdiv .k button:hover { display: inline-block !important; vertical-align: middle; }
.description { text-align: left; font-size: 1.125rem; font-weight: 200; color: var(--cl-text); line-height: 2rem; }
.description a { font-weight: 500; text-decoration: underline; }
.description img , .description_textimage img , .news-descr img { max-width: 100%; height: auto; }
img.image-max { border-radius: 6rem; width: 100%; height: auto !important; box-sizing: border-box; }
img.image-max.image-border { margin: 0 !important; }
.description b , .description strong { font-weight: 400 !important }
.description table { display: block !important; margin-top: 1rem; }
.description table { max-width: 100%; width: 100%; border-spacing: 0; border-collapse: collapse; }
.description table { overflow: auto; }
.description table td { vertical-align: middle; text-align: center; border: 1px solid #ddd; min-width: 180px; padding: 0.45rem 0.6rem; font-size: 1rem; line-height: 1.2rem; font-weight: 200; }
.description table td p { margin: 0 ; padding : 0; }
.description table tr:first-child { background-color: var(--cl-yellow); }
.description table tr:first-child td { font-weight: 300; font-size: 1.125rem; }
#menu_icon, #top_spacer { display: none; }
body.bsep { }
.ajax_window_outer { border-radius: 6px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.15); background: #bdbdbd; background: rgba(255,255,255,0.15); }
.ajax_window_inner { border-radius: 5px; background: #fafafa; margin: 6px; float: left; }
.ajax_window_content { text-align: left; padding: 30px; clear: both; float: none;}
#fadclose { position: absolute; right: 0px; top:0px; width: 46px; height: 46px; }
#fadclose i { color:#e17070; transition: color 0.12s; font-size: 24px; margin-top: 10px; display: inline-block;}
#fadclose:hover i { color:#c43d3d; }
.mobile_only { display: none !important; }
#admin_insert_link , #admin_insert_link1 { position: fixed; right: -4px; width: 40px; height: 40px; text-align: center; line-height: 40px; z-index: 10000; display: block; border-radius: 5px; background-color: #e7804d; box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);}
#admin_insert_link:hover , #admin_insert_link1:hover { background-color: #ff5500; }
#admin_insert_link { top: 210px; }
#admin_insert_link1 { top: 160px; }
#admin_insert_link i , #admin_insert_link1 i { transition: color 0.15s; }
#admin_insert_link:hover i.fa-pencil , #admin_insert_link1:hover i.fa-pencil { color: #FFF; }
#admin_insert_link:hover i.fa-list-ul , #admin_insert_link1:hover i.fa-list-ul { color: #FFF; }
#admin_insert_link i.fa-pencil , #admin_insert_link1 i.fa-pencil { font-size: 20px; line-height: 40px; display: block; margin: auto; color: #ddd; }
#admin_insert_link i.fa-list-ul , #admin_insert_link1 i.fa-list-ul { font-size: 20px; line-height: 40px; display: block; margin: auto; color: #ddd;}
.cim { font-size: 1.875rem; color: var(--cl); font-weight: 500; }
#pagetitle { font-size: 3rem; font-weight: 500; text-transform: uppercase; margin-top: 10px; margin-bottom: 3rem; }
#navig { text-align: left; position: relative; margin-top: 90px; padding-left: 0.75rem; }
#navig::before { display: block; content: ''; position: absolute; top: -100px; height: 80px; border-radius: 120px; left: 0; right: 0; background-color: var(--cl-brown); }
#navig b { margin: 0 0.3rem; }
#navig a { color: var(--cl2); }
#labels { text-align: left; margin-bottom: 4rem; }
#labels a { display: inline-block; margin: 0 3px 8px 3px; transition: all 0.3s; padding: 4px 14px; font-weight: 200; font-size: 1rem; color: var(--cl-text); border-radius: 20px; background-color: var(--cl-brown); }
#labels a:hover , #labels a.sel , #labels a.sel:hover { background-color: var(--cl-yellow); }
#labels a.lh { display: none; }
.labels-desktop { }
.labels-mobile { display: none !important;}
#top { height: 118px; width: 91%; padding-top: 26px; margin: auto; font-size: 0; }
#top > * { display: inline-block; vertical-align: middle; }
#top_left { width: 50%; text-align: left; height: 64px; }
#top_left a { display: inline-block; height: 64px; overflow: hidden; }
#top_left a img.a { display: block; width: auto; height: 64px; }
#top_left a img.b { display: none; }
#top_right { width: 50%; text-align: right; height: 44px; }
#top_right > * { display: inline-block; vertical-align: middle; font-size: 0.4rem; }
#search_icon { margin-right: 60px; }
#search_icon i { font-size: 1.125rem; color: var(--cl-text); }
#menu_icon { margin-right: 54px; }
#menu_icon span { display: inline-block; font-size: 1.125rem; color: var(--cl-text); width: 1.75rem; width: 3rem; text-align: left }
#menu_icon i { display: inline-block; font-size: 1.35rem; color: var(--cl-text); width: 1.75rem; }
#menu_icon.closed i.fa-ellipsis { display: inline-block; }
#menu_icon.opened i.fa-ellipsis { display: none; }
#menu_icon.opened i.fa-xmark { display: inline-block; }
#menu_icon.closed i.fa-xmark { display: none; }
#menu_logo { margin: 0; }
#menu_logo img { width: auto; height: 64px; display: block; }
#menu_user { text-align: right; font-size: 1rem; margin-top: 3rem; margin-bottom: 2.4rem; }
#menu_user span.i { width: 86px; height: 86px; border-radius: 50px; overflow: hidden; display: inline-block; border: 2px solid #dfdfdf; }
#menu_user span.i img { width: 100%; height: 100%; object-fit: cover; display: block; }
#menu_user span.u { line-height: 86px; margin-right: 1.4rem; font-size: 1.5rem; color: var(--cl2); font-weight: 300; }
#menu { background: var(--cl3); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); border-radius: 24px 0 0 24px; position: fixed; padding: 21px 34px 60px 56px; z-index: 1000; top: 94px; height: auto; max-height: 80%; min-height: 65%; width: auto; min-width: 512px; overflow: auto; transition: all 0.35s; }
#menu.closed { right: -100%; }
#menu.opened { right: 0; }
#menu ul { margin: 0; padding: 0; list-style: none; text-align: left; font-size: 0; }
#menu ul li { display: margin: 0; padding: 0; font-size: 0; }
#menu ul li a { display: inline-block; color: var(--cl-text); transition: color 0.2s; }
#menu ul li a:hover , #menu ul li.menu_active a:hover , #menu ul li.menu_active a { color: var(--cl-hover); }
#menu li.closed > ul { display: none }
#menu li.opened > ul { display: block; }
#menu > ul > li > a { font-size: 1.5rem; font-weight: 500; margin: 0.4rem 0rem; text-transform: uppercase; }
#menu > ul ul li > a { font-size: 1.375rem; font-weight: 400; margin: 0.4rem 0rem 0.4rem 3.5rem; }
#menu > ul ul ul > li > a { font-size: 1.1rem; font-weight: 400; margin: 0rem 0rem 0rem 5.5rem; }
#menu > ul ul ul ul > li > a { font-size: 1.1rem; font-weight: 300; margin: 0rem 0rem 0rem 6.5rem; }
#menu li a { position: relative; }
#menu li.is_parent > a::after { position: absolute; right: -1.25rem; top: 50%; transform: translateY(-50%); display: block; font-family: 'Font Awesome 6 Pro'; font-size: 1rem; font-weight: 300; }
#menu li.is_parent.closed > a::after { content:'\f054'; }
#menu li.is_parent.opened > a::after { content:'\f078'; }
#menu li.locked > a::before { position: absolute; content: '\f023'; left: -1.45rem; top: 50%; transform: translateY(-50%); color: #979797; display: block; font-family: 'Font Awesome 6 Pro'; font-size: 1rem; font-weight: 600; }
#menu > ul > li { border-bottom: 1px solid #909090; }
#menu2 { text-align: left; font-size: 1rem; margin-top: 4.75rem; }
#menu2 > div { border-bottom: 1px solid #909090; }
#menu2 > div:last-child { border-bottom: 0px !important; }
#menu2 > div > a { text-align: left; font-size: 1.40rem; margin: 0.4rem 0rem; font-weight: 300; text-transform: uppercase; display: inline-block; color: var(--cl-text); transition: color 0.2s; }
#menu2 > div > a:hover { color: var(--cl-hover); }
#langs { position: relative; text-align: right; }
#langs > a > * { pointer-events: none; }
#langs > a { display: inline-block; border-radius: 18px; padding: 0.5rem 1rem; }
#langs a > * { display: inline-block; vertical-align: middle; }
#langs > a span { font-weight: 400; color: var(--cl-text); margin-right: 0.75rem; font-size: 1.125rem; text-transform: uppercase; }
#langs > a img { width: 28px; height: 28px; }
#langs_choise { display: none; position: absolute; z-index: 5; right: 3px; top: 100%; background-color: var(--cl3); border-radius: 18px; }
#langs_choise > a { display: block; transition: all 0.4s; border-radius: 18px; margin: 0rem 0; padding: 0.3rem 1.3rem; white-space: nowrap; }
#langs_choise > a:hover { background-color: var(--cl3-hover); }
#langs_choise > a span { font-weight: 600; color: var(--cl-text); margin-right: 0.75rem; font-size: 1.05rem; text-transform: uppercase; }
#langs_choise > a img { width: 22px; height: 22px; }
#videobanner { position: relative; z-index: -1; }
#videobanner video.desktop { width: 100%; aspect-ratio: 2.57; object-fit: cover; border-radius: 172px; display: block; }
#videobanner video.mobile { display: none; }
#intro { margin-top: 4.625rem; width: 80%; margin-left: auto; margin-right: auto; text-align: center; }
#intro .a { font-size: 2.125rem; line-height: 2.3rem; font-weight: 500; }
#intro .b { margin-top: 2rem; font-size: 1.5rem; font-weight: 300; line-height: 2.1rem; }
#intro .c { margin-top: 2rem; }
.title-main { margin: 8rem auto 3.5rem auto; font-size: 3rem; font-weight: 500; text-transform: uppercase; }
#pagehead { font-size: 1.3rem; font-weight: 400; margin-bottom:4rem; }
.ptitle { font-size: 1.5rem; font-weight: 400; color: var(--cl2); }
#stiriswipe { margin-top: 2rem; }
#stiriswipe { margin-top: 5px; }
.swstire-item { position: relative; aspect-ratio: 1.61; margin-bottom: 3rem; }
.swstire-item > .a { position: absolute; z-index: 10; aspect-ratio: 1.35; top: 0; left: 0; width: 77%; display: block; overflow: hidden; }
.swstire-item > .a img { width: 100%; height: 100%; object-fit: cover; border-radius: 120px; }
.swstire-item > .b { position: absolute; padding: 4rem; text-align: left; z-index: 16; background: var(--cl2); aspect-ratio: 0.87; bottom: 0; right: 0; width: 40%; display: block; border-radius: 90px; overflow: hidden; }
.swstire-item > .b > .ba { }
.swstire-item > .b > .ba > * { vertical-align: middle; display: inline-block; }
.swstire-item > .b > .ba span { font-size: 1rem; color: var(--cl-f); font-weight: 200; font-style: italic; }
.swstire-item > .b > .ba i { width: 11px; height: 11px; margin-right: 0.75rem; background-color: var(--cl-yellow); border-radius: 10px; }
.swstire-item > .b > .bb { margin-top: 3rem; }
.swstire-item > .b > .bb a { font-size: 2.25rem; color: var(--cl-f); font-weight: 500; line-height: 2.75rem;}
.swstire-item > .b > .bc { margin-top: 2rem; }
.swstire-item > .b > .bc a { font-size: 1.125rem; color: var(--cl-f); font-weight: 300; line-height: 1.55rem; }
.swstire-item > .b > .bd { position: absolute; bottom: 8%; right: 10%; }
.swstire-item > .b > .bd > * { vertical-align: middle; display: inline-block; }
.swstire-item > .b > .bd a { font-size: 1.5rem; color: var(--cl-f); font-weight: 200; }
.swstire-item > .b > .bd i { font-size: 1.5rem; color: var(--cl-yellow); margin-left: 1rem; }
#bannerswipe .swiper-pagination , #stiriswipe .swiper-pagination , #articswipe .swiper-pagination { }
#bannerswipe .swiper-pagination-bullet , #stiriswipe .swiper-pagination-bullet , #articswipe .swiper-pagination-bullet { background-color: rgba(255,255,255,1); background-color: var(--cl4); opacity: 1; width: 14px; height: 14px; margin: 0 4px; transition: all 0.5s; }
#bannerswipe .swiper-pagination-bullet:hover , #stiriswipe .swiper-pagination-bullet:hover , #articswipe .swiper-pagination-bullet:hover { background-color: var(--cl); opacity: 1; }
#bannerswipe .swiper-pagination-bullet-active , #stiriswipe .swiper-pagination-bullet-active , #articswipe .swiper-pagination-bullet-active { background-color: var(--cl); opacity: 1; width: 36px; border-radius: 9px; }
#hirek_main_mobile { display: none; }
#hirek_main { display: grid; gap: 6rem 2.25rem; grid-template-columns: repeat(3, 1fr); margin-top: 10rem; }
#hirek_main_stiri { display: grid; gap: 6rem 2.25rem; grid-template-columns: repeat(3, 1fr); margin-top: 4rem; }
#strukt_photo { display: grid; gap: 6rem 2.25rem; grid-template-columns: repeat(3, 1fr); margin-top: 4rem; }
.hirdisp > div { text-align: left; line-height: 1rem; }
.hirdisp > div > .a { aspect-ratio: 1.35; overflow: hidden; border-radius: 40px; }
.hirdisp.orient_strukt_photo > div > .a { aspect-ratio: 1.35; overflow: hidden; border-radius: 40px; }
.hirdisp.orient_strukt_photo_p > div > .a { aspect-ratio: 0.75; overflow: hidden; border-radius: 40px; }
.hirdisp > div > .a img { width: 100%; height: 100%; object-fit: cover; }
.hirdisp > div > .b { margin-top: 1rem; }
.hirdisp > div > .b > * { vertical-align: middle; display: inline-block; }
.hirdisp > div > .b > span { font-size: 1rem; color: var(--cl-text); font-weight: 200; font-style: italic; }
.hirdisp > div > .b > i { width: 11px; height: 11px; margin-right: 0.75rem; background-color: var(--cl-yellow); border-radius: 10px; }
.hirdisp > div > .c { margin-top: 1rem; }
.hirdisp > div > .c a { color: var(--cl2); line-height: 2rem; font-size: 1.70rem; font-weight: 500; }
.hirdisp > div > .d { margin-top: 1rem; }
.hirdisp > div > .d a { color: var(--cl-text); line-height: 1.45rem; font-size: 1.20rem; font-weight: 200; }
#left-news-tit { margin-top: 4rem; font-size: 1.5rem; font-weight: 500; text-transform: uppercase; color: var(--cl2); margin-bottom: 0rem; }
#left-news > div { margin-top: 5rem; }
#bannerswipe { }
#bannerswipe .swiper-slide div { margin-bottom: 3.5rem; }
#bannerswipe .swiper-slide div img { display: block; width: 100%; aspect-ratio: 2.56; object-fit: cover; border-radius: 120px; }
#load_more { margin: 3rem auto; }
#load_more a { display: none; }
#articswipe { margin-top: 5px; }
.swartic-item { position: relative; display: block; padding: 61px 57px; color: var(--cl-f); text-align: left; aspect-ratio: 0.77; margin-bottom: 4.5rem; background-color: var(--cl); border-radius: 40px; }
.swartic-item:hover { background-color: var(--cl2); color: var(--cl-f); }
.swartic-item > .b > * { vertical-align: middle; display: inline-block; }
.swartic-item > .b span { font-size: 1rem; color: var(--cl-f); font-weight: 200; font-style: italic; }
.swartic-item > .b i { width: 11px; height: 11px; margin-right: 0.75rem; background-color: var(--cl-yellow); border-radius: 10px; }
.swartic-item > .c { margin-top: 2rem; }
.swartic-item > .c span { font-size: 1.70rem; color: var(--cl-f); line-height: 2rem; font-weight: 500; }
.swartic-item > .d { margin-top: 2rem; }
.swartic-item > .d span { color: var(--cl-f); line-height: 1.45rem; font-size: 1.20rem; font-weight: 200; }
.bg2modul_left { position: relative; padding: 5rem 0 10rem 0; margin: 10rem 0; }
.bg2modul_left::after { position: absolute; content: ''; display: block; background-color: var(--cl-brown); border-radius: 0 90px 90px 0; z-index: -1; top: 0; bottom: 0; left: 0; width: 50%; }
.bg2modul_left .title-main { margin-top: 0 !important; }
#nwsdiv { position: relative; margin-top: 5rem; width: 100%; aspect-ratio: 2.56; border-radius: 220px; text-align: left; background-image: url(img/bgnws.jpg); background-repeat: no-repeat; background-size: cover; }
#nwsdiv .a1 { position: absolute; right: 12%; text-align: right; top: 46%; font-size: 3.125rem; font-weight: 500; color: var(--cl-f); }
#nwsdiv .a2 { position: absolute; left: 12%; right: 12%; text-align: left; bottom: 7%; color: var(--cl-f); }
#nwsdiv .a2 .b { font-size: 2.25rem; font-weight: 500; }
#nwsdiv .a2 .c { font-size: 1.2rem; font-weight: 200; margin-top: 1rem; }
#nwsdiv .a2 .d { margin-top: 5rem; font-size: 0; }
#nwsdiv .a2 .d > * { display: inline-block; vertical-align: middle; }
#nwsdiv .a2 .d .da { width: 48%; }
#nwsdiv .a2 .d .da input { width: 100%; height: 55px; text-indent: 20px; font-weight: 300; color: var(--cl-text); display: inline-block; background-color: var(--cl-f); font-size: 1.25rem; border-width: 0; border-radius: 24px; }
#nwsdiv .a2 .d .da input::placeholder { font-weight: 100; color: #787878; }
#nwsdiv .a2 .d .db button { height: 55px; transition: all 0.2s; border: 0; border-radius: 24px; font-size: 1.25rem; cursor: pointer; color: var(--cl-f); text-transform: uppercase; margin-left: 1rem; padding: 0 30px; background-color: var(--cl-green); }
#nwsdiv .a2 .d .db button:hover { background-color: var(--cl-green-hover); }
#nwsdiv .a2 .e { margin-top: 5rem; font-weight: 200; line-height: 1.5rem; font-size: 1rem; }
#nwsdiv .a2 .e a { font-style: italic; text-decoration: underline; color: var(--cl-f); }
#nwsdiv .a2 .x { transition: all 0.15s; margin-top: 0.4rem; opacity: 0; height: auto; line-height: 1rem; width: 70%; padding: 0.3rem 1rem; border-radius: 0.85rem; font-weight: 500; font-size: 0.95rem; background-color: rgba(255,255,255,0.2); }
#nwsdiv .a2 .x.show { opacity: 1; }
#nwsdiv .a2 .x.warn { color: #DD2222; font-weight: 600; }
.bg_oper { position: relative; margin-top: 6rem; padding-top: 128px; background-repeat: no-repeat; }
.bg_oper > .content1 > * { display: inline-block; vertical-align: middle; font-size: 1rem; }
.bg_oper > .content1 { font-size: 0; }
.bgoper-right { background-image: url(img/bgoper1.png); background-repeat: no-repeat; background-position-x: calc(34vw); }
.bgoper-right .bgsym { position: absolute; top: 6%; left: calc(36vw); }
.bgoper-right .bgsym i { font-size: 8rem; color: var(--cl); }
.bgoper-right .bgo1 { width: 46%; padding: 0 5rem; text-align: left; }
.bgoper-right .bgo1 .oa { font-size: 2.75rem; font-weight: 500; line-height: 3rem; margin-bottom: 1.5rem; }
.bgoper-right .bgo1 .ob { font-size: 1.25rem; font-weight: 200; line-height: 1.85rem; }
.bgoper-right .bgo1 .oc { margin-top: 2rem; text-align: right; }
.bgoper-right .bgo2 { width: 54%; padding-right: 26px; color: var(--cl-f); }
.bgoper-right .bgo2 > div { height: 646px; background-color: var(--cl); border-radius: 106px; }
.bgoper-right .bgo2 > div > p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; width: 80%; text-align: left; }
.bgoper-right .bgo2 > div > p .at { font-size: 1.75rem; font-weight: 200; display: block; margin-bottom: 2rem; line-height: 2rem; }
.bgoper-right .bgo2 > div > p .ax { font-size: 1.25rem; font-weight: 200; line-height: 1.85rem; }
.bgoper-left { background-image: url(img/bgoper2.png); background-repeat: no-repeat; background-position-x: calc(-4022px + 63vw); }
.bgoper-left .bgsym { position: absolute; top: 6%; right: calc(39vw); }
.bgoper-left .bgsym i { font-size: 8rem; color: var(--cl-green); }
.bgoper-left .bgo1 { width: 46%; padding: 0 5rem; text-align: left; }
.bgoper-left .bgo1 .oa { font-size: 2.75rem; font-weight: 500; line-height: 3rem; margin-bottom: 1.5rem; }
.bgoper-left .bgo1 .ob { font-size: 1.25rem; font-weight: 200; line-height: 1.85rem; }
.bgoper-left .bgo1 .oc { margin-top: 2rem; text-align: left; }
.bgoper-left .bgo2 { width: 54%; padding-right: 26px; color: var(--cl-f); }
.bgoper-left .bgo2 > div { height: 646px; background-color: var(--cl-green); border-radius: 106px; }
.bgoper-left .bgo2 > div > p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; width: 80%; text-align: left; }
.bgoper-left .bgo2 > div > p .at { font-size: 1.75rem; font-weight: 200; display: block; margin-bottom: 2rem; line-height: 2rem; }
.bgoper-left .bgo2 > div > p .ax { font-size: 1.25rem; font-weight: 200; line-height: 1.85rem; }
.galeria { margin: 0 0 3.5rem 0; }
.galeria-tit { font-family: var(--ft2); font-size: 2.375rem; font-weight: 600; line-height: 2.75rem; }
.galeria-subtit { margin-top: 0.75rem; margin-bottom: 1.88rem; }
.galeria-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, 1fr); }
.galeria-grid > div img { transition: all 0.2s; }
.galeria-grid > div.standard:hover img { filter: brightness(70%); }
.galeria-grid > div.more:hover b { background-color: rgba(0,0,0,0.65); }
.galeria-grid > div:first-child { grid-area: 1/1/3/3; }
.galeria-grid > div.more { position: relative; }
.galeria-grid > div.more b { position: absolute; background-color: rgba(0,0,0,0.45); border-radius: 2.3rem; transition: all 0.2s; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }
.galeria-grid > div.more b u { font-size: 3rem; color: var(--cl-f); font-family: var(--ft2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration:none; }
.galeria-grid > div { aspect-ratio: 1/1; }
.galeria-grid > div > a { width: 100%; height: 100%; display: block; border-radius: 2.3rem; overflow: hidden; }
.galeria-grid > div > a > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galeria-grid .hidden_more { display: inline; height: 0; width: 0; }
.galeria-grid .hidden_more img { width: 0; height: 0; }
#left { float: left; width: 70%; }
.left_p4 , .right_p4 { padding-top: 4rem; }
.left_p2 , .right_p2 { padding-top: 2rem; }
#right { float: right; width: 25.5%; }
.right-pad { padding-top: 4rem; }
.str1-img { overflow: hidden; border-radius: 100px; }
.str1-img img { width: 100%; height: auto; display: block; }
.str1-date { margin-top: 1.5rem; }
.str1-date > * { vertical-align: middle; display: inline-block; }
.str1-date > span { font-size: 1rem; color: var(--cl-text); font-weight: 200; font-style: italic; }
.str1-date > i { width: 11px; height: 11px; margin-right: 0.75rem; background-color: var(--cl-yellow); border-radius: 10px; }
.str1-period { margin-top: 1.5rem; }
.str1-period > * { vertical-align: middle; display: inline-block; }
.str1-period > span { font-size: 1rem; color: var(--cl-text); font-weight: 200; font-style: italic; }
.str1-period > i { color: var(--cl-yellow); margin-right: 0.5rem; }
.str1-titl { margin-top: 2rem; font-size: 3rem; font-weight: 500; color: var(--cl2); line-height: 3.3rem; }
.str1-desc { margin-top: 3rem; }
#cale { position: relative; margin: 0rem 0 2rem 0; }
#cale.loadcale:after { position: absolute; left: 45%; top: 45%; transform: translate(-50%,-50%); color: var(--cl2); font-weight: 200; content: '\f3f4'; font-family: 'Font Awesome 6 Pro'; display: block; font-size: 3rem; color: var(--cl-yellow); -webkit-animation: fa-spin 0.7s infinite linear; animation: fa-spin 0.7s infinite linear; }
#cale.loadcale .cale-inner { opacity: 0.1; }
#cale-left { position: absolute; left:0; top:0; bottom:0; width: 52px; }
#cale-left a { display: block; }
#cale-left a i { font-size: 1.5rem }
#cale-left a:hover i { }
#cale-right { position: absolute; right:0; top:0; bottom:0; width: 52px; }
#cale-right a { display: block; }
#cale-right a:hover i { }
#cale-right a i { font-size: 1.5rem }
.cale-month-name { text-align: center; height: 64px; font-size: 1.5rem; border-radius: 30px; line-height: 68px; background: var(--cl-brown); font-weight: 400; position: relative; }
.cale-month-days-container { position: relative; }
.cale-month-margin-left { margin-left: 52px; }
.cale-month-inner { display: flex; flex-wrap: wrap; justify-content: space-evenly; padding-bottom: 1rem;}
.cale-month-inner a { display: block; text-align: center; width: 13%; font-size: 1rem; }
.cale-month-inner a.a_week { margin-top: 1rem; margin-bottom: 1.5rem; font-weight: 500; color: #2c2c2c; }
.cale-month-inner a.a_week.sn6, .cale-month-inner a.a_week.sn7 { color: #952a2a; }
.cale-month-inner a.a_day { margin-bottom: 0.3rem; font-weight: 200; font-size: 1.125rem; color: #2c2c2c; padding: 0.5rem 0; border-radius: 6px; }
.cale-month-inner a.mainap { font-weight: 500; text-decoration: underline; color: var(--cl); font-size: 1.1rem; }
.cale-month-inner a.esem { background-color: var(--cl-yellow); font-weight: 500; transition: all 0.14s; }
.cale-month-inner a.esem:hover { }
.cale-month-inner a.masho { color: #d0d0d0 !important; pointer-events: none !important; background-color: transparent !important; }
.cale-month-inner a.day { pointer-events: none !important; background-color: transparent !important; }
#cale_events_details { position: absolute; top: 15px ; left: 15px; right: 15px; max-height: 92%; overflow: auto;}
#cale_events_details a.mdev { margin-bottom: 2rem; display: block; }
#cale_events_details a.mdev:hover span { text-decoration: underline }
#cale_events_details i.fa { }
#cale_events_details span {display: block; color: #333; }
.iis { margin-bottom: 4rem; }
.iis .a { font-size: 3rem; font-weight: 600; color: var(--cl2); }
.iis .b { font-size: 1.25rem; font-weight: 200; line-height: 1.75rem; }
#showalllabels { cursor: pointer; }
.strukt { display: grid; gap: 2rem; grid-template-columns: repeat(3, 1fr); }
.strukt.strukt_theme_dark > a:hover { background: var(--cl-hover); }
.strukt.strukt_theme_light > a:hover { background: var(--cl-yellow); }
.strukt.strukt_theme_dark > a { background: var(--cl); }
.strukt.strukt_theme_light > a { background: var(--cl-brown); }
.strukt > a { display: block; position: relative; overflow: hidden; text-align: left; padding: 2rem 2.2rem 4rem 2.2rem; border-radius: 2rem; aspect-ratio: 1; transition: all 0.3s; }
.strukt.strukt_theme_dark > a * { color: var(--cl-f); }
.strukt.strukt_theme_light > a * { color: var(--cl-text); }
.strukt > a > .a { font-size: 1.75rem; font-weight: 500; line-height: 1.6rem; }
.strukt > a > .b { font-size: 1.25rem; font-weight: 200; margin-top: 1.5rem; }
.strukt > a > .c { position: absolute; bottom: 2rem; padding-left: 1.25rem; font-style: italic; font-weight: 100; }
.strukt > a > .c::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: '\f054'; font-family: 'Font Awesome 5 Pro'; font-weight: 500; }
.strukt.strukt_theme_dark > a > .c::before { color: var(--cl-yellow); }
.strukt.strukt_theme_light > a > .c::before { color: var(--cl); }
#bottom { background: var(--cl3); padding: 8rem 0 1rem 0; margin-top: 18rem; border-radius: 152px 152px 0 0 }
#bottom-c { font-size: 0; }
#bottom-c > * { font-size: 1rem; display: inline-block; vertical-align: top; text-align: left; }
.bottom-1 { width: 34%; padding-left: 5px; }
.bottom-1 .a { width: 41%; min-width: 276px; }
.bottom-1 .a img { width: 80%; }
.bottom-1 .b { width: 41%; min-width: 276px; font-weight: 200; font-size: 1.125rem; line-height: 1.2rem; margin-top: 1rem;}
.bottom-2 { width: 36%; padding-top: 1.875rem; }
.bottom-2 .a { width: 66%; min-width: 301px; }
.bottom-2 .a .aa { font-size: 2.125rem; font-weight: 500; text-transform: uppercase; }
.bottom-2 .a .bb { margin-top: 2rem; }
.bottom-2 .a .bb > div { margin-bottom: 0.75rem; }
.bottom-2 .a .bb > div a { font-size: 1.20rem; text-decoration: underline; color: var(--cl-text); }
.bottom-2 .a .bb > div a:hover { color: var(--cl); }
.bottom-2 .a .cc { margin-top: 2rem; font-size: 0; }
.bottom-2 .a .cc div { margin-bottom: 0.85rem; }
.bottom-2 .a .cc div img { display: block; max-width: 260px; height: auto;}
.bottom-3 { width: 30.00%; padding-top: 1.875rem; }
.bottom-3 .a { }
.bottom-3 .a .aa { font-size: 2.125rem; font-weight: 500; text-transform: uppercase; }
.bottom-3 .a .bb { margin-top: 2rem; }
.bottom-3 .a .bb div { margin-bottom: 1.25rem; }
.bottom-3 .a .bb div i { color: var(--cl2); font-size: 1.5rem; width: 2rem; text-align: center; }
.bottom-3 .a .bb div span { margin-left: 0.5em; font-size: 1.20rem; }
.bottom-3 .a .cc { font-size: 2.125rem; font-weight: 500; text-transform: uppercase; margin-top: 8rem; margin-bottom: 2rem; }
.bottom-3 .a .dd a { display: inline-block; margin-right: 1.5rem; }
.bottom-3 .a .dd a i { font-size: 1.5rem; color: var(--cl2); }
.bottom-3 .a .dd a:hover i { color: var(--cl-hover); }
#copy { margin-top: 6rem; font-weight: 300; color: #555; font-size: 0.92rem; line-height: 1.1rem; }
#btz { padding-top: 2rem; }
#btz img { width: 70px; height: auto; }
#contact_boxes { text-align: center; margin: 9rem auto 6rem auto; width: 80%; display: grid; gap: 2.5rem; grid-template-columns: repeat(auto-fill, minmax(306px, 1fr)); }
.contact_box { }
.contact_box i { color: var(--cl-orange); }
.contact_box .cbxsym { height: 50px; }
.contact_box .sboxtxt { color: var(--cl-text); margin-top: 30px; font-size: 1.5rem; width: 70%; margin-left: auto; margin-right: auto; line-height: 1.8rem; }
#contact_box_1 i { font-size: 48px; }
#contact_box_2 i { font-size: 38px; padding-top:5px; }
#contact_box_3 i { font-size: 46px; }
#c_vizit { text-align: center; font-size: 24px; margin-top: 50px; }
.form_mandatory_alert { background-color: #FFE0E0; }
#contact_form { margin: 9rem auto 0 auto; text-align: center; width: 56%; }
#contact_form label { font-size: 16px; }
.ctitle1 { font-size: 1.5rem; text-align: center; margin: 0 auto; font-weight: 500; }
.ctitle2 { font-size: 1.25rem; font-weight: 300; margin: 0.875rem 0 2.5rem 0; }
.finp { display: block; width: 100%; height: 3.875rem; border-radius: 1.5rem; background-color: var(--cl-brown); border-style: none; margin-bottom: 1rem; font-size: 1.25rem; font-weight: 300; color: var(--cl); text-indent: 1rem; }
.finp::placeholder { font-weight: 200; color: #b0b0b0 }
#txt { display: block; padding-top: 1rem; width: 100%; height: 12rem; border-radius: 1.5rem; background-color: var(--cl-brown); border-style: none; margin-bottom: 1rem; font-size: 1.25rem; font-weight: 300; color: var(--cl); text-indent: 1rem; }
#txt::placeholder { font-weight: 200; color: #b0b0b0 }
.hov_border { transition: border-color 0.05s; }
.hov_border:focus { box-shadow: 0 0 4px 1px rgba(0,0,0,0.2); }
#csmb { cursor: pointer; }
#prlcont { display: none; text-align: center; margin: 0 auto;}
#prlcont i { color: var(--cl); font-size: 25px; }
#zoom_mobile { display: none; }
#zoom_desktop { }
#form_send_ok { display: none; border-radius: 1.5rem; background: #73dda4; margin-bottom: 10px; font-weight: 500; padding: 2rem; width: 98%; }
#form_send_err { display: none; border-radius: 1.5rem; background: #ffc0c0; margin-bottom: 10px; font-weight: 500; padding: 2rem; width: 98%; }
#contfchk { margin: 2rem auto; font-size: 1rem; font-weight: 200; }
#contfchk label { margin-left: 0.5rem; cursor: pointer; font-size: 1.25rem; }
#contfchk label i { margin-right: 0.5rem; }
#chkt { display: none; }
#fchkt.nochk i.fa-square { display: inline-block; }
#fchkt.nochk i.fa-square-check { display: none; }
#fchkt.chk i.fa-square-check { display: inline-block; }
#fchkt.chk i.fa-square { display: none; }
#cchkt { display: none; }
#cfchkt.nochk i.fa-square { display: inline-block; }
#cfchkt.nochk i.fa-square-check { display: none; }
#cfchkt.chk i.fa-square-check { display: inline-block; }
#cfchkt.chk i.fa-square { display: none; }
.contact_tit { font-size: 34px; margin-top: 100px; color: #49311a; font-weight: 700; text-align: center; }
.contact_subtit { font-size: 16px; margin-top: 18px; margin-bottom: 30px; color: #25262a; font-weight: 400; text-align: center; }
#gdpr5 { background-color: #f0f0f0; position: fixed; box-shadow: 1px 0 4px 1px rgba(0,0,0,0.4); line-height: 1.2rem; left: 0; right: 0; bottom: -200px; z-index: 160000; text-align: center; }
#gdpr5_bar { font-weight: 400; padding: 16px 3px 10px 3px; text-align: left; margin: auto; width: 93%; max-width: 1560px; }
#gdpr5_bar .a { display: inline-block; vertical-align: middle; color: #333333; font-size: 0.9rem; line-height: 1.2rem; width: 70%; }
#gdpr5_bar .a span { color: var(--cl); font-size: 1.2rem; font-weight: 500; line-height: 1.4rem; padding-bottom: 6px; display: block; }
#gdpr5_bar .a a { color: #565656; text-decoration: underline; }
#gdpr5_bar .a a:hover { color: #565656; text-decoration: underline; }
#gdpr5_bar .b { display: inline-block; vertical-align: middle; width: 29%; text-align: center; }
#gdpr5_bar .b a { padding: 8px 24px 8px 24px; font-size: 1rem; border-radius: 24px; transition: all 0.14s; padding-left: 50px; background-color: var(--cl); color: var(--cl-f); cursor : pointer; position: relative; }
#gdpr5_bar .b a::before { position: absolute; display: block; content: '\f00c'; top: 50%; transform: translateY(-50%); left: 20px; font-family: 'Font Awesome 5 Pro'; }
#gdpr5_bar .b a:hover { background-color: var(--cl); color: var(--cl-f); }
}
:root {
--swiper-scrollbar-border-radius: 19px;
--swiper-scrollbar-top: auto;
--swiper-scrollbar-bottom: 6px;
--swiper-scrollbar-left: auto;
--swiper-scrollbar-right: 4px;
--swiper-scrollbar-sides-offset: 2%;
--swiper-scrollbar-bg-color: var(--cl-light-gray);
--swiper-scrollbar-drag-bg-color: var(--cl);
--swiper-scrollbar-size: 4px;
}
.swiper-scrollbar-drag::after { content: ''; position: absolute; display: block; top: -75%; left: 0; right: 0; bottom: 0; border-radius: var(--swiper-scrollbar-border-radius); border: 5px solid var(--cl); }
.swiper-scrollbar-drag { cursor: grab; }
.noselect , .noselect * {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Opera and Firefox */
}
::-moz-selection { background-color: rgba(125, 161, 190, 0.2); }
::selection { background-color: rgba(125, 161, 190, 0.2); }