.ci-titleimg { clear:left; overflow:hidden; width:980px; max-width:100%; vertical-align:middle; display:table-cell; height:410px; max-height:410px; border-radius:10px; }
	.ci-titleimg h1 { max-width:500px; font:36px/36px Tahoma; padding:0 0 20px 0; letter-spacing:-1px; color:#000; }
	.ci-titleimg h2 { max-width:350px; font:19px/22px Arial; padding:0 0 20px 0; color:rgba(0 0 0/50%); }
	.ci-titleimg p { }
	.ci-titleimg ul { list-style:none; padding:5px 0 20px 0; }
		.ci-titleimg ul li { font:19px/22px Arial; color:rgba(0 0 0/50%); padding:1px 0px; }
		.ci-titleimg ul li .ci-type, .ci-titleimg ul li .pk-type, .ci-titleimg ul li .puz-type { display:inline-block; padding:2px 0 0 0; margin:0 10px 0 0; text-align:center; width:46px; font-size:17px; color:#fff; border-radius:4px; }
		
@media screen and (max-width:570px) {
	.ci-titleimg { }
		.ci-titleimg h1 { width:100%; max-width:none; font:30px/30px Tahoma; }
		.ci-titleimg h2 { width:100%; max-width:none; font:18px/19px Arial; }
		.ci-titleimg p { }
		.ci-titleimg ul {  }
			.ci-titleimg ul li { font:18px/19px Arial; }
			.ci-titleimg ul li .ci-type, .ci-title ul li .pk-type, .ci-title ul li .puz-type { width:46px; font-size:16px; }
}

@media screen and (max-width:500px) {
	.ci-titleimg { }
		.ci-titleimg h1 { width:94%; padding-left:3%; padding-right:3%; text-align:center; }
		.ci-titleimg h2 { width:94%; padding-left:3%; padding-right:3%; text-align:center; }
		.ci-titleimg p { width:94%; padding-left:3%; padding-right:3%; text-align:center; }
		.ci-titleimg ul { width:fit-content; padding-left:3%; padding-right:3%; margin:0 auto; }
			.ci-titleimg ul li { font:18px/19px Arial; }
			.ci-titleimg ul li .ci-type, .ci-title ul li .pk-type, .ci-title ul li .puz-type { width:46px; font-size:16px; }
}

@media screen and (max-width:370px) {
	.ci-titleimg { }
		.ci-titleimg h1 { font:24px/25px Tahoma; }
		.ci-titleimg h2 { font:16px/17px Tahoma; }
		.ci-titleimg p {  }
		.ci-titleimg ul {  }
			.ci-titleimg ul li { font:16px/17px Arial; }
			.ci-titleimg ul li .ci-type, .ci-title ul li .pk-type, .ci-title ul li .puz-type { width:42px; font-size:14px; }
}

h2.ci-h2title { font-size:24px; font-family:Tahoma; padding:60px 0 40px 0; }

.ci-format { padding-bottom:20px; }
	.ci-format h5 { padding:0 0 8px 0; font:15px Arial; }
		.ci-format h5 span { display:inline-block; padding:2px 0; margin:0 5px 0 0; text-align:center; width:42px; color:#fff; border-radius:4px; }
	.ci-format .ci-linetitle { padding:0 0 8px 0; color:#0005; }
	.ci-format .ci-orgtitle { padding:0 0 8px 0; color:#0005; }
	.ci-format .ci-desctitle { padding:0 0 12px 0; }
	
	.ci-format details { padding:8px 10px; margin:5px 0; }
		.ci-format details summary { text-decoration:none; }
		.ci-format details[open] summary { margin: 0 0 5px 0; }
		.ci-format details p, .ci-format details ul, .ci-format details ol { font-size:13px; }
		.ci-format details p { padding:3px 10px; }
		.ci-format details ul, .ci-format details ol { padding: 5px 0 5px 25px; }
			.ci-format details ul li, .ci-format details ol li { padding:5px 0 5px 0px; margin:0; }
			.ci-format details ul ul, .ci-format details ol ul { padding:5px 0 5px 15px; margin:0; }

.ci-type details { background:var(--color-ci-light); }
.pk-type details { background:var(--color-pk-light); }
.puz-type details { background:var(--color-puz-light); }
	
span.ci-type, strong.ci-type { background:var(--color-ci); }
span.pk-type, strong.pk-type { background:var(--color-pk); }
span.puz-type, strong.puz-type { background:var(--color-puz); }


/* Calendar */

.ci-grid { font-size:15px; font-family:arial; margin:10px 0 20px 0; }

.ci-week { display:table; width:100%; border-collapse:separate; border-spacing:6px 3px; }
		
	.ci-week .ci-day { display:table-cell; width:20%; padding:8px; background:var(--color-bg); border-radius:8px; overflow:hidden; }
	.ci-week .ci-day.past { opacity:0.5; }
	.ci-week .ci-day::before { display:none; }
		
		.ci-week .ci-day .ci-date { color:rgba(0 0 0/50%); text-align:center; padding:0; margin:0 0 8px 0; }		
			.ci-week .ci-day .ci-date em { font-weight:normal; font-style:normal;  }
			.ci-week .ci-day.today .ci-date, .ci-week .ci-day.today .ci-date em { font-weight:bold; color:#000; }
		
		.ci-week .ci-day ul { list-style:none; margin:0; padding:0; }
			.ci-week .ci-day ul li { margin:0; padding:0px; width:100%; display:inline-block; position:relative; background:#fff; border-radius:8px; margin:0 0 10px 0; padding:0; border:none; }
			.ci-week .ci-day ul li:last-child { margin-bottom:0; }
			.ci-week .ci-day ul li a { text-decoration:none; }
			
			.ci-week .ci-day ul li .ci-time { display:table; border-collapse:separate; border-spacing:0px; font-size:13px; color:rgba(0 0 0/40%); width:calc(100% - 20px); margin:0; padding:10px 10px 0px 10px; }
				.ci-week .ci-day ul li .ci-time span { display:table-cell; }				
				.ci-week .ci-day ul li .ci-time span em { font-style:normal; }
				.ci-week .ci-day ul li .ci-time span:last-child { text-align:right; }
				.ci-week .ci-day ul li .ci-time span:first-child { text-align:left; }
				
			.ci-week .ci-day ul li div.ci-title { color:rgba(0 0 0/40%); width:calc(100% - 20px); margin:0; padding:5px 10px 10px 10px; }
				.ci-week .ci-day ul li a .ci-title { color:var(--color-a); }
				.ci-week .ci-day ul li a .ci-title:hover { text-decoration:underline; }

.ci-week.name { border-collapse:separate; border-spacing:8px 0px; }
	.ci-week.name .ci-day { font-size:12px; color:rgba(0 0 0/30%); text-align:center; background:none; border-radius:0; }
	
.ci-legend { width:90%; margin:0 auto; margin-bottom:10px; }
	.ci-legend ul { display:table; margin:0; padding:0; }
		.ci-legend ul li { display:table-cell; vertical-align:top; }
			.ci-legend ul li .name { font:13px/15px Arial; color:rgba(0 0 0/70%); display:inline-block; width:calc(100% - 20px); padding:0 10px 5px 10px; }
				.ci-legend ul li .name strong { font-weight:normal; color:#000; }
			.ci-legend ul li .desc1, .ci-legend ul li .desc2 { font:13px/15px Arial; width:calc(100% - 20px); color:rgba(0 0 0/40%); display:inline-block; }
			.ci-legend ul li .desc1 { padding:0 10px 5px 10px; }
			.ci-legend ul li .desc2 { padding:0 10px 0 10px; color:rgba(0 0 0/40%); }
	
@media screen and (max-width:800px) {
	.ci-grid { font-size:13px; }

	.ci-week { border-spacing:4px 2px; }

		.ci-week .ci-day { padding:4px; }
		.ci-week .ci-day.past {  }

			.ci-week .ci-day .ci-date { margin:2px 0 6px 0; }
				.ci-week .ci-day .ci-date em { font-weight:normal; font-style:normal;  }

			.ci-week .ci-day ul {  }
				.ci-week .ci-day ul li { margin:0 0 5px 0}
				.ci-week .ci-day ul li:first-child { }
				.ci-week .ci-day ul li.ci-webinar { }
				.ci-week .ci-day ul li:last-child { }
				.ci-week .ci-day ul li a { }

				.ci-week .ci-day ul li .ci-time { font-size:12px; width:calc(100% - 12px); padding:6px 6px 0px 6px; }
					.ci-week .ci-day ul li .ci-time span {  }				
					.ci-week .ci-day ul li .ci-time span:last-child { }
					.ci-week .ci-day ul li .ci-time span:first-child { }

				.ci-week .ci-day ul li div.ci-title { font-size:13px; width:calc(100% - 12px); padding:5px 6px 6px 6px; }
					.ci-week .ci-day ul li a .ci-title {  }
					.ci-week .ci-day ul li a .ci-title:hover {  }

	.ci-week.name { border-collapse:separate; border-spacing:4px 0px; }
		.ci-week.name .ci-day {  }
		
.ci-legend { width:100%; }
	.ci-legend ul { }
		.ci-legend ul li { }
			.ci-legend ul li .name { }
				.ci-legend ul li .name strong { }
			.ci-legend ul li .desc1, .ci-legend ul li .desc2 { }
			.ci-legend ul li .desc1 { }
			.ci-legend ul li .desc2 { }
}
	
@media screen and (max-width:680px) { 
	.ci-grid { font-size:15px; margin:30px 0 10px 0; }

	.ci-week { display:inline-block; border-collapse:separate; border-spacing:0px; }

		.ci-week .ci-day { display:inline-block; width:100%; padding:8px 0px; margin:0 0 5px 0; position:relative; overflow:hidden; }
		.ci-week .ci-day.past,
		.ci-week .ci-day.empty { display:none; }
		.ci-week .ci-day::before { z-index:2; position: absolute; display:inline-block; width:16px; height:100%; top:0; right:0; background:linear-gradient(90deg, transparent 0%, var(--color-bg) 100%); content:''; }
		
			.ci-week .ci-day .ci-date { display:table-cell; float:left; width:60px; padding:8px 0 0 0; margin:0; }
				.ci-week .ci-day .ci-date em { display:inline-block; width:100%; clear:left; }

			.ci-week .ci-day .ci-scroll-block { display:inline-block; float:left; overflow-x:auto; width:calc(100% - 61px); }
				.ci-week .ci-day ul { display:table; border-collapse:separate; border-spacing:8px 0px; }
					.ci-week .ci-day ul li { margin:0; padding:0; width:auto; display:table-cell; min-width:140px; }
					.ci-week .ci-day ul li:first-child { border:none; }
					.ci-week .ci-day ul li.ci-webinar { }
					.ci-week .ci-day ul li:last-child { margin-bottom:0; }
					.ci-week .ci-day ul li a {  }

				.ci-week .ci-day ul li .ci-time { font-size:13px; width:calc(100% - 20px); padding:10px 10px 0px 10px; }
					.ci-week .ci-day ul li .ci-time span { padding-right:10px; }
					.ci-week .ci-day ul li .ci-time span em { display:none; }
					.ci-week .ci-day ul li .ci-time span:last-child { text-align:left; padding-right:0px; }
					.ci-week .ci-day ul li .ci-time span:first-child { text-align:left; }

				.ci-week .ci-day ul li div.ci-title { font-size:15px; width:calc(100% - 20px); margin:0; padding:5px 10px 10px 10px; }
					.ci-week .ci-day ul li a .ci-title { color:var(--color-a); }
					.ci-week .ci-day ul li a .ci-title:hover { text-decoration:underline; }

	.ci-week.name { display:none; }
		.ci-week.name .ci-day {  }
	
.ci-legend { width:100%; }
	.ci-legend ul { display:inline-block; }
		.ci-legend ul li { display:inline-block; margin-bottom:15px; }
			.ci-legend ul li .name { display:inline-block; font:12px/15px Arial; width:100%; padding:0 0 0px 0; }
			.ci-legend ul li .desc1, .ci-legend ul li .desc2 { width:100%; }
			.ci-legend ul li .desc1 { padding:0 0 0px 0; }
			.ci-legend ul li .desc2 { padding:0; }
}


/* Dogovor */

.ci-dog { width:100%; height:300px; overflow:hidden; position:relative; }
	.ci-dog p { text-align:center; position:relative; }
		.ci-dog p a { float:left; width:calc(50% - 10px - 5%); }
		.ci-dog p a:first-child { margin:0px 10px 0 5%; }
		.ci-dog p a:last-child { margin:0px 5% 0 10px; }
			.ci-dog a img { text-align:center; max-width:100%; }
			
	.ci-dog .in { position:absolute; bottom:0; width:100%; height:80px; background:url('/images/services/podft/ci-pk-puz/line-arrow-down.png') top center no-repeat; }

@media screen and (max-width:550px) {
	.ci-dog { width:100%; height:auto; margin:0; }
		.ci-dog p a { float:none; width:80%; }
		.ci-dog p a:first-child, .ci-dog p a:last-child { margin:0 0 20px 0; }
			.ci-dog a img { width:60%; }
			
	.ci-dog .in { display:none; }
}	


/* Chat */

	.ci-chat { display:none; clear:left; position:relative; max-width:800px; margin:0 auto; margin-top:20px; }
		.ci-chat p {  }
		.ci-chat>div { clear:left; overflow:hidden; }
		.ci-chat>div>div { display:block; width:calc(100% - 100px - 100px - 40px); float:left; padding:10px 20px; margin:0 0 20px 0; border-radius:8px; position:relative; }
		.ci-chat>div>div::before { position:absolute; border:10px solid transparent; display:block; width:0; height:0; content:''; }
	
	.ci-chat div.user {  }		
		.ci-chat div.user>img { float:left; display:block; width:80px; height:80px; margin-right:20px; }
		.ci-chat div.user div {  background:#ddeaff; margin-left:0px; }
		.ci-chat div.user div::before { left:-20px; top:30px; border-right:10px solid #ddeaff; }

	.ci-chat div.rosfin { }
		.ci-chat div.rosfin>img { float:right; display:block; width:80px; height:80px; }
		.ci-chat div.rosfin div { background:#264c8d; margin:0; margin-left:100px; }
		.ci-chat div.rosfin div::before { right:-20px; top:30px; border-left:10px solid #264c8d; }
		.ci-chat div.rosfin p { color:#fff8; }		
		.ci-chat div.rosfin strong { color:#fff; font-weight:normal; }
		.ci-chat div.rosfin p strong a { color:#fff; }

@media screen and (max-width:600px) {
	.ci-chat {  }
		.ci-chat p {  }
		.ci-chat>div { text-align:center; }
		.ci-chat>div>div { display:block; width:calc(100% - 40px); float:none; clear:left; }
		.ci-chat>div>div::before { position:absolute; border:10px solid transparent; display:block; width:0; height:0; content:''; }
	
	.ci-chat div.user {  }		
		.ci-chat div.user>img { float:none; clear:left; width:50px; height:50px; margin:0 auto; margin-bottom:20px; }
		.ci-chat div.user div { margin-right:0px; }
		.ci-chat div.user div::before { left:calc(50% - 10px); top:-20px; border:10px solid transparent; border-bottom: 10px solid #ddeaff; }

	.ci-chat div.rosfin {  }
		.ci-chat div.rosfin>img { float:none; clear:left; width:50px; height:50px; margin:0 auto; margin-bottom:20px; }
		.ci-chat div.rosfin div { margin-left:0px; }
		.ci-chat div.rosfin div::before { left:calc(50% - 10px); top:-20px; border:10px solid transparent; border-bottom: 10px solid #264c8d; }
}


/* Slider review*/

.ci-carousel { width:calc(100% - 40px); height:270px; margin:0; padding:20px; border-radius:10px; overflow:hidden; background:#eff4fb; }

.ci-carousel .flickity-prev-next-button { display:none; }

.ci-carousel .flickity-page-dots { width:auto; bottom:20px; padding:0; margin:0 auto; margin-top:10px; text-align:center; list-style:none; line-height:1; }
	.ci-carousel .flickity-rtl .flickity-page-dots { direction:rtl; }
	.ci-carousel .flickity-page-dots .dot { display:inline-block; width:6px; height:6px; margin:0 10px 0 0; padding:0; background:rgba(0,0,0,0.1); border-radius:50%; cursor:pointer; }
	.ci-carousel .flickity-page-dots .dot.is-selected { background:#6f9eff; }

.ci-carousel-cell  { opacity:1; display:inline-block; width:250px; height:190px; padding:40px 15px 15px 15px; margin:0 10px 0 0; border-radius:8px; background:#fff url('/images/services/podft/ci-pk-puz/review.svg') no-repeat; background-size:34px; background-position-x:15px; background-position-y:-5px; position:relative; }
	.ci-carousel-cell .desc-text h4 { font:15px Arial; color:#000; padding:0 0 5px 0; }	
	.ci-carousel-cell .desc-text p { font-style:italic; color:#0005; }	
	.ci-carousel-cell .desc-text { height:190px; overflow-y:auto; padding:0 10px 0 0; }

	.ci-carousel-cell .desc-text::-webkit-scrollbar { width:5px; }
	.ci-carousel-cell .desc-text::-webkit-scrollbar-track { background:#6f9eff11; border-bottom-right-radius:16px; border-bottom-left-radius:16px; border-radius:5px; }
	.ci-carousel-cell .desc-text::-webkit-scrollbar-thumb { background:#6f9eff44; border-radius:5px; }

@media screen and (max-width:600px) {
	.ci-carousel { width:94%; padding:20px 3%; }
}
	
:root {
	--color-ci: #6f9eff; /* ЦИ */
	--color-pk: #a7c4ff; /* ПК */
	--color-puz: #41e6ff; /* ПУЗ */
	
	--color-ci-light: #eaf1ff; /* ЦИ light */
	--color-pk-light: #f0f5ff; /* ПК light */
	--color-puz-light: #f0f8fa; /* ПУЗ light */
}