/* Смартфоны (книжная и альбомная ориентация) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Стили */
}

/* Смартфоны (альбомная ориентация) ----------- */
@media only screen and (min-width : 321px) {
	/* Стили */
}

/* Смартфоны (книжная ориентация) ----------- */
@media only screen and (max-width : 320px) {
	/* Стили */
}

/* iPad’ы (книжная и альбомная ориентация) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Стили */
}

/* iPad’ы  (альбомная ориентация) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Стили */
}

/* iPad’ы (книжная ориентация) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* Стили */
}

/* Десктопы и лэптопы ----------- */
@media only screen and (min-width : 1224px) {
	/* Стили */
}

/* Большие экраны ----------- */
@media only screen and (min-width : 1824px) {
	/* Стили */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	/* Стили */
}

@font-face {
	font-family: DINPro-CondMedium;
	src: url('../fonts/DINPro-CondMedium.woff');
}

@font-face {
	font-family: PFDinTextCompPro;
	src: url('../fonts/PFDinTextCompPro.ttf');
}

* {
	margin: 0;
}

html, body {
	height: 100%;
}
/*html {overflow-y: scroll;}*/
body {
	min-width: 1020px;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	line-height: 1.3em;
	background-color: #fff;
	overflow: auto;
	/*background-image: url('../img/FNS-Footer-SmallLogo.png');*/
}

body {
	-webkit-touch-callout: none;
	/*  
  -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
*/
}

div, table {
	font-family: Arial;
}

/*------------------------------------------------------------------*/
/*гламурная тень сверху страницы*/
/*------------------------------------------------------------------*/

body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 100;
}

/*------------------------------------------------------------------*/

.pdf {
	background: url(../img/file_types.png) -68px -86px no-repeat;
	padding: 2px 0 2px 20px;
	display: block;
	cursor: pointer;
	vertical-align: middle;
}

.xls {
	background: url(../img/file_types.png) -33px -116px no-repeat;
	padding: 2px 0 2px 20px;
	display: block;
	cursor: pointer;
	vertical-align: middle;
}

.doc {
	background: url(../img/file_types.png) 2px -146px no-repeat;
	padding: 2px 0 2px 20px;
	display: block;
	cursor: pointer;
	vertical-align: middle;
}


/* внешняя ссылка */
a[href^="http://"] {
	/*    padding-right: 20px;
    background: url(../img/file_types.png) no-repeat center right;*/
}

/* электронная почта */
a[href^="mailto:"] {
	padding-right: 20px;
	background: url(../img/file_types.png) no-repeat center right;
}

/* pdfs */
a[href$=".pdf"] {
	/*    padding: 2px 0 2px 20px;
    display: inline-block;
    background: url(../img/file_types.png) -68px -90px no-repeat center right;
    vertical-align:text-center;
*/
}

.download {
	padding: 0 20px 0 20px;
	margin: 20px 0;
	border: 1px solid #e8eff2;
	border-left: 5px orange;
	border-style: solid;
}

	.download .table-cell {
		vertical-align: middle;
	}

.service-message {
	padding: 10px 15px;
	margin: 0 0 25px 0;
	border: 2px solid #a00;
	background-color: #fee;
	border-radius: 3px;
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.25);
}

	.service-message p {
		padding: 0;
		margin: 0 0 10px 0;
	}

	.service-message h1 {
		font-size: 25px;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.service-message h2 {
		font-size: 25px;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.service-message h3 {
		font-size: 25px;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.service-message h4 {
		font-size: 25px;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.service-message h5 {
		font-size: 25px;
		padding: 0;
		margin: 0 0 10px 0;
	}

.green {
	background-color: #e4f3be !important;
	border: 2px solid #7ba60d !important;
}

.yellow {
	background-color: #ffffbf !important;
	border: 2px solid #aaa !important;
}

#hint {
	z-index: 101;
	position: absolute;
	background-color: #ffffbf;
	font-size: 0.8em;
	padding: 2px 4px;
	border: 1px solid #aaa;
}



.page-wrapper {
	display: flex;
	flex-direction: column;
	width: 1020px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -52px;
	background-color: #fff;
}

* html .page-wrapper {
	height: 100%;
}

#navarrow {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#ddd' width='32px' height='32px' viewBox='0 0 32 32' role='img'><path d='M16 0C7.164 0 0 7.164 0 16s7.164 16 16 16 16-7.164 16-16S24.836 0 16 0zm8.412 19.523c-.517.512-1.355.512-1.872 0L16 13.516l-6.54 6.01c-.518.51-1.356.51-1.873 0-.516-.513-.517-1.343 0-1.855l7.476-7.326c.517-.512 1.356-.512 1.873 0l7.476 7.327c.516.513.516 1.342 0 1.854z'></path></svg>") no-repeat top center;
	height: 32px;
	width: 32px;
	bottom: 50%;
	left: 30px;
	;
	cursor: pointer;
	display: none;
	position: fixed;
	z-index: 999;
}

	#navarrow:hover {
		display: block;
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#ccc' width='32px' height='32px' viewBox='0 0 32 32' role='img'><path d='M16 0C7.164 0 0 7.164 0 16s7.164 16 16 16 16-7.164 16-16S24.836 0 16 0zm8.412 19.523c-.517.512-1.355.512-1.872 0L16 13.516l-6.54 6.01c-.518.51-1.356.51-1.873 0-.516-.513-.517-1.343 0-1.855l7.476-7.326c.517-.512 1.356-.512 1.873 0l7.476 7.327c.516.513.516 1.342 0 1.854z'></path></svg>") no-repeat top center;
	}

.down {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.up {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.page-header {
	width: 960px;
	margin: 0;
	padding: 0 30px 25px 0;
	background-color: #fff;
}

	.page-header .page-menu {
		height: 15px;
		margin: 0;
		position: relative;
	}

		.page-header .page-menu a.menu-site-map {
			padding-left: 40px;
			background: url('../img/KKT-Service-Megamenu-Icon.png') no-repeat 3px center;
			margin-left: 10px;
			margin-right: 0px;
		}

		.page-header .page-menu ul.top-menu {
			display: block;
			list-style: none;
			margin: 0;
			padding: 0 0 0 30px;
			position: absolute;
			left: 0;
		}

		.page-header .page-menu li {
			display: inline-block;
			font-size: 12px;
			font-family: Arial, Normal;
			margin: 0;
			height: 25px;
			padding-top: 7px;
		}

span {
	display: inline-block;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'DINPro-CondMedium', Impact;
	margin: 0;
}

.page-header .page-menu li a {
	color: #000;
	padding: 5px 30px;
	margin-left: 15px;
	margin-right: 47px
}

	.page-header .page-menu li a:hover {
		color: #f60;
		background-color: #eee;
		text-decoration: underline
	}

.page-header .page-menu li:hover {
	color: #1F6BB0;
	background-color: #eee;
}

.page-header .page-menu li.selected a {
	color: #f60;
}

.page-header .page-menu li.selected {
	background-color: #eee;
}

.page-header .page-subtitle {
	font: 1.8em/1.2em 'dincond', Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin-bottom: 25px;
	text-transform: uppercase;
}


div#nlgru a:hover {
	color: #ddd;
	text-decoration: underline;
}

div#back-layer:hover span {
	text-decoration: underline;
}

div#back-layer:hover {
	background-color: #929292;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

div#nlgru {
	color: #fff;
	background-color: #929292;
	height: 40px;
	margin-top: 0px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

	div#nlgru a {
		text-decoration: none;
		cursor: auto;
		text-align: left;
		font-size: 12px;
		line-height: 3.6;
		word-wrap: break-word;
		color: #fff;
	}
