body{font-family:arial;font-size:100%;min-width: 300px;}
.divider{height:1px;border:none;background:#bfbfbf;clear:both;}
.wrap {clear:both;padding-left:2.907%;}
.td1 {float:left;width:2.18%; /*height:200px;*/ height: 9em;text-align:center;}
.td1 a{
	margin:0px auto;
	margin-top: 1.2em; /*15px;		*/
	display:block;
	color:#bfbfbf; 
	text-decoration:none;
	font-size:77%;		
}
.td1 a i{	
border-radius: 1em;/*12px;*/
border-color: #8d8d8d;
padding: padding: 0.23em;/*3px;*/
}	
.td  {
	float:left;
	width:61.5%;/*58.14%;*/
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;	
	
	-webkit-border-top-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;	
	background:50% 0% url('border.gif') repeat-y #00a0dc;
}  /*padding:0.7267%*/

.content {   text-align: justify;}	
.vimeo {
		/*width: 100%;
		height: 30vw;*/
	}
.v169 {
	position: relative;
	padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
	height: 0;
	overflow: hidden;
}
.v43 {
	position: relative;
	padding-bottom: 75%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
	height: 0;
	overflow: hidden;
}
.v43 iframe,
.v169 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
.tdo .td  {
	width:100%;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;	
	
	-webkit-border-top-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;	
	background:#0166AB;
}  

.tdo  {
		float:left;
		width:23.2%;
}  

.mobe {display:none !important;}

.pepe{
	margin-top:5px;
}

.tdinn{
/* 		width:23.2%; */
	background:#00a0dc;
}

#promo{
	background:#404040;
	width: 91.5%;/*86.5%;*/
	margin-left:2.18%;
	height: 7.5em;
	color:#cccccc;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;			
	-webkit-border-top-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;			
}
#promo a{
	color:#CCCCCC;	
	text-decoration:none;
}
#promo a.caption{
	color:white;
}
#promo a:hover{
	text-decoration:underline;
}
.tdd3{	
	/*width:31.5%;*/
	width: 32.8%;
	float:left;
	/*padding:0.72em 0.7265%;*/
	padding: 0.72em 0 0.72em 0.7265%;
}	
.tdd3 + .tdd3 +.tdd3{
	width:32%;
}
#promo .tdi3{		
	border-right:1px solid #535353;
	height:6.06em;
}	
#promo .tdi3:last-child{
	border-right:none;
}	
#promo .tdd3 .caption{
	text-transform:uppercase;
	font-size:140%;
}	
.containe .tdd3 + .tdd3{
	text-align:center;
}
.containe .tdd3 + .tdd3 img{
	margin-top: 2em; /* 3em*/
}	
.td .tr ul{
	width:50%;
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.no-point {
	list-style: none;
}
li{text-align: left;}

.tdinn .tr ul{
	width:100%;
	float:none;
}	
.mainnt{
	width:62.79%;
	padding:0.9447%;
	float:left;
}
.td4 .innero ul{
	margin: 0px;
	padding: 0px;
	list-style: none;	
}
.td .tr ul li{ 
	padding-left:2.5%; 
	padding-right: 2.5%; 
}	
.td .tr ul li a{ 	
	color:#ffffff;
	text-decoration:none;
	font-size:85.7%;
}
.td .tr ul li a:hover{ 	
	text-decoration:underline;
}
.td .tr ul li:first-child{ 	
	color:#e8f8ff;
	text-transform:uppercase;
/*	padding-bottom: 2%;*/
}	
.td .tr ul li:first-child a{ 	
	font-size:100%;
}	
.td4 .innero ul li:first-child{ 	
	color:#ffffff;
	text-transform:uppercase;
	padding-bottom: 2%;
}	
.td .tr {
	border-bottom:1px solid #24b9f2; 
	display: inline-block;
	width: 100%;
	padding-top:1.25%;
	padding-bottom:1.25%;	
}

.td .tr:last-child {
	border-bottom:	none;
}

.td2,.td3 {float:left;width:50%;padding:0.7267%}
.td4 {float:left;width: 29.316%;/*27.616%;*/}
.td1{
	background:#404040;	
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
}	
.td4 {
	margin-left:0.7267%;
}
.td4 .innero{
	background:#516676;
	padding:2.5%;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;	
	-webkit-border-top-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
}	
.td5{
	float:right;
	background:#404040;
	margin-left: -20%;
/*	height: 200px;*/
	height: 9em;
	width: 25%;
}

.attnbox{
		font-size: 85.7%; 
}
.attnbox, .attnbox A { 
	color: #CCD6DC;
	}
.attnbox P { 
	margin: 12px 0px 12px 0px;
	}
.attnbox P:first-child{
	margin:0px;
	}
.attnbox H5 { 
	font-size: 85.7%; 
	font-weight: bold; 
	color: #90A4B4; 
	margin-bottom: 14px;
	}
.attnbox H6 { 
	color: #E8F8FF; 
	margin: 12px 0px -12px 0px;
	}
.attnbox .head, .attnbox .head A { 
	font-weight: bold; 
	line-height: 160%;
	color: #E8F8FF;
	}
.attnbox .head A { 
	text-decoration: none;
	}
.attnbox a{
	line-height:170%;
	}
.battnbox	{
	text-align:right;
}
a.ufree{
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:130%;
	/*margin-top:20%;*/
	margin-top: calc(10% - 20px);
	text-decoration:none;
	color:#516676;
	width:100%;
	}	
a.ufree:hover{	
	text-decoration:underline;
	}
.containe{
		padding-left:2.907%;
		padding-top:1%;
		font-size:85.7%;
		width: 90.5%;/*85.5%*/
		line-height:140%;
		color:#8c8c8c;
	}
.containe a{
	text-decoration:none;
	}
.containe a:hover{	
	text-decoration:underline;
	}
	
/* header */		
#logos{
	display:block;
	float:left;
	/*margin-left:2.18%;*/
	margin-left: 2.68%;
	width:29.07%;
}
#logoform{
	text-align:right;
	display:block;
	float:left;
	margin-left:0.64%;
	width:62.5%; /*57.5*/
}
#logoform .lf{
	float:left;
	width:50%;
	text-align:left;
}	
#logoform .rh{
	float:right;
	width:50%;
	text-align:left;
}	
#logoform .rh .caption, #logoform .lf .caption{	
	font-size:87%;
	line-height:220%;
	margin-top:5px;
	color:#595959;
}
#logoform .rh input, #logoform .lf input{
	border:1px solid #c7c7c7;
	padding:0.2em 0 0.2em 0.436em;
	width:7.8488em;
	color:#8c8c8c;
	fon-size:82.5%;
}
#logoform .lf input[name="pass"]{
	margin-left:2%;
}
#search-block-form input[type="text"]{
	width:24.8983em;	
}
#logoform .loginblock a{
	font-size:82.5%;
	line-height:290%;
}	
.lin{
	background-color: #BFBFBF; 
	height:1px;
	margin-right:2%;
	float:right;
}
.icon-double-angle-right{
	text-decoration:none;
	padding-left:0.36em;
}
#menucont{
	padding: 0px;
	margin-left:2.5em;
}
/* header */	
.containe .tdd3 img{
	width:50%;
}
.smallgray {
    font-size: 100%;
    color: #8C8C8C;
}

