@charset 'utf-8';

:root {
	--color-main: #233d97;
	--red-color-main: #df2529;
	--light-color-main: #DDE6FF;
}

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 { font-size: inherit; }
html { height: 100%; font-size: 62.5%; }
body {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	font-family: 'Siemreap', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #000;
}

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; transition: 300ms ease; }
input:focus, button:focus, textarea:focus, select:focus { outline: none; }

/* size scale width * .24 */

/* clearfix
------------------------------------------------ */
.clearfix {
	clear: both;
	*zoom: 1;
}
.clearfix:before,.clearfix:after {
	content: ' ';
	display: table;
}
.clearfix:after { clear: both; }

.En { font-family: 'Open Sans', sans-serif; }

.pc { display: block !important; }
.sp { display: none !important; }

	@media screen and (max-width: 768px) {

		.pc { display: none !important; }
		.sp { display: block !important; }

	}

/* container
------------------------------------------------ */
#container {
	position: relative;
	font-size: 13px;
	line-height: 2.3;
	display: block;
	overflow: hidden;
}
	@media screen and (max-width: 1240px) {
		#container { font-size: 1.048vw; }
	}

	@media screen and (max-width: 768px) {
		#container { font-size: 13px; }
	}

	#contents { display: block; position: relative; }
	.wrap { position: relative; max-width: 1240px; display: block; margin: 0 auto; padding: 0 20px; }
	.section { font-size: inherit; display: block; position: relative; padding: 5em 0 6.15em; }
	.section--title { position: relative; font-size: 2.3em; line-height: 1.65; font-weight: bold; display: block; margin-bottom: 1.567em; }
	.section--title:after,
	.section--title:before { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 1.4em; height: .134em; border-radius: 1em; background: #E3E3E3; z-index: 0; }
	.section--title:before { width: .7em; background: var(--color-main); z-index: 1; }
	.section--title.s-makeup { color: var(--color-main); }
	.section--title.s-center { text-align: center; }
	.section--title.s-center:after,
	.section--title.s-center:before { left: 50%; transform: translate(-50%,0); }
	.section--title.s-center:before { left: calc( 50% - .35em ); }
	.section--desc { font-size: 1.23em; line-height: 2; margin-bottom: 2.125em; }
	.section--more { font-size: 1.15em; line-height: 2; position: absolute; right: 20px; top: 2.33em; }
	.section--more a { display: inline-block; color: var(--color-main); }
	.section--more a i { margin-left: .35em; }
	.section__items { display: flex; flex-wrap: wrap; }
	.section__items--lists { width: 32%; margin-right: 2%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 2em 1.923em 1.923em; border: 1px solid #E3E3E3; border-radius: .3em; }
	.section__items--lists:nth-child(3n) { margin-right: 0; }
	.section__items--lists:nth-child(n+4) { margin-top: 2%; }
	.section__items--icon { width: 30.2%; }
	.section__items--desc { width: 62.3%; }
	.section__items--desc dl dt { font-size: 1.07em; font-weight: bold; }
	.section__items--desc dl dd { font-size: .846em; line-height: 1.83; }
	.section__items--desc a { margin-top: 1em; display: inline-block; color: var(--color-main); text-decoration: underline; }
	.section__items--desc a:hover { text-decoration: none; }

		@media screen and (max-width: 768px) {
			.section { padding: 3.46em 0 3.84em; }
			.section--title { font-size: 1.846em; }
			.section--title.s-center { text-align: left; }
			.section--title.s-center:after,
			.section--title.s-center:before { left: 0; transform: none; }
			.section--desc { font-size: 1.075em; }
			.section--more { font-size: 1em; position: relative; right: auto; top: auto; text-align: right; margin-top: 1.15em; }
			.section__items--lists,
			.section__items--lists:nth-child(3n) { width: 49%; margin-right: 2%; padding: 1.53em 1.15em 1.15em; }
			.section__items--lists:nth-child(2n) { margin-right: 0; }
			.section__items--lists:nth-child(n+3) { margin-top: 2%; }
		}

		@media screen and (max-width: 480px) {
			.section__items--lists,
			.section__items--lists:nth-child(3n) { width: 100%; margin-right: 0; }
			.section__items--lists:nth-child(n+2) { margin-top: 4%; }
		}

	:root {
		--font-size-page: 1.07em;
	}
	.pages { display: block; position: relative; }
	.pages .section--title.s-center { margin-top: 1.67em; }
	.pages-visual { display: block; position: relative; left: 50%; transform: translate(-50%,0); width: 100vw; height: 15.38em; }
	.pages-visual img { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; transform: translate(-50%,0); object-fit: cover; object-position: center; }
	.pages__content { font-size: 1.07em; display: block; overflow: hidden; position: relative; }
	.pages__content--main { width: 62%; float: left; }
	.pages__content--sidebar { width: 35.5%; float: right; }
	.pages__content--main h6, .pages__content--main h5, .pages__content--main h4, .pages__content--main h3, .pages__content--main h2 { line-height: 1.8; color: var(--color-main); font-weight: bold; margin-bottom: .5em; }
	.pages__content--main h5 { font-size: 1.23em; }
	.pages__content--main h4 { font-size: 1.38em; }
	.pages__content--main h3 { font-size: 1.53em; }
	.pages__content--main h2 { font-size: 1.69em; }
	.pages__content--main p { font-size: var(--font-size-page); line-height: 2; }
	.pages__content--main p + p { margin-top: 2em; }
	.pages__content--main a { font-size: var(--font-size-page); display: inline-block; color: var(--color-main); text-decoration: underline; }
	.pages__content--main a:hover { text-decoration: none; }
	.pages__content--main ul { font-size: var(--font-size-page); list-style: inside; }
	.pages__content--main ol { font-size: var(--font-size-page); list-style: decimal; list-style-position: inside; }
	.pages__content--main table { font-size: var(--font-size-page); display: table; border-collapse: collapse; width: 100%; margin-bottom: 2em; }
	.pages__content--main table caption { padding: 0; color: #000; display: block; padding-bottom: .5em; position: relative; }
	.pages__content--main table caption:after {  }
	.pages__content--main table tr th,
	.pages__content--main table tr td { font-size: inherit; font-weight: normal; vertical-align: top; border: 1px solid #E3E3E3; padding: .5em 1em; }
	.pages__content--main .cm-break { display: flex; flex-wrap: wrap; align-items: flex-start; }
	.pages__content--main .cm-break table { width: 42%; margin-right: 8%; }
	.pages__content--main table tr th,
	.pages__content--main table tr td { border-left: none; border-right: none; padding-left: 0; padding-right: 0; }
	.pages__content--main table tr:first-child th,
	.pages__content--main table tr:first-child td { border-top-color: #000; }
	.pages__content--main table tr td { text-align: right; }


	:root {
		--font-size-content: 1.15em;
	}
	.pages--desc h6, .pages--desc h5, .pages--desc h4, .pages--desc h3, .pages--desc h2 { line-height: 1.8; font-weight: bold; margin-bottom: .5em; }
	.pages--desc h5 { font-size: 1.23em; }
	.pages--desc h4 { font-size: 1.38em; }
	.pages--desc h3 { font-size: 1.53em; }
	.pages--desc h2 { font-size: 1.69em; }
	.pages--desc p { font-size: var(--font-size-content); line-height: 2; }
	.pages--desc p + p { margin-top: 2em; }
	.pages--desc a { font-size: var(--font-size-content); display: inline-block; color: var(--color-main); text-decoration: underline; }
	.pages--desc a:hover { text-decoration: none; }
	.pages--desc ul { font-size: var(--font-size-content); list-style: inside; }
	.pages--desc ol { font-size: var(--font-size-content); list-style: decimal; list-style-position: inside; }
	.pages--desc table { font-size: var(--font-size-content); display: table; border-collapse: collapse; width: 100%; margin-bottom: 2em; }
	.pages--desc table caption { padding: 0; color: #000; display: block; padding-bottom: .5em; position: relative; }
	.pages--desc table caption:after {  }
	.pages--desc table tr th,
	.pages--desc table tr td { font-size: inherit; font-weight: normal; vertical-align: top; border: 1px solid #E3E3E3; padding: .5em 1em; }
	.pages--desc .cm-break { display: flex; flex-wrap: wrap; align-items: flex-start; }
	.pages--desc .cm-break table { width: 42%; margin-right: 8%; }
	.pages--desc table tr th,
	.pages--desc table tr td { border-left: none; border-right: none; padding-left: 0; padding-right: 0; }
	.pages--desc table tr:first-child th,
	.pages--desc table tr:first-child td { border-top-color: #000; }
	.pages--desc table tr td { text-align: right; }

		@media screen and (min-width: 768px) {
			.single__content .pages__content--main { width: 68%; }
			.single__content .pages__content--sidebar { width: 29.5%; }
		}
		@media screen and (max-width: 768px) {
			.pages-visual { height: 9.23em; }
			.pages__content--main,
			.pages__content--sidebar { width: 100%; float: none; }
			.pages__content--sidebar { margin-top: 2.15em; }
			.pages__content--main .cm-break table { width: 100%; margin: 0 0 2em;  }
			.pages__content--main p { font-size: 1em; }
		}
	
	.pagination { font-family: inherit; font-size: inherit; line-height: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin-top: 5em; text-align: center; }
	.pagination li { position: relative; width: 2.92em; height: 2.92em; margin: 0 .38em; }
	.pagination li a,
	.pagination li span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0; background: none; color: #000; border: 1px solid #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: .3em !important; transition: all 0.4s linear; }
	.pagination li a[rel="prev"],
	.pagination li a[rel="next"] { color: var(--color-main); border-color: #F6F5F2; }
	.pagination li[aria-label="« Previous"] span,
	.pagination li a[rel="prev"] { padding: 0; padding-right: .2em; }
	.pagination li a[rel="next"],
	.pagination li[aria-label="Next »"] span { padding-left: .2em; }
	.pagination li.disabled a,
	.pagination li.disabled span { color: #C9C9C9 !important; background: #F6F5F2 !important; }
	.pagination li a:hover,
	.pagination li.active a,
	.pagination li.active span { color: #fff !important; background: var(--color-main) !important; border-color: var(--color-main) !important; }
	.pagination li a[rel="next"]:before,
	.pagination li[aria-label="Next »"] span:before  { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
	.pagination li a[rel="prev"]:before,
	.pagination li[aria-label="« Previous"] span:before  { content: "\f104"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }


		@media screen and (max-width: 768px) {
			.pagination { font-size: .84em; }
		}


/* header
------------------------------------------------ */
#header {
	position: fixed;
	width: 100%;
	background: #fff;
	padding: 0 20px;
	font-size: inherit;
	z-index: 999;
}

	@media screen and (max-width: 1024px) {
		
	}

	.hd-head { display: flex; align-items: center; justify-content: space-between; height: 4.15em; }
	#logo { max-width: 7.84em; margin-top: 60px; }
	#logo a { display: inline-block; }
	.hd-info { display: flex; flex-wrap: wrap; align-items: center; }
	.hd-info--lang { display: flex; flex-wrap: wrap; align-items: center; }
	.hd-info--lang li { width: 2.15em; line-height: 1; margin-left: .77em; }
	.hd-info--lang li a { display: block; }
	.hd-info--login { position: relative; display: block; overflow: hidden; width: 2.15em; height: 2.15em; line-height: 1; margin-left: 1.15em; border-radius: 50%; }
	.hd-info--login a,
	.hd-info--login img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
	.hd-info--login img { object-fit: cover; object-position: center; }
	.hd-info--phone { font-size: 1.538em; font-weight: bold; }
	.hd-info--phone a { display: inline-block; }
	.hd-info--phone a:before { content: ''; width: 1.77em; height: 1.77em; margin-right: .46em; display: inline-block; vertical-align: middle; background: url(../img/share/icon-phone.png) no-repeat; background-size: 100% 100%; }
	.hd-info--search { display: block; position: relative; width: 26.92em; margin-left: .77em; }
	.hd-info--search input { font-family: inherit; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: .38em .77em .38em 2.46em; width: 100%; height: 2.69em; background: #fff url(../img/share/Icon-search.png) no-repeat left .69em center; background-size: 1.3em; border: solid #E2E2E2 1px; -webkit-border-radius: .385em; border-radius: .385em; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.hd-info__result { position: absolute; top: 4.15em; left: 0; width: 100%; background: #fff; padding: 1em 0; -webkit-border-radius: .385em; border-radius: .385em; opacity: 0; visibility: hidden; transition: 300ms ease; }
	.hd-info__result:after { content: ''; display: block; position: absolute; top: -.7em; left: .8em; width: 0px; height: 0px; border-left: .45em solid transparent; border-right: .45em solid transparent; border-bottom: .8em solid #fff; }
	.hd-info__result--tlt { font-size: inherit; margin: 0 1em .75em; }
	.hd-info__result--item,
	.hd-info__result--item li { display: block; position: relative; }
	.hd-info__result--items a { padding: .8em 0; display: flex; flex-wrap: wrap; align-items: center; }
	.hd-info__result--items a:hover { background: #F6F6F6; }
	.hd-info__result--icon { width: 6.15em; text-align: center; }
	.hd-info__result--icon img { display: inline-block; width: 62.5%; }
	.hd-info__result--desc { width: calc( 100% - 6.15em ); }
	.hd-info__result--desc dt { font-size: 1em; line-height: 1.75; }
	.hd-info__result--desc dd { font-size: .84em; line-height: 1.75; }
	.hd-info--search.show .hd-info__result { opacity: 1; visibility: initial; z-index: 2; }
	.hd-info--hamb { width: 2.3em; height: 1.846em; margin-left: 1.15em; position: relative; cursor: pointer; display: inline-block; }
	.hd-info--hamb span { background-color: var(--color-main); position: absolute; border-radius: 10em; transition: .3s cubic-bezier(.8, .5, .2, 1.4); width: 100%; height: .3em; transition-duration: 500ms }
	.hd-info--hamb span:nth-child(1) { top: 0px; left: 0px; }
	.hd-info--hamb span:nth-child(2) { top: .769em; left: 0px; opacity: 1; }
	.hd-info--hamb span:nth-child(3) { bottom:0px; left: 0px; }
	.hd-info--hamb.on span:nth-child(1) { transform: rotate(45deg); top: .769em; }
	.hd-info--hamb.on span:nth-child(2) { opacity: 0; }
	.hd-info--hamb.on span:nth-child(3) { transform: rotate(-45deg); top: .769em; }

	#hd-nav { display: block; position: relative; }
	.hd-nav--iframe { position: relative; display: block; }
	.hd-nav--links { display: flex; align-items: center; justify-content: center; }
	.hd-nav--links li { font-size: 1.15em; display: inline-block; line-height: 4em; }
	.hd-nav--links li a { display: inline-block; padding: 0 1.69em; }
	.hd-nav--links li.h-show { display: none; }
	.hd-nav--links li.active a,
	.hd-nav--links li a:hover { color: var(--color-main); }

		@media screen and (min-width: 768px) {
			.hd-info--lang { display: flex !important; }
		}
		@media screen and (max-width: 768px) {
			.hd-head { height: 3.8em; }
			#header { background: #fff !important; }
			#header #hd-nav { position: absolute; width: 100vw; height: calc( 100vh - 3.61em ); background: #fff; left: auto; right: auto; left: 100%; top: 3.61em; z-index: 2; transition: left .3s; }
			#header .hd-nav--iframe { display: block; width: 100%; height: calc( 100vh - 8.61em ); padding-bottom: 60px; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; }
			#header .hd-nav--iframe::-webkit-scrollbar { display: none; }
			#header .hd-nav--links { flex-wrap: wrap; }
			#header .hd-nav--links li { font-size: inherit; position: relative; width: 100%; height: 4.3em; display: block; order: 3; border-top: 1px solid #E3E3E3; }
			#header .hd-nav--links li a { padding: 0 20px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: flex-start; }
			#header .hd-nav--links li.active a,
			#header .hd-nav--links li a:hover { background: var(--light-color-main); color: #000; }
			#header .hd-nav--links li.h-show  { display: block; }
			#header .hd-nav--links li.h-logo { display: none; }
			#header .hd-nav--links li.h-date { order: 2; border-top: none; }
			#header .hd-nav--links li.h-date a { background: var(--color-main); color: #fff !important; }
			#header .hd-nav--links li.h-date a:before { content: ''; display: inline-block; width: 2.15em; height: 2.15em; margin-right: .77em; background: url(../img/share/icon-calendar.png) no-repeat; background-size: 100% 100%; }
			#header .hd-nav--links li.h-sns { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
			#header .hd-nav--links li.h-sns a { padding: 0; width: 2.3em; margin: 0 .38em; position: relative; left: auto; top: auto; background: none !important; }
			#header .hd-nav--head { padding: 20px; background: var(--light-color-main); }
			#header .hd-nav--lang { display: flex; background: #fff; padding: 1em 1.15em; }
			#header .hd-nav--lang li { font-size: inherit; margin-right: 1.15em; }
			#header .hd-nav--lang li i { margin-right: .35em; display: inline-block; color: var(--color-main); }
			#header .hd-nav--lang li.active a { font-weight: bold; color: var(--color-main); }
			#header .hd-nav--search { display: block; position: relative; width: 100%; margin-top: .77em; }
			#header .hd-nav--search input { font-family: inherit; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: .38em .77em .38em 2.46em; width: 100%; height: 4.23em; background: #fff url(../img/share/Icon-search.png) no-repeat left .69em center; background-size: 1.3em; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

			body.sp_menu_open { overflow: hidden; }
			body.sp_menu_open #header #hd-nav { left: 0; }
		}

/* main
------------------------------------------------ */
#main {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 8.769em;
}

	@media screen and (max-width: 768px) {
		#main { padding-top: 4.61em; }
	}
 	
	.popup { font-size: 13px; display: block; overflow: hidden; position: relative; max-width: 39.38em; margin: 3.38em auto; background: #fff; border-radius: .77em; padding: 1.92em 2.69em; }
	.popup--frame { display: block; position: relative;  }
	.popup--title { font-size: 1.69em; text-align: center; margin-bottom: 1em; }
	.popup__block input,
	.popup__block button { font-family: inherit; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: .38em 1.15em; width: 100%; height: 3.46em; margin-bottom: .61em; background: #F3F1F1; border: none; -webkit-border-radius: .3em; border-radius: .3em; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.popup__block button { font-size: 1.23em; font-weight: bold; height: 2.625em; margin: 0; margin-top: .77em; color: #fff; border-radius: 50em; background: var(--color-main); }
	.popup .dangerrequired { display: block; color: red; margin: 0; }
	.popup .button-facebook { margin: 0; }
	.popup .forgot-pass-modal { font-size: inherit; margin-top: .77em; }
	.dont-have-account { margin-top: 3.38em; text-align: center; }
	.popup a { color: var(--color-main); }

		@media screen and (max-width: 1240px) {
			.popup { font-size: 1.048vw; }
		}

		@media screen and (max-width: 668px) {
			.popup { font-size: 13px; max-width: calc( 100% - 30px ); padding: 1.53em 1.15em; }
		}
	
	body.loadPopup { overflow: hidden; }

	/* chat button */
	#gdchat-fixed-bottom-right { width: auto; margin: 0; right: 10px; bottom: 10px; }
	#gdchat-fixed-bottom-right .ch2 { background: none; border-radius: 0; border: none; padding: 0; }
	#gdchat-fixed-bottom-right .ch2 a { font-size: 2.769em; width: 2.08em; height: 2.08em; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 50%; overflow: hidden; background: var(--red-color-main); position: relative; }
	#gdchat-fixed-bottom-right .ch2 .fa { text-shadow: .138em .138em .138em rgb(0 0 0 / 10%); }
	#gdchat-fixed-bottom-right .ch2 .dots { position: absolute; width: .166em; height: .166em; border-radius: .138em; background-color: var(--color-main); color: var(--color-main); animation: dot-flashing 1s infinite linear alternate; animation-delay: 0.5s; }
	#gdchat-fixed-bottom-right .ch2 .dots::before, #gdchat-fixed-bottom-right .ch2 .dots::after { content: ""; display: inline-block; position: absolute; top: 0; }
	#gdchat-fixed-bottom-right .ch2 .dots::before { left: -.25em; width: .166em; height: .166em; border-radius: .138em; background-color: var(--color-main); color: var(--color-main); animation: dot-flashing 1s infinite alternate; animation-delay: 0s; }
	#gdchat-fixed-bottom-right .ch2 .dots::after { left: .25em; width: .166em; height: .166em; border-radius: .138em; background-color: var(--color-main); color: var(--color-main); animation: dot-flashing 1s infinite alternate; animation-delay: 1s; }

		@media screen and (max-width: 768px) {
			#gdchat-fixed-bottom-right .ch2 a { font-size: 2em; }
		}

	@keyframes dot-flashing {
	  0% {
	    background-color: var(--color-main);
	  }
	  50%, 100% {
	    background-color: rgba(250, 169, 87, 0.2);
	  }
	}


	/* chat form */
	.chats-tab-open .message { font-size: 1em; }
	.chats-tab-open .message .message-options { font-size: 1em; }
	.chats-tab-open .chat-date { font-size: 1em; }
	.chats-tab-open .form-control { font-size: 1em; }
	.chats-tab-open .main-layout { font-size: inherit; height: calc( 100vh - 8.769em ); min-height: 600px; border-top: 1px solid #d7d7d7; margin: 0 !important; }
	.chats-tab-open .main-layout .input-group { border-color: var(--color-main) !important; padding: .38em; }
	.chats-tab-open .chat-body .chat-content { width: 100%; height: calc( 100% - 6.92em ) !important; }
	.chats-tab-open .chat-body .chat-header { width: 100%; height: 6.92em; padding: 1.53em; }
	.chats-tab-open .chat-body .chat-name { margin: 0; line-height: initial; }
	.chats-tab-open .main-layout .sidebar .sidebar-sub-header .input-group { display: flex; flex-wrap: wrap; align-items: center; }
	.chats-tab-open .main-layout .sidebar .sidebar-sub-header .input-group .input-group-text,
	.chats-tab-open .main-layout .sidebar .sidebar-sub-header .input-group .search { font-size: inherit; height: 3.07em; box-sizing: border-box; }
	.chats-tab-open .main-layout .sidebar .sidebar-sub-header .input-group .search { width: calc( 100% - 3.07em ); }
	.chats-tab-open .main-layout .sidebar .sidebar-sub-header .input-group .input-group-text { width: 3.07em; border: none; }
	.chats-tab-open .main-layout .sidebar .contacts-list .contacts-item { margin: 0; }
	.chats-tab-open .main-layout .sidebar .contacts-list .contacts-content .contacts-info .chat-name,
	.chats-tab-open .main-layout .sidebar .contacts-list .contacts-content .contacts-info .chat-time { font-size: 1em; line-height: initial; }
	.chats-tab-open .main-layout .sidebar .contacts-list .contacts-content .contacts-texts { font-size: .8em; }
	.chats-tab-open .main-layout .sidebar .contacts-list .contacts-content .contacts-texts p { font-size: inherit; }
	.chats-tab-open .main-layout .sidebar .contacts-list .contacts-item:hover .contacts-link { border-color: var(--color-main); }

	.chats-tab-open .main-layout .chats { height: calc( 100% - 67.88px ); }
	.chats-tab-open .main-layout #chat_2 { display: flex !important; height: 100%; width: 100%; align-items: flex-start; flex-direction: column; }
	.chats-tab-open .chat-body .chat-footer { bottom: -67.88px; }
	.chats-tab-open .chat-body .chat-footer label[for="file-upload"],
	.chats-tab-open .chat-body .chat-footer .btn-icon,
	.chats-tab-open .chat-body .chat-footer .col-auto { display: flex; align-items: center; }
	.chats-tab-open .chat-body .chat-footer .col-auto .btn-primary,
	.chats-tab-open .main-layout .message.self .message-content { background-color: var(--color-main) !important; }


/* footer
------------------------------------------------ */
#footer {
	position: relative;
	width: 100%;
	background: #2B2B2B; 
	color: #fff;
	margin-top: 8.46em;
}

	.ft-info { display: flex; flex-wrap: wrap; position: relative; padding: 3.07em 0; }
	.ft-info__head { width: calc( 31.7% - 1.15em ); margin-right: 1.15em; }
	.ft-info--logo { width: 55%; }
	.ft-info--logo a { display: block; }
	.ft-info--desc { font-size: inherit; max-width: 19.69em; margin-top: 3.46em; }
	.ft-info--desc dt { color: var(--red-color-main); margin-bottom: .93em; }
	.ft-info__links:not(:last-child) { margin-bottom: .93em; }
	.ft-info__links dt { color: var(--red-color-main); margin-bottom: .538em; }
	.ft-info__links--block { display: flex; flex-wrap: wrap; }
	.ft-info__links--lists { width: 100%; }
	.ft-info__links--lists li { display: block; }
	.ft-info__links--lists li a { display: inline-block; color: #fff; }
	.ft-info__links--lists li a:hover { color: var(--color-main); }
	.ft-info__links--lists li a i { margin-right: .7em; }
	.ft-info__manu { width: calc( 43.6% - 1.15em ); margin-right: 1.15em; display: flex; flex-wrap: wrap; }
	.ft-info__manu .ft-info__links { width: calc( 45% - .575em ); margin-left: 1.15em; }
	.ft-info__manu .ft-info__links:first-child { width: calc( 39% - .575em ) }
	.ft-info__manu .ft-info__links--lists { display: block; width: 100%; }
	.ft-info__manu .ft-info__links--download { display: block; }
	.ft-info__manu .ft-info__links--download li { display: inline-block; margin: .5em 0; }
	.ft-info__contact { width: 24.7%; }
	#ft-copy { font-size: inherit; text-align: center; padding: 1.15em 0; border-top: 1px solid #343434; }

	@media screen and (max-width: 768px) {
		#logo { max-width: 3.5em; margin-top: 0; }
		#footer { margin-top: 4.61em; }
        .ft-info__head { width: 100%; margin: 0; }
        .ft-info--logo { max-width: 17.69em; display: block; margin: 0 auto; }
        .ft-info--desc { margin-top: 2em; }
        .ft-info__manu { width: 100%; margin: 1.53em 0 0; }
        .ft-info__manu .ft-info__links { width: 100% !important; margin: 0; }
        .ft-info__manu .ft-info__links:first-child { margin-bottom: 1.53em; }
        .ft-info__manu .ft-info__links--lists { width: calc( 50% - .575em ); }
        .ft-info__manu .ft-info__links--download { display: flex; flex-wrap: wrap; justify-content: space-between; }
        .ft-info__manu .ft-info__links--download li { display: block; width: 48%; margin-bottom: 0; }
        .ft-info__contact { width: 100%; margin-top: 1.53em; }
        #ft-copy { padding: .77em 0; }

    }