/*div#back a:visited{
	color: #323232;
}*/
.srv-lock {
	background: url(../img/FNS-Header-Icon-Lock.png) no-repeat left;
	background-size: 12px auto;
	text-transform: none;
	font-size: larger;
}

.page-header-right p {
	color: #929291;
	text-align: left;
	width: 171px;
	padding-left: 24px;
	background-color: transparent;
	line-height: 1.2;
	word-wrap: normal;
	white-space: nowrap;
	margin: 2px 0 2px 0;
}

.page-header-right {
	height: 100%;
	padding-left: 20px;
	font-family: Arial;
	float: right;
	margin-top: 50px;
	margin-right: 50px;
}

.header-phone {
	min-height: 30px;
	font-size: 23px;
	font-weight: bold;
	background: url(../img/FNS-Header-Icon-Call.png) no-repeat left;
	background-size: 16px auto;
}

.servname {
	height: 100%;
	display: inline-block;
	width: 1020px;
	float: left;
}

	.servname a {
		font-size: 13px;
		color: #929291;
		text-decoration: none;
	}

		.servname a:hover {
			color: #ddd;
			text-decoration: underline;
		}

		.servname a:visited {
			color: #ccc;
			text-decoration: none;
		}

.menu-base {
	background: url(../img/KKT-Service-Home-Icon.png) no-repeat left;
	background-size: 16px auto;
}

.menu-about {
	background: url(../img/KKT-Service-About-Icon.png) no-repeat left;
	background-size: 16px auto;
}

.menu-reestr {
	background: url(../img/KKT-Service-Libs-Icon.png) no-repeat left;
	background-size: 16px auto;
}

.menu-faq {
	background: url(../img/KKT-Service-FAQ-Icon.png) no-repeat left;
	background-size: 16px auto;
}

.page-main {
	width: 1020px;
	margin: 0 auto;
}

.page-push {
	height: 52px;
}

.page-footer-info {
	flex: 0 0 auto;
	height: auto;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	border: 0;
}

.page-footer {
	flex: 0 0 auto;
	height: 50px;
	overflow: hidden;
	width: 100%;
	color: #fff;
	background-color: #2d7cc3;
	font-size: 14px;
}

.page-footer-splitter {
	display: none;
}

.page-footer-container {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}

.page-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.page-footer ul li {
		margin: 0 28px 0 0;
		padding: 0;
		float: left;
	}

.page-footer a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

	.page-footer a:hover {
		text-decoration: underline;
		color: #ddd;
	}

.page-footer .version {
	font-size: 9px;
	color: #aaa;
}

.copyright {
	margin-top: 20px;
}

div.page-footer {
	width: 1020px;
	height: 300px;
	background: #929291 url(../img/footer-bkg-1020.png) no-repeat left top;
	margin-top: 52px;
}

div.page-footer-right p {
	color: #FFFFFF;
	text-align: left;
	width: 171px;
	padding-left: 24px;
	background-color: transparent;
	line-height: 1.2;
	word-wrap: normal;
}

div.page-footer-right {
	width: 224px;
	height: 256px;
	background: #929291 url(../img/footer-bkg-small.png) no-repeat left top;
	padding-left: 20px;
	width: 215px;
	float: right;
	text-align: right;
}