.smallgray a{
    font-size: 100%;
    color: #8C8C8C;
	text-decoration:underline;
}	
.smallgray a:hover{
	text-decoration:none;
}	
.smallgray ul{
	list-style:none;
	padding:0;
}
.smallgray ul li{
	line-height: 110%;
	height: 3em;
}
.smallgray ul li a{
	displlay:block;
	float:right;
	margin-right:1em;
	color:#66c6ea;
	text-decoration:underline;
}
.smallgray ul li a:hover{
	text-decoration:none;
}
.bottommenu{
	margin-top:1.5em;
	width:100%;
	margin-bottom:1.5em;
}
.npdl{
	padding-left:0px;
	width:32.8%;/*25*/
}
a.fk{
	cursor:pointer;
	text-decoration:none;
}
.pdp{
	margin-left:0.35em;
	margin-right:0.35em;
}
 
@media screen (min-width: 1920px) {
	 body{font-size:100%;}
	 #menu a {	 font: 100%/100% arial;	 }
}	 
 
@media screen (min-width: 1600px) {
	 body{font-size:100%;}
	 #menu a {	 font: 89%/89% arial;	}
}	
 
@media screen and (max-width: 1440px) {
	.containe .tdd3 img{
	width:70%;
	}
}	

@media screen and (max-width: 1600px) and (min-width: 1376px) {
	/*#menu a {    padding: 5px 12%;}*/
}

@media screen and (max-width: 1376px) and (min-width: 1280px) {
	#menu a {font: 82%/82% arial;}
	#menucont {margin-left: 2.5em;}
}

