body, h1,h2,h3,h4,h5,h6,caption, input, select { font-family: "Museo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; font-weight: 500; font-color: #FFF; line-height: 1.5; text-align: left; }
	h1,h2,h3,h4,h5,h6,caption { font-size: 20px; color: #fff; font-weight: 500; }
	hr { color: #80cced; color: rgba(255,255,255,0.5); background-color: #80cced; background-color: rgba(255,255,255,0.5); border: 0; height: 1px; clear: both; }
	.err { color: #FFF; padding: 10px; margin: 0 0 10px 0; border: 1px dotted rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.1); }
	
	form table { border-collapse: collapse; }
	form th, form td { text-align: left; padding: 15px; }
	table span { font-size: 12px; color: #80cced; color: rgba(255,255,255,0.5); font-weight: 400; line-height: 1.5; }
	
	table input { width: 100%; color: #FFF; }
	table input, table select { border: 0; border-bottom: 1px solid #FFF; background: transparent; }
	table select, table select option { color: #333; }

	table .stupidselect select { max-width: auto; border-bottom: 0; }
	table .stupidselect { 
		overflow: hidden; border-bottom: 1px solid #FFF; margin-top: 22px; 
		background-image: url(../images/style/dropdown.svg); background-repeat: no-repeat; 
		background-size: 10px 7px; background-position: top right; transform: translateY(-50%);
	}
	
	#katerine { width: 100%; }
	#katerine th { font-size: 13px; }
	#katerine th, #katerine td { padding: 15px 5px; }
	#katerine a, #katerine a:link, #katerine a:visited { text-decoration: none; color: #fff; opacity: 0.6; }
	#katerine a:active, #katerine a:hover, #katerine a:focus { opacity: 1; }
	
	label font, th font { margin-left: 5px; }
	
	input.ok { text-align: center; font-weight: 400; }
	input.da { 
		cursor: pointer; padding: 5px; margin-top: 30px; 
		font-size: 14px; color: #fff; width: 100%; border: 2px solid #80cced; border-color: rgba(255,255,255,0.5); border-radius: 5px;
		font-weight: 700; text-transform: uppercase; height: 60px;				
	}
	input.da:hover { background: #80cced; background: rgba(255,255,255,0.5); }
	
	.form__block, .form__element, .form__header { margin: 5px 0px; }

	.winx { display: block; position: absolute; top: 0; left: 50%; margin-top: 30px; z-index: 10; border: 2px solid #80cced; border-color: rgba(255,255,255,0.5); background: #1aa3df; background-color: rgba(255,255,255,0.2); box-shadow: 0 0 15px rgba(0,0,0,0.3); }
	.winxshd { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; background: #000; opacity: 0.2; }
		.winx .cls { display: block; position: absolute; top: -30px; right: 0; z-index: 11; font-size: 8pt; line-height: 30px; } 
		.winx .cls:link, .winx .cls:visited { color: #FFF; }
		.winx .cls:active, .winx .cls:hover, .winx .cls:focus { color: #FFF; }


	div.ssel { position: relative; top: 0; left: 0; margin-bottom: 5px; }
	select.ssel { z-index: 1; }
	input.ssel { position: absolute; top: 0; left: 0; z-index: 2; margin: 0 !important; }
	ul.ssel { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; left: 0; border: 1px solid #CCC; background: #FFF; box-shadow: 0 2px 3px #CCC; min-width: 200px; max-height: 100px; overflow: auto; overflow-x: hidden; z-index: 3; }
		ul.ssel li { cursor: pointer; list-style-type: none; margin: 0; padding: 5px; white-space: nowrap; } ul.ssel li:hover { background-color: #1aa3df; background-color: rgba(255,255,255,0.2); }

	.poluchatel { width: 100%; table-layout: fixed; background: #1aa3df; background-color: rgba(255,255,255,0.2); }
	#klz_01_03 { border-top: 5px solid #1aa3df; border-color: rgba(255,255,255,0.2); }
	#klz_01_02, #klz_01_01  { background: #1aa3df; background-color: rgba(255,255,255,0.2); }
	#katerine { background: #1aa3df; background-color: rgba(255,255,255,0.2); border-collapse: collapse; }
		#katerine thead { background-color: #80cced; background-color: rgba(255,255,255,0.4); }
	.strahovanie { vertical-align: top; background: #1aa3df; background-color: rgba(255,255,255,0.2); }
	.littleachtung { padding: 30px 10px; border-top: 5px solid #1aa3df; border-color: rgba(255,255,255,0.2); text-align: center; background: #FFF; }
	.littleachtung span { color: #CC3300; font-size: 10pt; }

	
	/* MyGetContentSopgpGetXML519Inn2 */
		.inn2 div.ssel { position: relative; top: 0; left: 0; margin-bottom: 5px; }
		.inn2 select.ssel { z-index: 1; }
		.inn2 input.ssel { position: absolute; top: 0; left: 0; z-index: 2; margin: 0 !important; }
		.inn2 ul.ssel { position: static; border: 0; box-shadow: none; list-style-type: none; margin: 0; padding: 0; top: 0; left: 0; background: #1aa3df; background-color: rgba(255,255,255,0.2); min-width: 200px; max-height: 550px; overflow: auto; overflow-x: hidden; z-index: 3; }
		.inn2 ul.ssel li { cursor: pointer; list-style-type: none; margin: 0; padding: 5px; white-space: nowrap; text-align: left; color: #FFF; }
		.inn2 ul.ssel li span { display: inline-block; min-width: 100px; text-align: right; padding-right: 5px; margin-right: 5px; }
		
		.inn2 ul.ssel li:hover {  background-color: #80cced; background-color: rgba(255,255,255,0.5); color: #1aa3df; color: rgba(255,255,255,0.2); }

	
	.aero_goj { }
		.aero_goj .poluchatel, .aero_goj #klz_01_02, .aero_goj #klz_01_01, .aero_goj #katerine thead, .aero_goj .strahovanie, .aero_goj.inn2 ul.ssel { background: #b46464; }
		.aero_goj #klz_01_03, .aero_goj .littleachtung { border-color: #b46464; }
		.aero_goj #katerine { background: transparent; border-bottom: 3px solid rgba(255,255,255,0.5); }
		.aero_goj .winx { background: #b46464; border-color: rgba(255,255,255,0.5); }
		.aero_goj.inn2 ul.ssel li:hover { color: #b46464; }
	.aero_kuf { }
		.aero_kuf .poluchatel, .aero_kuf #klz_01_02, .aero_kuf #klz_01_01, .aero_kuf #katerine thead, .aero_kuf .strahovanie, .aero_kuf.inn2 ul.ssel { background: #04a8bd; }
		.aero_kuf #klz_01_03, .aero_kuf .littleachtung { border-color: #04a8bd; }
		.aero_kuf #katerine { background: transparent; border-bottom: 3px solid rgba(255,255,255,0.5); }
		.aero_kuf .winx { background: #04a8bd; border-color: rgba(255,255,255,0.5); }
		.aero_kuf.inn2 ul.ssel li:hover { color: #04a8bd; }
	.aero_rov { }
		.aero_rov .poluchatel, .aero_rov #klz_01_02, .aero_rov #klz_01_01, .aero_rov #katerine thead, .aero_rov .strahovanie, .aero_rov.inn2 ul.ssel { background: #818d31; }
		.aero_rov #klz_01_03, .aero_rov .littleachtung { border-color: #818d31; }
		.aero_rov #katerine { background: transparent; border-bottom: 3px solid rgba(255,255,255,0.5); }
		.aero_rov .winx { background: #818d31; border-color: rgba(255,255,255,0.5); }
		.aero_rov.inn2 ul.ssel li:hover { color: #818d31; }
	.aero_pkc { }
	.aero_nux { }
		.aero_gsv .poluchatel, .aero_gsv #klz_01_02, .aero_gsv #klz_01_01, .aero_gsv #katerine thead, .aero_gsv .strahovanie, .aero_gsv.inn2 ul.ssel,
		.aero_nux .poluchatel, .aero_nux #klz_01_02, .aero_nux #klz_01_01, .aero_nux #katerine thead, .aero_nux .strahovanie, .aero_nux.inn2 ul.ssel,
		.aero_pkc .poluchatel, .aero_pkc #klz_01_02, .aero_pkc #klz_01_01, .aero_pkc #katerine thead, .aero_pkc .strahovanie, .aero_pkc.inn2 ul.ssel { background: rgba(0,0,0,0.2); }
		.aero_gsv #klz_01_03, .aero_gsv .littleachtung,
		.aero_nux #klz_01_03, .aero_nux .littleachtung,
		.aero_pkc #klz_01_03, .aero_pkc .littleachtung { border-color: rgba(0,0,0,0.2); }
		.aero_gsv #katerine, .aero_nux #katerine, .aero_pkc #katerine { background: transparent; border-bottom: 3px solid rgba(255,255,255,0.5); }
		.aero_gsv .winx, .aero_nux .winx, .aero_pkc .winx  { background: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.5); }
		.aero_gsv.inn2 ul.ssel li:hover, .aero_nux.inn2 ul.ssel li:hover, .aero_pkc.inn2 ul.ssel li:hover { color: #4e5291; }
	

/* мобильные извращения */
	
	.nobig { display: none; }
	
	#katerine span.selection { display: block; border-color: rgba(255,255,255,0.5); }
	#katerine input.text { line-height: 2.8; } 

	@media (max-width:800px) {
		.nobig { display: block; } 
		span.nobig { display: inline; }
		.nomobile { display: none; }
		
		/* таблицы делаю блоками и в 1 колонку всё */
		table { }
		table, thead, tbody, tfoot, tr, th, td { display: block; width: 100%; min-width: auto !important; }
		
		.winx { max-width: 100%; }
		.winx iframe { width: 100% !important; max-width: 100%; }
		
		/* окно выбора ИНН */
		.inn2 ul.ssel li { white-space: normal; border-bottom: 3px double rgba(255,255,255,0.2); }
		.inn2 ul.ssel li span { display: block; text-align: left; }
		
		/* порно */
		.mobilebackward { display: flex; flex-direction: column-reverse; }
		
		#myform_prnum { width: 100% !important; }
		
		/* */ 
		#katerine { }
		#katerine thead { display: none; }
		#katerine tbody tr { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px double rgba(255, 255, 255, .5); }
		#katerine tfoot { padding: 15px; }
		#katerine tfoot td { padding-bottom: 15px; }
		#katerine tfoot td input.text { line-height: 1.6; }
		#katerine td { padding: 15px; }
		#katerine tbody td:before { display: block; font-size: 1.6rem; color: rgba(255, 255, 255, .5); margin-bottom: 5px; }
		#katerine tbody td:nth-child(1):before { content: 'Характер груза'; }
		#katerine tbody td:nth-child(2):before { content: 'Полное наименование груза'; }
		#katerine tbody td:nth-child(3):before { content: 'Количество мест'; }
		#katerine tbody td:nth-child(4):before { content: 'Общий вес (кг.)'; }
		#katerine tbody td:nth-child(5):before { content: 'Вид упаковки'; }
		#katerine tbody td:nth-child(6):before { content: 'Длина (см.)'; }
		#katerine tbody td:nth-child(7):before { content: 'Ширина (см.)'; }
		#katerine tbody td:nth-child(8):before { content: 'Высота (см.)'; }
		
		.form__element-mono { width: 100% !important; float: none !important; }
		.form__element--double { display: block; }
		.form__element--double .form-group.mb-0 { margin-top: 30px !important; } 

		.form__header span { margin-left: 40px; }
	}

/* древесные типо-грузовые извращения */

	.tree { padding: 16px 0; }
	.tree ul { display: block; list-style: none; margin: 0; padding: 0; }
	.tree li span { display: inline-block; margin: 0 8px 0 0; padding: 2px; border: 1px solid rgba(255, 255, 255, .0); text-align: center; width: 20px; height: 20px; line-height: 1; }
	.tree li span.act { cursor: pointer; border: 1px solid rgba(255, 255, 255, .8); color: #FFF; border-radius: 3px; }
	.tree ul ul { display: none; margin: 8px 0 0 22px; }
	.tree .ss > ul { display: block; }
	.tree li { margin: 0 0 0 0; padding: 0 0 8px 0; color: rgba(255,255,255,0.5); position: relative; top: 0; left: 0; }
	.tree li li { border-left: 1px dotted rgba(255,255,255,0.5); } 
	.tree .pnt { position: relative; top: 0; left: 0; margin-left: -12px; }
	.tree .pnt:before { display: inline; content: ' '; border: 1px solid #fff; border-radius: 50%; width: 6px; height: 6px; position: absolute; top: -6px; top: 6px; }
	.tree .help { display: inline-block; position: static; cursor: default; margin: 0 0 0 8px; }
	.tree .help__text { color: #333; padding: 8px; top: auto; bottom: 0; }
	.form__block .tree a { display: inline; border: 0; padding-bottom: 0; color: #FFF; }
	.tree i { display: none; }
	
	#myform_gruzitem { display: none; }
	#myform_gruzitem.ss { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; margin: 1rem 0; }
	#myform_gruzitem input, #myform_gruzitem span { margin: 0; padding: 3px 15px 2px 5px; border: 1px solid rgba(255,255,255,0.5); border-radius: 3px; position: relative; top: 0; left: 0; }
	#myform_gruzitem span:after { display: block; content: 'x'; font-size: 12px; position: absolute; top: 0px; right: 5px; }
	#myform_gruzitem input { width: auto; padding: 3px 5px 2px; color: #fff; cursor: pointer; text-align: center; order: 1; }