div.page-footer-left {
	margin-top: 20px;
	float: left;
	margin-left: 20px;
}

.page-footer-container {
	padding-top: 0px;
}

#footer-phone-desc {
	min-height: 18px;
	font-size: 9px;
	text-rendering: optimizeLegibility;
	-moz-font-feature-settings: 'liga';
	-ms-font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
}

.footer-phone {
	min-height: 30px;
	font-size: 22px;
	font-weight: bold;
	background: url(../img/FNS-Service-Footer-Icon-PhoneBig.png) no-repeat left;
	background-size: 16px auto;
}

.srv {
	padding-left: 20px;
	margin-left: 60px;
	width: 211px;
	font-size: 13px;
	margin-bottom: 6px;
	margin-top: 0px;
}

.srv-support {
	background: url(../img/FNS-Service-Footer-Icon-TechSupport.png) no-repeat left;
	background-size: 16px auto;
}

.srv-cont {
	background: url(../img/FNS-Service-Footer-Icon-PhoneSmall.png) no-repeat left;
	background-size: 16px auto;
}

.srv-help {
	background: url(../img/FNS-Service-Footer-Icon-Help.png) no-repeat left;
	background-size: 16px auto;
}

.srv-forum {
	background: url(../img/FNS-Service-Footer-Icon-Forum.png) no-repeat left;
	background-size: 16px auto;
}

.srv-request {
	background: url(../img/FNS-Service-Footer-Icon-OfficialRequest.png) no-repeat left;
	background-size: 16px auto;
}

.srv-edocs {
	background: url(../img/FNS-Service-Footer-Icon-Brochures.png) no-repeat left;
	background-size: 14px auto;
}

.srv-video {
	background: url(../img/FNS-Service-Footer-Icon-Videos.png) no-repeat left;
	background-size: 16px auto;
}

.srv-usage {
	background: url(../img/FNS-Service-Footer-Icon-InfoUsage.png) no-repeat left;
	background-size: 16px auto;
}

.srv-docs {
	background: url(../img/FNS-Service-Footer-Icon-Documents.png) no-repeat left;
	background-size: 16px auto;
}

.srv-codex {
	background: url(../img/FNS-Service-Footer-Icon-Codex.png) no-repeat 2px;
	background-size: 12px auto;
}

.srv-eservices {
	background: url(../img/FNS-Service-Footer-Icon-E-Services.png) no-repeat left;
	background-size: 16px auto;
}

.srv-software {
	background: url(../img/FNS-Service-Footer-Icon-Soft.png) no-repeat left;
	background-size: 16px auto;
}

.srv-opendata {
	background: url(../img/FNS-Service-Footer-Icon-OpenData.png) no-repeat 2px;
	background-size: 12px auto;
}


.wrapper {
	padding: 0 30px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'DINPro-CondMedium';
	color: #000;
	padding: 0;
	line-height: 1em;
}

h1 {
	font-size: 37px;
	margin-bottom: 32px;
}

h2 {
	font-size: 29px;
	margin-bottom: 23px;
}

h3 {
	font-size: 23px;
	margin-bottom: 13px;
}

h4 {
	font-size: 18px;
	margin-bottom: 13px;
}

h5 {
	font-size: 16px;
	margin-bottom: 13px;
}

p {
	margin: 13px 0;
}

h1 p {
	font-family: Arial;
	font-size: 14px;
}

.hs {
	height: 25px;
}

.hh {
	font-size: 31px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	text-align: center;
}


/*------------------------------------------------------------------*/
/* Панели */
/*------------------------------------------------------------------*/

.br {
	margin: 40px 0 0 0;
}

.pnl-top {
	padding: 0 30px 0 50px;
	height: 180px;
	background: #fff url(../img/KKT-Service-Banner.png) no-repeat center top;
	background-size: 1020px auto;
}

.pnl-middle {
	padding: 0 0 20px 0;
	/*height:340px;*/
	background: #c5e3ff url(../img/middle_bg.png) no-repeat center top;
}

.pnl-down {
	padding: 90px 0 20px 0;
	background: #fff url(../img/phone.png) no-repeat left top;
	background-position-x: 10px;
}

.gplay {
	padding: 38px 10px 20px 0;
	background: #fff url(../img/gplay.png) no-repeat center top;
	width: 112px;
	height: 37px;
	display: inline-block;
	border: 0;
}

.appstore {
	padding: 38px 10px 20px 0;
	background: #fff url(../img/appstore.png) no-repeat center top;
	width: 112px;
	height: 37px;
	display: inline-block;
	border: 0;
}

.panel {
	border: 2px solid #e7f0f8;
	border-radius: 3px;
	padding: 13px 20px 13px 20px;
	margin-bottom: 20px;
}

	.panel a:hover {
		color: #000;
	}

	.panel h1, .panel h2, .panel h3, .panel h4, .panel h5 {
		padding: 0;
		margin-top: 0px;
	}

	.panel h1 {
		font-size: 29px;
		margin-bottom: 13px;
	}

	.panel h2 {
		font-size: 23px;
		margin-bottom: 13px;
	}

	.panel h3 {
		font-size: 18px;
		margin-bottom: 13px;
	}

	.panel h4 {
		font-size: 16px;
		margin-bottom: 13px;
	}

	.panel h5 {
		font-size: 16px;
		margin-bottom: 13px;
	}

.panel-exclamation {
	border-color: #ff6600;
	border-width: 2px;
	background-color: #fff4ed;
}