@media screen and (max-width: 1330px) and (min-width: 1281px) {
	.leftinfo, .leftinfo TD {  font-size:80% }
}

@media screen and (max-width: 1150px) and (min-width: 768px) {
	.leftinfo, .leftinfo TD {  font-size:80% }
}

@media screen and (max-width: 1140px) and (min-width: 1024px) {
	#menu a {font: 78%/78% arial;/*padding: 5px 9%;*/}
}
 
@media screen and (max-width: 1024px) and (min-width: 768px) {
	#menu a {padding: 5px 8.5%;}	 	 
}	

#menu a {padding: 5px 0px;}  /* padding: 5px 2.9em; */
#menu {width:97%;}
@media screen and (min-width: 1000px) {	.containe{ width: width: 86.8%; text-align:justify;/*92.5%*/}	}
/*
@media screen and (min-width: 1680px) {	#menu li {padding: 0px 1.7%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1679px) and (min-width: 1600px) {	#menu li {padding: 0px 2.1%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1599px) and (min-width: 1440px) {	#menu li {padding: 0px 1.6%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1439px) and (min-width: 1281px) {	#menu li {padding: 0px 0.8%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1280px) and (min-width: 1270px) {	#menu li {padding: 0px 1.7%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1269px) and (min-width: 1200px) {	#menu li {padding: 0px 1.3%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1199px) and (min-width: 1100px) {	#menu li {padding: 0px 1.7%;} #menu a {font: 80%/80% arial;}}
@media screen and (max-width: 1099px) and (min-width: 1070px) {	#menu li {padding: 0px 1.6%;}	#menu a {font: 70%/70% arial;}}	
@media screen and (max-width: 1070px) and (min-width: 1024px) {	#menu li {padding: 0px 1.9%;}	#menu a {font: 68%/68% arial;}}	
@media screen and (max-width: 1023px) and (min-width: 1000px) {	#menu li {padding: 0px 1.8%;}	#menu a {font: 83%/83% arial;}}	
@media screen and (max-width: 1000px) and (min-width: 950px) {	#menu li {padding: 0px 1.6%;}	#menu a {font: 83%/83% arial;}}	
@media screen and (max-width: 950px) and (min-width: 900px) {	#menu li {padding: 0px 1.4%;}	#menu a {font: 83%/83% arial;}}	
@media screen and (max-width: 900px) and (min-width: 880px) {	#menu li {padding: 0px 1.9%;}	#menu a {font: 81%/81% arial;}}	
@media screen and (max-width: 880px) and (min-width: 850px) {	#menu li {padding: 0px 1.7%;}	#menu a {font: 81%/81% arial;}}	
@media screen and (max-width: 850px) and (min-width: 830px) {	#menu li {padding: 0px 1.6%;}	#menu a {font: 81%/81% arial;}}	 	 
@media screen and (max-width: 830px) and (min-width: 800px) {	#menu li {padding: 0px 1.4%;}	#menu a {font: 81%/81% arial;}}	  
@media screen and (max-width: 800px) and (min-width: 790px) {	#menu li {padding: 0px 1.3%;}	#menu a {font: 81%/81% arial;}}	
@media screen and (max-width: 789px) and (min-width: 768px) {	#menu li {padding: 0px 1.1%;}	#menu a {font: 81%/81% arial;}}
*/


@media screen and (min-width: 1920px) {	#menu li {padding: 0px 2.1%;} #menu a {font: 100%/100% arial;}}
@media screen and (max-width: 1919px) and (min-width: 1680px) {	#menu li {padding: 0px 2.1%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1679px) and (min-width: 1600px) {	#menu li {padding: 0px 2.1%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1599px) and (min-width: 1440px) {	#menu li {padding: 0px 1.4%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1439px) and (min-width: 1376px) {	#menu li {padding: 0px 1.1%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1375px) and (min-width: 1281px) {	#menu li {padding: 0px 0.8%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1280px) and (min-width: 1270px) {	#menu li {padding: 0px 1.55%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1269px) and (min-width: 1200px) {	#menu li {padding: 0px 1.2%;} #menu a {font: 85%/85% arial;}}
@media screen and (max-width: 1199px) and (min-width: 1100px) {	#menu li {padding: 0px 1.5%;} #menu a {font: 80%/80% arial;}}
@media screen and (max-width: 1099px) and (min-width: 1070px) {	#menu li {padding: 0px 1.4%;}	#menu a {font: 70%/70% arial;}}	
@media screen and (max-width: 1070px) and (min-width: 1024px) {	#menu li {padding: 0px 1.7%;}	#menu a {font: 68%/68% arial;}}	
@media screen and (max-width: 1023px) and (min-width: 1000px) {	#menu li {padding: 0px 1.8%;}	#menu a {font: 83%/83% arial;}}	
@media screen and (max-width: 1000px) and (min-width: 950px) {	#menu li {padding: 0px 1.6%;}	#menu a {font: 83%/83% arial;}}	
@media screen and (max-width: 950px) and (min-width: 900px) {	#menu li {padding: 0px 1.4%;}	#menu a {font: 83%/83% arial;}}	
@media screen and (max-width: 900px) and (min-width: 880px) {	#menu li {padding: 0px 1.9%;}	#menu a {font: 81%/81% arial;}}	
@media screen and (max-width: 880px) and (min-width: 850px) {	#menu li {padding: 0px 1.7%;}	#menu a {font: 81%/81% arial;}}	
@media screen and (max-width: 850px) and (min-width: 830px) {	#menu li {padding: 0px 1.6%;}	#menu a {font: 81%/81% arial;}}	 	 
@media screen and (max-width: 830px) and (min-width: 800px) {	#menu li {padding: 0px 1.4%;}	#menu a {font: 81%/81% arial;}}	  
@media screen and (max-width: 800px) and (min-width: 790px) {	#menu li {padding: 0px 1.3%;}	#menu a {font: 81%/81% arial;}}	
@media screen and (max-width: 789px) and (min-width: 768px) {	#menu li {padding: 0px 1.1%;}	#menu a {font: 81%/81% arial;}}	


#menu li:first-child {padding-left: 0px;}	
#menu li:last-child  {padding-right: 0px;}	


.logoform{width: 65% !important;}
.mainnt { width: 62%;}

/*  #menu  ul width:200px*/
	 
	 
	 
	 
	 
/*
@media screen and (max-width: 1280px) and (min-width: 1100px) {
	 body{font-size:79%;}
	#mainnt{width: 68.79%;}
	.containe{width: 92%;}
	.tdd3 {   width: 26%;}
}


@media screen and (max-width: 1100px) and (min-width: 1024px) {
	 body{font-size:72%;}
	#menu a {padding: 5px 1em;}	
	#mainnt{width: 68.79%;}
	.containe{width: 92%;}
	.tdd3 {   width: 26%;}
}
*/
/*
.content {
    font-size: 87%;
    color: #404040;
    line-height: 130%;
	*/	
@media screen and (max-width: 1024px) and (min-width: 900px) {
	.mainnt .content {   font-size: 110%; }
}

@media screen and (max-width: 800px) and (min-width: 768px) {
	#menucont { margin-left: 1.9em;}  
}

@media screen and (max-width: 1024px) and (min-width: 800px) {
	#menucont { margin-left: 2.5em;} 
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	body {font-size: 65%;}
	.containe {/*padding-left: 1%;width: 95%;*/}
	.mainnt {width: 69.79%;}
	.tdd3 {   width: 31.3%;}
	#logoform .rh input, #logoform .lf input {padding: 0.1em 0px 0.1em 0.4em;width: 6em;}
	#search-block-form input[type="text"] {width: 20em;}
}	 


@media screen and (max-width: 1279px) and (min-width: 1024px) {
	body {font-size: 85%;}
}


@media screen and (max-width: 1440px) and (min-width: 1150px) {
	.tdd3  .smallgray ul li  {font-size: 90%;}
}


@media screen and (max-width: 1150px) and (min-width: 1024px) {
	.tdd3  .smallgray ul li  {font-size: 80%;}
}


/* footer */
#secondlist li a {padding-right:0;}	
.bottommenu, #menucont {text-align: justify;}
.bottommenu ul{display:inline; margin:0; padding:0;}
.bottommenu ul li{display: inline;}
.bottommenu ul li a{display:inline-block;}
.bottommenu span{display:inline-block; width:100%; height:0; font-size:0;} 
#secondlist li:last-child a {padding-right: 0;}
/* footer */


.captions{
	text-transform: uppercase;
	font-size:100%;
}

.flero{
	float:left;
	width:50%;
}

.frigo{
	float:right;
	width:44%;
	text-align:right;
}


#menu-icon{display:none;}
/* mobile version */



@media screen and (max-width: 767px) {
	
	.td1{
		display:none;
	}
	
	/* menucont */
	#menucont {
		position: relative;
		margin-left:0px;
	}

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 42px;
		height: 30px;
		background: #ffffff url(menu-icon.png) no-repeat 1px center;
		padding: 8px 10px 0 33px;
		cursor: pointer;
		/*border: solid 1px #777;*/
		display: block; /* show menu icon */
		text-transform:uppercase;
	}
	#menu-icon:hover {
		background-color: #ffffff;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main menu */
	#menu {
		clear: both;
		position: absolute;
		top: 38px;
		width: 160px;
		z-index: 10000;
		padding: 5px;
		background: #ffffff;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	#menu li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#menu a, 
	#menu ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#menu a:hover, 
	#menu ul a:hover {
		background: none;
		color: #000;
	}
	
	/* dropdown */
	#menu ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#menu ul li {
		margin: 3px 0 3px 15px;
	}

	body {
    font-size: 14px;
	}	
	
	.bottommenu{display:none}
	
	.flero{
		float:none;
		width:100%;
	}

	.frigo{
		float:none;
		width:100%;
		text-align:right;
	}

	.containe {
	padding-left: 0;
	width: 100%;
	padding-right: 0;
	}
	
	.wrap {
    clear: both;
    padding-left: 16px;
	padding-right: 16px;
	}

	.td4, .td {
    margin-left: 0;
    float: none;
    width: 100%;
	}
	.td4{
	margin-top:5px;
	}	
	.td5 {
	display:none;
	}
	#spoller{
	display:none;	
	}
	.td {
    background: #00A0DC ;		
	}
	.td1 {
	height: 7em;
	position: absolute;
	top: 0px;
	background: white !important;
	left: 2px;
	}	
	#logos {
	float:none;
	width: 108%;	
	}
	#logos .logo-img, #logos .callback{
		float: left;
		width: 50%;
	}
	#logos .callback {
		text-align: center;
		padding-top: 32px;
	}
	#logos .callback .mango-call-site {float:none; margin:0 auto;}
	
	
	#logoform .lf,#logoform .rh {display:none;}
	
	#logoform .lf {		
		background:white;
		position:absolute;
		z-index:2;
		width:100%;
		left:0px;
		padding-left:2px;
	}
	#logoform .rh{
		background:white;
		position:absolute;
		z-index:2;
		width:100%;
		left:0px;
		padding-left:2px;
	}
	#closrch{
		display:block;
		float:right;
		font-size:10px;
		margin-right:20px;
		text-decoration:none;
		margin-top:-20px
	}
	#clologa{
		display:block;
		float:right;
		font-size:10px;
		margin-right:20px;
		text-decoration:none;
		margin-top:-20px
	}
	ul#menu{width: 100%;height: auto;}
	
	
	.td .tr ul {
		width: 100%;
		float: none;
		border-bottom: 1px solid #24B9F2;	
		margin-bottom:10px;
		padding-bottom:10px;
	}
	.td .tr  {
		border-bottom: none;
	}	

	.td .tr:last-child  ul:last-child {
    border-bottom: none;
	}	
	.tdd3, .tdd3 + .tdd3 + .tdd3{
		width: 100%;
		float: none;
	}
	#promo {
		height:auto;
		width: 100%;
		margin-left: 0;
	}
	.containe .tdd3 + .tdd3{
		display:none;
	}
	.icon-border {
		padding: 0.2em 0.255em 0.15em;
	}
	.smallgray {
		font-size: 90%;
	}
	.flero .smallgray +  .smallgray {
		line-height:100%;
		margin-top:5px;
		font-size: 80%;
	}
	.frigo {
		float: none;
		width: 140px;
		text-align: right;
		position: absolute;
		right: 0;
		margin-top: -30px;
	}	
	#promo .tdi3 {
		height: 5.06em;
		font-size: 12px;	
	}
	#promo .tdd3 .caption {
		font-size: 120%;
	}	
	.mobe{
		display:block !important;
	}
	#mobeone {
		text-decoration:none;
		position:absolute;
		z-index:1;
		right:0;
		margin-top: -35px;
		width: 100px;
		color:#474747;	
	}
	#mobeone  a{

	}
	#mobeone  i{
		font-size:20px;
	}
	a.ufree {
		margin-top:25px;
	}
	.leftinfo{
		display:none;
	}
	
	.mainnt {
		width: 98%;
		
		float: none;
		margin-left: 0;
		padding: 0 1%;
	}		
	.tdo {
		float: none;
		width: 100%;
	}	
	.content H1, h1 {
		font-size: 130%;
		line-height: 100%;
	}
	.content {
		font-size: 100%;
		line-height: 150%;
	}

	.a_button{
		gap: 12px;
	}

	.a_button_page{
		border-radius: 5px;
		font-size: 16px;
        line-height: 12px;
	}

	.img_info{
		width: 20%;
	}
	.content table {
		font-size: 100%;
		line-height: 120%;
	}
	.content ul, .content ol{
		padding-left: 20px;
	}
	.breadcrumbs A{
		font-size: 185%;	
	}
	.breadcrumbs a {
		font-size: 120%;
	}

	.table-wrap{
		overflow-x:auto;
	}
	
	
	.inpro .namto {
		font-size: 100%;
		line-height: 120%;
		height:auto;
	}
	
	.inpro .prod ,.inpro { height: auto; }
	a.buton {float:none;}
	/*.vimeo {width: 100%;height:50vw;}*/
	
	img {max-width: 100%;}
	table {max-width: 100%;}
	
	.video {position:relative;padding-bottom:56.25%;//padding-top:25px;height:0;}

	.video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
	
	.overflow-scroll {
		overflow-x: scroll;
		max-width: 100%;
	}	
}