.panel-error {
	border-color: #ff6600;
	border-width: 2px;
	background-color: #fff4ed;
}

.panel-message {
	background-color: #f8fbfd;
}

/*------------------------------------------------------------------*/
/* Навигационное меню по сайту */
/*------------------------------------------------------------------*/

.modalS {
	display: none;
	zoom: 1 !important;
	border-color: #808080;
	border-radius: 3px;
	position: absolute;
	text-align: left;
	background-color: #FFF;
	-moz-box-shadow: 3px 3px 20px #aaa;
	-webkit-box-shadow: 3px 3px 20px #AAA;
	box-shadow: 3px 3px 20px #AAA;
}

	.modalS h2 {
		background-color: #ECF2F4;
		font-family: Arial;
		font-size: 1em;
		font-weight: bold;
		padding: 8px 10px;
		margin: 0;
		color: #000;
		border-radius: 3px 3px 0 0;
	}

	.modalS .container {
		margin: 10px;
		clear: both;
	}

	.modalS .buttons {
		margin: 10px;
		clear: both;
	}


/*------------------------------------------------------------------*/
/* Навигационное меню по странице */
/*------------------------------------------------------------------*/

.menu {
	width: 1020px; /* ширина обертки меню */
	height: 35px; /* высота */
	margin: 0 auto; /* центрирование обертки! меню */
	overflow: hidden; /* прячем пункты, выходящие за область обертки */
	position: relative;
}

	.menu ul li h3 {
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
	}

	.menu ul {
		background-color: #fff;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.menu li {
		display: table-cell;
		width: 16%;
		background-color: #888;
		border: 1px solid #fff;
		text-align: center;
	}

	.menu ul li a {
		text-decoration: none; /* убираем подчеркивание ссылки */
		color: #fff;
		line-height: 2.50em;
	}

	.menu li a:hover {
		color: #ccc;
	}

	.menu li.selected a {
		color: #ddd;
	}


a {
	color: #1F6BB0;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear {
	clear: both;
	float: none !important;
	overflow: hidden;
	height: 0px;
}

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

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

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

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

.nowrap {
	white-space: nowrap;
}

.hidden {
	display: none;
}

object.hidden {
	display: block;
	visibility: hidden;
	height: 0;
	width: 0;
	position: absolute;
}

.uppercase {
	text-transform: uppercase;
}

.font-size-small {
	font-size: 12px;
}

.hint {
	font-style: italic;
	color: #999;
}

.font-weight-bold {
	font-weight: bold;
}

.font-weight-normal {
	font-weight: normal;
}

.wide {
	width: 100%;
}

.tooltip-link {
	color: #1f6bb0;
	cursor: help;
	border-bottom: 1px dashed #1f6bb0;
}

/*------------------------------------------------------------------*/
/* ЧАВО */
/*------------------------------------------------------------------*/

.tbl-cell {
	display: table;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-justify: newspaper;
}

	.tbl-cell p {
		margin: 33px 33px 33px 33px;
		font-size: 14px;
		color: #777;
	}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
}

p.table-cell {
	width: 33%;
	padding: 20px;
	word-spacing: -0.12ex;
	cursor: pointer;
}

p.adv {
	padding: 0 5px 0 5px;
	word-spacing: normal;
}

ul.vertical-menu {
	margin: 13px 20px 13px 0;
	padding: 0;
	list-style: none;
}

	ul.vertical-menu li {
		display: block;
		font-size: 18px;
		font-family: 'DINPro-CondMedium';
		margin: 0;
		padding: 5px 10px;
	}

		ul.vertical-menu li a {
			background: #fff;
			display: block;
			color: #000;
		}

			ul.vertical-menu li a:hover {
				color: #60a3d8;
			}

		ul.vertical-menu li.selected a {
			color: #f60;
		}


/*------------------------------------------------------------------*/
/*Этапы перехода*/
/*------------------------------------------------------------------*/

ul#timeline {
	margin: 0;
	padding: 0;
	list-style: none;
}

#timeline {
	background: #eee;
	border-width: 1px;
	border-style: solid;
	border-color: #f5f5f5 #e5e5e5 #ccc;
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	overflow: hidden;
	width: 100%;
}

	#timeline li {
		color: #fff; /*#444;*/
		position: relative;
		font-family: 'PFDinTextCompPro';
		float: left;
		width: 36%;
	}

		#timeline li:first-child {
			float: left;
			width: 18%;
			background-color: #146BAE;
		}

		#timeline li:nth-child(2) {
			background-color: #0B61A7;
		}

		#timeline li:nth-child(3) {
			background-color: #0051B1;
		}

		#timeline li:last-child {
			float: left;
			width: 10%;
			background-color: #094773;
		}

	#timeline a {
		padding: .7em 1em .7em 2em;
		float: right;
		text-decoration: none;
		color: #eee;
	}

	#timeline li:first-child a {
		padding-left: 1em;
		border-radius: 5px 0 0 5px;
	}

	#timeline a::after,
	#timeline a::before {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -1.5em;
		border-top: 1.5em solid transparent;
		border-bottom: 1.5em solid transparent;
		border-left: 1em solid;
		right: -1em;
	}

	#timeline li:nth-child(1) a::after {
		z-index: 2;
		border-left-color: #146BAE; /*#517296;*/
	}

	#timeline li:nth-child(2) a::after {
		z-index: 2;
		border-left-color: #0B61A7;
	}

	#timeline li:nth-child(3) a::after {
		z-index: 2;
		border-left-color: #0051B1;
	}

	#timeline a::before {
		border-left-color: #ccc;
		right: -1.1em;
		z-index: 1;
	}

	#timeline a:hover::after {
		border-left-color: #ddd;
	}

	#timeline .current,
	#timeline .current:hover {
		font-weight: bold;
		background: none;
	}

		#timeline .current::after,
		#timeline .current::before {
			content: normal;
		}