@media screen and (min-width: 767px) {

	/* ensure #menu is visible on desktop version */
	#menu {
		display: flex;
        justify-content: space-between;
        flex-wrap: wrap;				/* for menu - from block; */
	}
	
}

@media screen and (max-width: 600px) {
	.inpro2,.inpro3 {
		width: 100%;
	}
	.td .tr ul {
		width: 90%;
	}
	.td .tr ul li {padding-right: 0px}
}
@media screen and (max-width: 360px) {
	.hrbag {display:none}
	table.small-collapse {}
	
	td.small-collapse {display: inline-block;}
	table.small-collapse td{
		display: inline-block;
		width: 100%;
		margin-right: 2px;
		padding-right: 0px;
	}
	table.small-collapse tr {
		margin-bottom: 5px;
		padding-bottom: 5px;
		float: left;
		width: 100%;
	}
	table.small-collapse td p {
		margin-top: 0.7em;
		margin-bottom: 0.7em;
	}
	
}
.tdinn{
	min-height: 10em;
}

/*
.node{float: left;position: relative;padding-left: 10px;}
	*/
	
#contact-mail-page{
	
}	


.mainnt .head{
	margin-top:10px;
}
.meropr{
	margin-top: -50px;
}
.field-field-termmerop, .field-field-wenumerop, .field-field-conditionsmerop{
	margin-top: 20px;
}
.meropr + .node .submitted{
	display:none;
}
.meropr + .node {
	margin-top:30px;
}