.lineH {
	background: url(../img/line_horz.gif) top left repeat-x;
	height: 1px;
	width: 140px;
	z-index: 15;
}

.lineV {
	background: url(../img/line_vert.gif) top left repeat-y;
	height: 140px;
	width: 1px;
	z-index: 15;
}

#circle {
	width: 8px;
	height: 8px;
	/*    background: #517296;*/
	margin-left: -3px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
}

.circle-blue {
	background: #517296;
}

.circle-orange {
	background: #e0a643;
}

.circle-red {
	background: #e06900;
}

.archer {
	float: left;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 20px;
	line-height: 0px;
	filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	-webkit-transform: rotate(360deg);
}

.archtail {
	float: left;
	width: 20px;
	height: 5px;
	margin-top: 2px;
}

.archer-blue {
	border-color: transparent transparent transparent #517296;
}

.archer-orange {
	border-color: transparent transparent transparent #e0a643;
}

.archer-red {
	border-color: transparent transparent transparent #e06900;
}

.archer-green {
	border-color: transparent transparent transparent #7ba60d;
}

.archtail-blue {
	background-color: #517296;
}

.archtail-orange {
	background-color: #e0a643;
}

.archtail-red {
	background-color: #e06900;
}

.archtail-green {
	background-color: #7ba60d;
}


/*------------------------------------------------------------------*/
/* Этапы перехода - сегодня*/
/*------------------------------------------------------------------*/

.tooltip {
	z-index: 998;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border: 2px solid #e06900;
	position: relative;
	/*	cursor: help;*/
	display: inline-block;
	left: 900px;
	text-decoration: none;
	font-family: monospace;
	color: #222;
	text-align: center;
	outline: none;
	opacity: .9;
	background-color: #ddd;
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
	/*
.tooltip:hover {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
}
*/
	.tooltip p {
		margin-top: 8px;
	}

.short {
	width: 32px;
	height: 32px;
	top: -185px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}

	.short p {
		font-size: 10px;
	}

.long {
	width: 90px;
	height: 35px;
	top: -190px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}

	.long p {
		font-size: 12px;
	}

.tooltip:before,
.tooltip:after {
	content: "";
	position: absolute;
	z-index: 999;
	bottom: -5px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ddd;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}

.tooltip:before {
	border-top-color: #e06900;
	bottom: -8px;
}

/*------------------------------------------------------------------*/
/*Что дает новая система*/
/*------------------------------------------------------------------*/

.advantages {
	height: 500px;
	margin-top: 60px;
	margin-bottom: 10px;
}

/*------------------------------------------------------------------*/
/* Удобство администрирования */
/*------------------------------------------------------------------*/

.button {
	display: inline-block;
	user-select: none;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 1.1;
	white-space: pre-line;
	font-size: 80%;
	padding: .7em 0;
	width: 15em;
	color: rgba(255,255,255,.9);
	text-shadow: #2e7ebd 0 1px 2px;
	border: 1px solid;
	border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/* box-shadow: inset rgba(255,255,255,.5) 1px 1px;
  -webkit-box-shadow: inset rgba(255,255,255,.5) 1px 1px;
  -moz-box-shadow: inset rgba(255,255,255,.5) 1px 1px;
 */
}

.button_check {
	display: inline-block;
	user-select: none;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 1.1;
	white-space: pre-line;
	padding-bottom: 13px;
	padding-top: 0px;
	margin-top: 7px;
	font-size: 13px;
	width: 15em;
	color: rgba(255,255,255,.9);
	text-shadow: #2e7ebd 0 1px 2px;
	border: 1px solid;
	border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/* box-shadow: inset rgba(255,255,255,.5) 1px 1px;
  -webkit-box-shadow: inset rgba(255,255,255,.5) 1px 1px;
  -moz-box-shadow: inset rgba(255,255,255,.5) 1px 1px;
 */
}

.button:first-line {
	font-size: 110%;
	font-weight: 100;
}

.button_check:first-line {
	font-size: 110%;
	font-weight: 100;
}

.blue {
	background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
}

	.blue:hover {
		color: rgb(255,255,255);
		background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
	}

	.blue:active {
		color: rgb(255,255,255);
		border-color: #2970a9;
		background-image: linear-gradient(#5796c8, #6aa2ce);
		box-shadow: none;
	}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top, #f88e11, #f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

	.orange:hover {
		color: rgb(255,255,255);
		/*  background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce); */
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top, #faa51a, #f47a20);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}

	.orange:active {
		color: rgb(255,255,255);
		box-shadow: none;
		/*  border-color: #2970a9;
  background-image: linear-gradient(#5796c8, #6aa2ce);
  */
		border-color: #fcd3a5;
		background-image: linear-gradient(#f47a20, #faa51a);
		background: -moz-linear-gradient(top, #f47a20, #faa51a);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}

/*------------------------------------------------------------------*/
/* списки реестров */
/*------------------------------------------------------------------*/

ol {
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	font: 15px 'trebuchet MS', 'lucida sans';
	padding: 0;
	margin-bottom: 4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

	ol ol {
		margin: 0 0 0 2em;
	}

.rounded-list a {
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #ddd;
	color: #444;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

	.rounded-list a:hover {
		background: #eee;
	}

		.rounded-list a:hover:before {
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}

	.rounded-list a:before {
		content: counter(li);
		counter-increment: li;
		position: absolute;
		left: -1.3em;
		top: 50%;
		margin-top: -1.3em;
		background: #87ceeb;
		height: 2em;
		width: 2em;
		line-height: 2em;
		border: .3em solid #fff;
		text-align: center;
		font-weight: bold;
		-moz-border-radius: 2em;
		-webkit-border-radius: 2em;
		border-radius: 2em;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

/* Стили для контейнера формы */

.form-kkt {
	width: 450px;
	margin: auto;
}

	/*------------------------------------------------------------------*/
	/* Стили поля ввода текста для поиска ЧАВО */
	/*------------------------------------------------------------------*/
	.form-kkt input {
		width: 330px;
		height: 20px;
		padding: 10px 5px;
		float: left;
		font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
		border: 0;
		background: #eee;
		border-radius: 3px 0 0 3px;
		box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
	}

		.form-kkt input:focus {
			outline: 0;
			background: #fff;
			box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
		}

		.form-kkt input::-webkit-input-placeholder {
			color: #999;
			font-weight: normal;
			font-style: italic;
		}

		.form-kkt input:-moz-placeholder {
			color: #999;
			font-weight: normal;
			font-style: italic;
		}

		.form-kkt input:-ms-input-placeholder {
			color: #999;
			font-weight: normal;
			font-style: italic;
		}
	/*
#4c75a3 - #3e5e84 - navi
#ef7800 - #c46200 - orang
#32a7dc - #2491b8 - bluelight
#3b5796 - #1f386b - blue
 html {  
        -webkit-var-primary-color: #ccc;  
    }  
    body {  
        background-color: -webkit-var(primary-color);  
    }
*/
	/* Кнопка отправки формы */
	.form-kkt button {
		overflow: visible;
		position: relative;
		float: right;
		border: 0;
		padding: 0;
		cursor: pointer;
		height: 40px;
		width: 110px;
		font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
		color: #fff;
		text-transform: uppercase;
		background: #f60; /*#d83c3c;  */
		border-radius: 0 3px 3px 0;
		text-shadow: 0 -1px 0 rgba(0, 0,0, .3);
	}

		.form-kkt button:hover {
			background: #e54040;
		}

		.form-kkt button:active,
		.form-kkt button:focus {
			background: #c42f2f;
			outline: 0;
		}

		.form-kkt button:before { /* стрелка влево */
			content: '';
			position: absolute;
			border-width: 8px 8px 8px 0;
			border-style: solid solid solid none;
			border-color: transparent #f60 transparent; /*#d83c3c transparent;*/
			top: 12px;
			left: -6px;
		}

		.form-kkt button:hover:before {
			border-right-color: #e54040;
		}

		.form-kkt button:focus:before,
		.form-kkt button:active:before {
			border-right-color: #c42f2f;
		}

		.form-kkt button::-moz-focus-inner { /* Удаляем дополнительное пространство рядом с кнопкой в Mozilla Firefox */
			border: 0;
			padding: 0;
		}
/*------------------------------------------------------------------*/
/*loader*/
/*------------------------------------------------------------------*/
.modal-info {
	display: none;
	zoom: 1 !important;
	border-color: #808080;
	border-radius: 3px;
	position: absolute;
	text-align: left;
	background-color: #FFF;
	-moz-box-shadow: 3px 3px 20px #aaa;
	-webkit-box-shadow: 3px 3px 20px #AAA;
	box-shadow: 3px 3px 20px #AAA;
}

	.modal-info h2 {
		background-color: #ECF2F4;
		font-family: Arial;
		font-size: 1em;
		font-weight: bold;
		padding: 8px 10px;
		margin: 0;
		color: #000;
		border-radius: 3px 3px 0 0;
	}

	.modal-info .container {
		margin: 10px;
		clear: both;
	}

	.modal-info .buttons {
		margin: 10px;
		clear: both;
	}

.modal {
	display: block;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 ) url('../img/loading0.gif') 50% 50% no-repeat;
}

.kkt {
	width: 285px; /*348px;*/
	height: 34px;
	float: left;
	margin-top: 20px;
	padding-left: 10px;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
	font: bold 13px 'lucida sans', 'trebuchet MS', 'Tahoma';
}

/*------------------------------------------------------------------*/
.select2-container, .select2-drop, .select2-search, .select2-search input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

	.select2-container .select2-choice .select2-arrow {
		padding-top: 6px;
	}

	.select2-container .select2-choice {
		font-size: 14px;
		height: 38px;
		padding: 8px 12px;
		line-height: 1.42857;
	}

	.select2-container .select2-selection--single .select2-selection__arrow {
		background-color: #ddd;
		border: none;
		border-left: 1px solid #aaa;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		height: 32px;
		position: absolute;
		top: 1px;
		right: 1px;
		width: 20px;
		background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
		background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
		background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
	}

		.select2-container .select2-selection--single .select2-selection__arrow b {
			border-color: #888 transparent transparent transparent;
			border-style: solid;
			border-width: 5px 4px 0 4px;
			height: 0;
			left: 50%;
			margin-left: -4px;
			margin-top: -2px;
			position: absolute;
			top: 50%;
			width: 0;
		}

	.select2-container .select2-selection--single .select2-selection__rendered {
		display: block;
		padding-right: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.select2-container .select2-results > .select2-results__options {
		max-height: 300px;
		overflow-y: auto;
	}

	.select2-container .select2-results__group {
		color: #a0c0d8;
		display: block;
		padding: 6px 12px;
		font-size: 18px;
		line-height: 1.428571429;
	}

	.select2-container .select2-results__option {
		color: #426f9c;
		display: block;
		padding: 8px 12px;
		font-size: 16px;
		line-height: 1.428571429;
	}

span[aria-labelledby="select2-kkt_model_select0-container"] {
	width: 300px;
}

span[aria-labelledby="select2-kkt_model_select-container"] {
	width: 300px;
}

span[aria-labelledby="select2-fn_model_select-container"] {
	width: 300px;
}

span[aria-labelledby="select2-GetTicketType-container"] {
	width: 300px;
}

.select2-search input {
	width: 100%;
	height: auto !important;
	min-height: 26px;
	padding: 4px 20px 4px 5px;
	margin: 0;
	outline: 0;
	font-family: sans-serif;
	font-size: 1em;
	border: 1px solid #aaa;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #fff url(select2.png) no-repeat 100% -22px;
	background: url(select2.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
	background: url(select2.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
	background: url(select2.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
	background: url(select2.png) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

/*==================================== base =======================================*/


fieldset {
	border: 0px;
	margin-bottom: 40px;
}

input[placeholder] {
	text-overflow: ellipsis;
}

input::-moz-placeholder {
	text-overflow: ellipsis;
}

input:-moz-placeholder {
	text-overflow: ellipsis;
}

input:-ms-input-placeholder {
	text-overflow: ellipsis;
}

input {
	background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
	font: normal 13px 'trebuchet MS', arial, helvetica;
}

	input[type='text']::-webkit-input-placeholder {
		color: #9c9c9c;
		font-style: italic;
	}

	input[type='text']:-moz-placeholder {
		color: #9c9c9c;
		font-style: italic;
	}

	input[type='text']:-ms-placeholder {
		color: #9c9c9c;
		font-style: italic;
	}

	input[type='text'].placeholder {
		color: #9c9c9c !important;
		font-style: italic;
	}

/*input[type='number'].kkt{
	visibility:hidden;
}
*/
#fn_check, #kkt_check, #kkt_check0 {
	float: left;
	padding-top: 12px;
	width: 95px;
	margin-top: 20px;
	border-radius: 5px;
	text-transform: uppercase;
	margin-left: 100px;
}

/*#fn_check, #kkt_check {
	height:40px;
}  */

#fn_check_result, #kkt_check_result, #kkt_check0_result {
	width: 300px;
}

.info-message {
	z-index: 9;
	text-align: center;
	border: 2px solid #a00;
	border-radius: 3px;
	background-color: #fee;
	padding: 10px 15px;
	display: none;
	zoom: 1 !important;
	position: absolute;
	-moz-box-shadow: 3px 3px 20px #aaa;
	-webkit-box-shadow: 3px 3px 20px #AAA;
	box-shadow: 3px 3px 20px #AAA;
}

.FAQanswer {
	display: none;
}

p.table-call.faq {
	cursor: point;
}

a.close {
	line-height: 1;
	font-size: 1.5em;
	position: absolute;
	top: 5%;
	right: 2%;
	text-decoration: none;
	color: #bbb;
}

	a.close:hover {
		color: #222;
		-webkit-transition: color 1s ease;
		-moz-transition: color 1s ease;
		transition: color 1s ease;
	}

/*===========================================================*/
.overlay {
	background-color: rgba(0, 0, 0, 0.4);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 1;
	filter: alpha(opacity=0);
	position: fixed;
	right: 0;
	top: 0;
	display: none;
	z-index: 99999;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.popup {
	background-clip: padding-box;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff;
	border: 3px solid #fff;
	position: absolute;
	width: 800px;
	max-width: 800px;
	height: auto;
	opacity: 1;
	padding: 15px;
	display: none;
	z-index: 999999;
	top: 50vh;
	left: 50vw;
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
	border-radius: 6px;
	-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	text-align: left;
}

.popup-mobile {
	top: 0;
	left: 0;
	margin: 30px 0 0;
	width: 100%;
}

/*===========================================================*/
ol.op {
	list-style: none; /*decimal;*/
	counter-reset: li;
	margin-bottom: 0;
}

	ol.op li {
		position: relative;
		margin: 0 0 12px;
		/*	padding-bottom:20px;*/
		font-style: italic;
	}

	ol.op > li:before {
		content: counter(li);
		counter-increment: li;
		position: absolute;
		top: -2px;
		left: -40px;
		width: 25px;
		height: 25px;
		/*    border: 1px solid #8cc152;
    border-radius: 50%;*/
		background: #f7fbf2;
		line-height: 25px;
		text-align: center;
		font-style: normal;
	}

:before {
	box-sizing: inherit;
}

.tug:before {
	content: '';
	border: 29px solid transparent;
	border-left: 43px orangered;
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 5px;
}
/*======================== last_fix ===============================*/
div#kkt_serv div.table-cell {
	text-align: left;
	padding: 10px;
	width: 30%;
	height: 200px;
}

	div#kkt_serv div.table-cell h4 {
		margin: 0;
		font-size: 2.2em;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
	}

div#kkt_serv select {
	width: 300px;
}

div#kkt_serv div.table-cell > * {
	margin-left: 10px;
}

div#kkt_serv div.table-cell > div {
	margin-top: 120px;
}

#timeline li > span {
	width: 60%;
	text-align: right;
	color: #eee;
	padding-top: 0.5em;
	font-family: 'PFDinTextCompPro';
}

.adv2 {
	display: table;
	margin-left: 300px;
}

	.adv2 > span {
		vertical-align: middle;
		padding: 0 20px 0 20px;
		margin: 20px 0;
		border: 0px;
	}

.button_fix {
	display: block;
	user-select: none;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: left;
	line-height: 1.1;
	white-space: pre-line;
	/*    font-size: 80%;*/
	/*    padding: .7em 0;  */
	width: 10em;
	color: #fff;
	padding-left: 10px;
	font-weight: normal;
	font-family: 'DINPro-CondMedium';
}

	.button_fix:before {
		content: '\2192';
		left: 150px;
		top: 10px;
		position: relative;
		width: 16px;
		height: 16px;
		font-size: x-large;
	}

.highlight {
	background-color: rgb(255,255,153);
}


/*======================== last_fix ===============================*/
div#kkt_serv1 div.table-cell1 {
	text-align: left;
	padding: 10px;
	width: 30%;
	height: 200px;
}

	div#kkt_serv1 div.table-cell1 h4 {
		margin: 0;
		font-size: 2.2em;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		padding-top: 30px;
		padding-right: 90px;
	}

div#kkt_serv1 select {
	width: 300px;
}

div#kkt_serv1 div.table-cell1 > * {
	margin-left: 133px;
}

div#kkt_serv1 div.table-cell1 > div {
	margin-top: 0px;
}

.table-cell1 {
	display: table-cell;
}

p.table-cell1 {
	width: 33%;
	padding: 20px;
	word-spacing: -0.12ex;
	cursor: pointer;
}

#kkt_check1 {
	float: left;
	padding-top: 12px;
	width: 130px;
	margin-top: 20px;
	border-radius: 5px;
	text-transform: uppercase;
	margin-left: 0px;
}