.webform-confirmation + .links {
	display:none;
}
.captcha  div.description{
	display:none;
}
#frma{
	border: 2px solid rgb(238, 238, 238);
	padding: 10px 20px;
}

.view-meropr  .views-field-body .field-content{
	margin-bottom: 20px;
	display: block;
}

.tdo {
   margin-right: 10px;
}

.ceorro{
	float:none;
}
.headtel{
	text-decoration: none;
	color: #676767;
	font-size: 15px;
	display: block;
	margin-bottom: 9px;
}

#logos img {
	/*max-width: 60%;*/
}

a.ufree img {
	width:inherit;
	border-bottom-left-radius: 16px;
	border-top-right-radius: 16px;
}
.views-exposed-form { padding-top: 5px;}
.views-exposed-form .views-widget-filter-field_category_value_many_to_one {
	padding-top: 0px;
	height: 32px;
}
.views-exposed-form .views-submit-button {
	padding-top: 2px;
	height: 32px;
}
#edit-field-category-value-many-to-one {
		border: 1px solid #00A0DC;
		height: 30px;
		
}
#edit-field-category-value-many-to-one option{
	line-height: 22px; color: #111111;font-size: 	18px;
}
.views-exposed-form .views-submit-button input{
	height: 30px;
	background: #00A0DC;
	border: 0px;
	padding-top: 0px;
	line-height: 30px;
	margin-bottom: -2px;
}

.ul-no-style li {
		list-style: none;
	}
ul.padding-small {padding-left: 0px;}
 .padding-small ul {padding-left: 10px;}

.hrbag+table {
	margin-left: 0px;
	text-align:left;
}

.table-wrap{
	overflow-x:auto;
}