.kkt1 {
	width: 285px;
	height: 34px;
	float: left;
	margin-top: 8px;
	padding-left: 10px;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
	font: bold 13px 'lucida sans', 'trebuchet MS', 'Tahoma';
}


.captcha_input {
	width: 118px;
	height: 20px;
	margin: 31px 0 0 10px;
	vertical-align: top;
	padding-left: 10px;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
	font: bold 13px 'lucida sans', 'trebuchet MS', 'Tahoma';
}

/* Add 18.10.18 */

#div_check_check .var3 .kkt1 {
	float: none;
	margin-top: 0;
}

#div_check_check .var3 .form-group {
	position: relative;
	margin-top: 10px;
	width: 300px;
}

#div_check_check .select2-selection--single {
	height: 40px !important;
	}

#div_check_check .select2 .select2-selection__arrow {
	height: 38px !important;
	}

#div_check_check .var3 label {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	opacity: 0.5;
	font-weight: bold;
	width: 50px;
	font-size: 14px;
	transition: all 0.5s ease-out 0s;
}

#div_check_check .var3 input:focus + label,
#div_check_check .var3 input:valid + label{
	font-size: 0.8em;
	left: 235px;
}

#div_check_check .select2 + label {
	width: 85px;
	font-size: 0.8em;
	left: 170px;
	}

#div_check_check .var3 #btn_check_check {
	margin-top: 10px;
}

.ico-help {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'%3e%3cg fill='%23fff'%3e%3cpath d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12c6.6,0,12-5.4,12-12S18.6,0,12,0L12,0z M12,22.4C6.3,22.4,1.6,17.7,1.6,12 S6.3,1.6,12,1.6c5.7,0,10.4,4.7,10.4,10.4S17.7,22.4,12,22.4L12,22.4z M12,22.4'/%3e%3cpath d='M12,5.5c-2.1,0-3.8,1.7-3.8,3.8c0,0.4,0.4,0.8,0.8,0.8c0.4,0,0.8-0.4,0.8-0.8c0-1.2,1-2.3,2.3-2.3 c1.2,0,2.3,1,2.3,2.3c0,1.2-1,2.3-2.3,2.3c-0.4,0-0.8,0.4-0.8,0.8v2.7c0,0.4,0.4,0.8,0.8,0.8c0.4,0,0.8-0.4,0.8-0.8v-2 c1.7-0.4,3-1.9,3-3.7C15.8,7.2,14.1,5.5,12,5.5L12,5.5z M12,5.5'/%3e%3cpath d='M12,16.4c-0.5,0-1,0.4-1,1c0,0.5,0.4,1,1,1c0.5,0,1-0.4,1-1C13,16.9,12.5,16.4,12,16.4L12,16.4z M12,16.4'/%3e%3c/g%3e%3c/svg%3e ");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-indent: -20000px;
	overflow: hidden;
	text-align: left;
}

#div_check_check .ico-help {
	position: absolute;
	right: -30px;
	top: calc(50% - 12px);
}

.help_img.ui-dialog {
	max-height: 95vh !important;
	box-sizing: border-box;
	padding: 0;
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);
	}


.help_img.ui-dialog .ui-widget-content img {
	max-height: calc(95vh - 1em) !important;
	width: auto;
	max-width: 385px;
	display: block;
	margin: 0 auto;
	}

/* UI*/
.ui-widget-overlay {
	background: rgba(0, 0, 0, 0.4) !important;
	}

.ui-dialog-titlebar {
	display: none;
	}