html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body {margin:0; font-size: 14px; position: relative; padding: 0; text-align: left; }

table { border-collapse:collapse; border-spacing:0; }
td,th { padding:0; }


::selection      { background-color: #316294; color: #FFFFFF; }
::-moz-selection { background-color: #316294; color: #FFFFFF; }


A       { Text-Decoration: None; Font-Family:Arial,Helvetica,sans-serif; color:#333333; background: transparent; }
A:hover {Text-Decoration:underLine; color:#333333;}


b,strong {font-weight:700; }
h1{font-size:2em; margin:.67em 0; }
mark{background:#ff0; color:#000; }
small{font-size:80%; }

img { border:0; vertical-align:middle;  }

hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }

figure  { margin:1em 40px; }


.RedStar { color:#BB0000 !important; font-family:'Times New Roman' !important; font-size:18px !important; font-weight:bold !important; text-decoration:none !important; }
.RedStar:hover { color:#FF0000 !important; text-decoration:none !important; }

#ForSearchOnly, .ForSearchOnly { font-size:2px; display:none; }
#anchor, .anchor { font-size:2px; display:none; padding:0px; margin:0px; }




/**** Формы  ****/
button,input,optgroup,select,textarea { color:inherit; font:inherit; margin:0; }
button { overflow:visible; }
button,select { text-transform:none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance:button; cursor:pointer; }
button[disabled],html input[disabled] { cursor:default; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
input { line-height:normal; }
input[type="checkbox"],input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height:auto; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
textarea  { overflow:auto; }
optgroup  { font-weight:700; }


pre { overflow:auto; }
code,kbd,pre,samp  {  font-family:monospace,monospace; font-size:1em; }


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block; }
audio,canvas,progress,video  { display:inline-block; vertical-align:baseline; }
audio:not([controls]) { display:none; height:0; } [hidden],template { display:none; }

abbr[title] { border-bottom:1px dotted; }
dfn { font-style:italic; }

sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup     { top:-.5em; }
sub     { bottom:-.25em; }

svg:not(:root) { overflow:hidden; }

fieldset {  border:1px solid silver; margin:0 2px; padding:.35em .625em .75em; }
legend   {  border:0; padding:0; }






H1 {  font-family: Arial; /*Verdana;*/ margin-bottom: 0; font-size:19px; font-weight: 400; text-align:left; }
H2,H3 {  margin: 0px; margin-top: 1px; margin-bottom: 2px; padding:0px; font-size:15px; text-align:left; }

.schema_org span, .schema_org time, .schema_org a , .schema_org font {Font-Family: Tahoma; color: #000000; font-size:14.5px; }



/*
.loginBGi {Background-image:url('img/login_fbg.jpg'); background-repeat:no-repeat; background-position: top left; width:130; height:21; border:solid 0px white;font-size:10px; padding:4px;}
*/



.ttl {font-size:16px;Padding-Bottom:5px;Padding-Left:5px;Padding-Top:10px;Font-Weight:bold; Color:#444444; text-align:left; }
.ttl2 {font-size:18px;Padding-Bottom:5px;Padding-Left:5px;Font-Weight:bold; Color:#444444; text-align:left; }

.ttl2:first-letter { color: #316294; }


.er {Border:0px; Color:red; margin-left:0px;font-size:12px;Font-Weight:; Bold; width:77px; Font-Family:Arial;}
.erI{margin-bottom:1px;margin-left:1px;}


.GrBlockH2 { 
	position: relative;
	/*float:left; */
	margin-right:25px; 
	margin-left:10px; 
	margin-bottom:17px; 
	width:270px; 
	height:230px; 
	border: solid 1px #BBBBBB; 
	text-align:center; 
	padding: 7px; 
	box-shadow: 0 0 10px rgba(0,0,0,0.5); 
	filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=10); 
}



.GrBlockH22      { text-align: center; float:left; margin-right:25px; margin-left:5px; margin-bottom:17px; width:90%; max-width:330px; height:252px; border: solid 1px #BBBBBB; text-align:center; padding: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=10); }
.GrBlockH22 P    { font-size: 12.5px; text-align:justify; }
.GrBlockH22 BR   { line-height: 12px;}
.GrBlockH22 IMG  { padding-top:5px; border:0px; }
.GrBlockH22 FONT { color: #316294; }
.GrBlockH22 А    { text-decoration:none; }
.GrBlockH22 a:hover { text-decoration:none; }





.SolMiniText, .SolMiniText1 {
  width: 99%;
  border: 0px;
  padding: 1px;
  overflow: hidden;
  transition: max-height .5s ease-in;
  position: relative;
  /*transition: all 0s 999s; ******9999999s;*/ 

}

.SolMiniText::after, .SolMiniText1::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-image: linear-gradient(transparent, #fff);
  transition: opacity .5s ease;
}

  

.SolMiniText    {  min-height: 190px;  max-height: 210px; }
.SolMiniText1   {  min-height: 120px;  max-height: 130px; }

.SolMiniText  P { font-size: 12.5px; text-align:justify; }
.SolMiniText1 P { font-size: 12.5px; text-align:justify; }


.solDL, .solDL:hover { text-decoration:none; } 





ul, li { padding:0;margin:0;  }


ul li.GL {
	padding:0;
	margin:0;
	list-style:none;
	background:url('/img/gal.gif') no-repeat scroll left center;
	padding:5px 0 5px 24px;
	line-height:15px;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
}

ul li.GLa {
	padding:0;
	margin:0;
	list-style:none;
	background:url('/img/gal.gif') no-repeat scroll left center;
	padding:5px 0 5px 24px;
	line-height:15px;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	color:#AA0000;
}


ul li.GL  A { color:#000066;}
ul li.GLa A { color:#AA0000; }


ul {margin-left:12px;margin-right:6px;}



.iSub {
    margin: 0 7px;
    padding: 8px 24px;
    border: 0;
    border-radius: 7px;
    outline: 0;
    color: white;
    background: #0E5784;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    line-height: 18px;
    vertical-align: baseline;
    display: inline-block;
    cursor: pointer;
}

.iSub:hover {
  background: #08344F; /*222;*/
}



.iSt1 {Font-Size:14px;Background:#F5F5F5;Border:SOLID 1px #909090;}
.iSt2 {Font-Size:13px;Background:#F5F5F5;Border:SOLID 4px #990099;}

.iSt1, .iSt2{Font-Family:verdana,arial;Color:Black;Font-Weight:bold;}


HR.hr1 {border:0px; border-bottom:solid 1px #DFDFDF;height:1px;}




/* solutions blocks */


.SolTitleTD     { background-repeat:no-repeat;padding-left:42px;color:#333333;font-size:18px; }

.SolFeaturesTD  { padding:6px;padding-top:4px;color:#222222;font-size:14px;border-left:solid 3px #666666;border-right:solid 1px #BBBBBB;border-top:solid 1px #BBBBBB; }

.SolDetailsTD   { padding:6px;padding-top:0px;color:#222222;font-size:14px;border-left:solid 3px #666666;border-bottom:solid 1px #666666;border-right:solid 1px #BBBBBB; }

.SolDetailsButt, 
.SolDetailsButt1,
.SolDetailsButt2, 
.SolDetailsButt3, 
.SolDetailsButt4, 
.SolDetailsButt5, 
.SolDetailsButt6  { width:137px; height:31px; color:white; font-size:14px; text-align:left; font-weight:bold; background-repeat:no-repeat; background-position:left center; padding-left:35px; padding-top:12px; cursor: pointer; }

.SolDetailsButt1       { background-image:url('/img/ifree/sol/yellow/button.png'); }
.SolDetailsButt1:hover { background-image:url('/img/ifree/sol/yellow/button-mo.png'); }

.SolDetailsButt2       { background-image:url('/img/ifree/sol/dyellow/button.png'); }
.SolDetailsButt2:hover { background-image:url('/img/ifree/sol/dyellow/button-mo.png'); }

.SolDetailsButt3       { background-image:url('/img/ifree/sol/dred/button.png'); }
.SolDetailsButt3:hover { background-image:url('/img/ifree/sol/dred/button-mo.png'); }

.SolDetailsButt4       { background-image:url('/img/ifree/sol/green/button.png'); }
.SolDetailsButt4:hover { background-image:url('/img/ifree/sol/green/button-mo.png'); }

.SolDetailsButt5       { background-image:url('/img/ifree/sol/blue/button.png'); }
.SolDetailsButt5:hover { background-image:url('/img/ifree/sol/blue/button-mo.png'); }

.SolDetailsButt6       { background-image:url('/img/ifree/sol/violet/button.png'); }
.SolDetailsButt6:hover { background-image:url('/img/ifree/sol/violet/button-mo.png'); }




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








body { background: #0e5784; /*#eeeeee*/ padding: 8px; padding-top: 0px; }




.mobile {
	width: 100%;
	margin: 0px;
	position: relative;
	overflow: hidden;
}


header {
	position: fixed;
	height: 87px;
	background: #0e5784; /*#eeeeee;*/
	width: 100%;
	z-index:900 !important;
}


div.menu {
	padding: 10px;
	margin-top: 7px;
	height: 55px;
	background: #FFFFFF;
	border: 1px solid #cccccc;
	margin-right: 17px;
	z-index:980 !important;

}


.logo {
	position: fixed;
	top: 11px;
	left: 60px;   /* 96 */
	/*height: 70px;*/
	font-size: 11px;
	LETTER-SPACING: 0.1em;
	color: #444444;
}


.menu-phone {
	background: #FFFFFF; 
	display: block;
	position: absolute;
	right: 27px;
	top: 17px;
	font-family:arial;
	font-size: 13pt;
	LETTER-SPACING: 0.02em;
	color: #444444;
	font-weight:bold;
	color:#3f657c;   /*2a546d;*/
	text-decoration:none;
}	

.menu-shop {
	background: #FFFFFF; 
	display: block;
	position: absolute;
	right: 27px;
	top: 47px;
	text-decoration:none;
}	





main {
	padding: 10px;
	margin-top: 88px;
	background: #FFFFFF;
	border: 1px solid #cccccc;

}




.bottomContent1 {
	padding: 10px;
	margin-top: 4px;
	background: #FFFFFF;
	border: 1px solid #cccccc;
}


.bottomContent2 {
	padding: 10px;
	margin-top: 4px;
	background: #FFFFFF;
	border: 1px solid #cccccc;
}




.footer {
	color: #CCCCCC;
	font-size: 13px;
	padding: 12px;
	padding-left: 6px;
	padding-right: 6px;

}

.footer A { color: #DDDDDD; }


.footerCnt {
	color: #CCCCCC;
	font-size: 13px;
	padding: 6px;
	text-align: right;
	align: right;
}

.footerCnt img { 
	width:  55px !important; 
	height: auto !important; 
	border: 0px  !important; 
}




/**** Меню ****/


.menu-triger {
	background: url('/img/mob_menu.png') 0 0 repeat;
	display: block;
	width: 25px;
	height: 17px;
	position: absolute;
	left: 15px;
	top: 35px;
}	
.menu-close {
	background: url('/img/mob_menu_close.png') 0 0 repeat;
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1000;
}
.menu-popup {
	background: #323d4d; /*#2c2e3e;*/
	display: none;
	position: fixed; /*absolute;*/
	left: -110%;
	top: 0;
	width: 265px;
	box-sizing: border-box;
	padding: 30px;
	z-index:999 !important;	
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.menu-popup ul {
	margin: 0;
	padding: 0;
	margin-top:16px;
}

.menu-popup li {
	list-style: none;
	margin: 9px 0;
	padding: 0;
}
.menu-popup li a {
	font-size: 16px;
	font-family: "Arial";
	color: #FFFFFF;
	line-height: 1.1;	
	text-decoration: none;
}

.menu-popup-img {
	padding-right:8px;
	padding-bottom:5px;
	border:0px;
	vertical-align: middle;
}

.body_pointer * {
	cursor: pointer;
}






/* Слайдер-карусель Интернет-магазина */



.carusel {
  width: 280px;
  height: 250px;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  align: center;
  text-align: center;
  padding: 0px;
  margin: 0px;
  z-index: 1;
}


.carusel_item {
  min-width: 280px;
  background: #FFFFFF;
  text-align: center;
  align: center;
  padding: 0px;
  margin: 0px;
  z-index: 1;
}



.carusel_nav {
  display: none;
  /*display: flex;
  flex-direction: column;
  align-content: space-between;
  width: 50px;
  height: 10px;
  background: #ffffff;
  z-index: -100;*/
}


.three {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 320px;
  height: 100px;
  transition: transform .3s;
  transform: translateX(0);
  padding: 0px;
  margin: 0px;
}

.three-0 {
  transition: transform .3s;
  transform: translateX(0);
}

.three-1 {
  transition: transform .3s;
  transform: translateX(-280px);
}

.three-2 {
  transition: transform .3s;
  transform: translateX(-560px);
}

.three-3 {
  transition: transform .3s;
  transform: translateX(-840px);
}


.three-4 {
  transition: transform .3s;
  transform: translateX(-1120px);
}


.three-5 {
  transition: transform .3s;
  transform: translateX(-1400px);
}





/* ------------- Слайдер решений -------------- */



.solSlider {
  transform: translateZ(0);
  background: white;
  /*border-bottom: 1px solid lightgray;*/
  /*border-left: 1px solid lightgray;*/
  /*border-right: 1px solid lightgray;*/
  max-width: 1200px;  /*1300px; 410*/
}

.solSlider>.solSlider-toggle {
  display: none;
  position: absolute;
  opacity: 0;
}

.solSlider>label {
  display: block;
  position: relative;
  height: 35px;
  line-height: 30px;
  padding: 0 20px;
  padding-top: 2px !important;
  padding-left: 42px !important;
  color: #444444;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  letter-spacing: 0.7px;
  /*border-top: 1px solid lightgray;*/
  /*border-bottom: 1px solid lightgray;*/
  /*background: #ecebec;*/
  /*box-shadow: 0 0 4px rgba(0,0,0,0.4); */
  /*filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=4);*/
}

.solSlider>label:after {
  content: '';
  position: absolute;
  top: 4px;
  right: 16px;
  width: 12px;
  height: 12px;
  border-left: solid 2px #555555;
  border-top: solid 2px  #555555;
  transform: rotate(-135deg);
  transition: 0.4s transform;
}

.solSlider>section {
  overflow: hidden;
  height: 0;
  transition: all .4s;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
}

.solSlider>.solSlider-toggle:checked~label:after {
  transform: rotate(45deg);
  top: 12px;
}

.solSlider>.solSlider-toggle:checked~section {
  /*height: 250px;*/
  height: auto;
  border-bottom: solid 1px #999999;
  margin-bottom: 3px;
}

.solSlider>section p {
  margin: 15px 0;
  padding: 0 20px;
}










/* ------------- smoke alert ------------------ */


//Div.smoke-base, DIV.smoke-dialog {font-size: 17px;}

.smoke-base {
 font-size        : initial;
 position         : fixed;  /*absolute;*/
 left             : 0%;
 top              : 0%;
 width            : 100%;
 height           : 110%;
/* height         : 420%; */
 background-color : rgba(0,0,0,.4);
 display          : table;
 z-index          : 1001;
 font-size        : 16px !important;
}

.smoke-dialog_wrapper {
 font             : initial;

 position       : fixed;  /*relative;*/
 vertical-align : middle;
 display        : table-cell;
 font-size      : 16px !important;
}

.smoke-dialog {
 font             : initial;
 position         : fixed;
 width            : 60%;
 margin-left      : 15%;
 margin-top       : 25%; 

/*margin          : 0 auto;*/
 padding          : 20px;
 color            : #202020;
 border           : 1px solid #B6B6B6;
 border-radius    : 28px;
 background-color : #f3f3f3;
 font-family      : Arial;
 font-size        : 16px !important;
 font-weight      : normal;
 text-align       : center;
 line-height      : 24px;
}


.smoke-dialog-buttons {
 vertical-align : middle;
    margin-top: 10px;
}


.smoke-dialog-buttons-ok, .smoke-dialog-buttons-cancel {
    margin: 0 7px;
    padding: 8px 24px;
    border: 0;
    border-radius: 7px;
    outline: 0;
    color: white;
    background: #0E5784;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    line-height: 18px;
    vertical-align: baseline;
    display: inline-block;
    cursor: pointer;
}
.smoke-dialog-buttons-ok:hover, .smoke-dialog-buttons-cancel:hover {
  background: #08344F; /*222;*/
}



.smoke-prompt {
 margin-top : 15px;
 text-align : center;
}

.smoke-prompt-input {
 -moz-box-sizing  : border-box;
 box-sizing       : border-box;
 width            : 75%;
 margin           : 0;
 padding          : 11.2px;
 border           : 1.4px solid #aaa;
 outline          : none;
 font-family      : arial;
 font-size        : 17px;
 background-color : white;
 display          : inline-block;
}

.smoke-dialog-buttons-cancel {
 background-color : rgba(0, 0, 0, .40);
}













/* ***************** Новая форма ***************** */


.lgnForm {
max-width: 97%; 
padding: 32px; 
border-radius: 10px; 
box-shadow: 0 4px 16px #ccc;    /* Тень элемента. 0 - смещение Х, 4 - смещение Y, 16 - степень размытия, #ccc - цвет.*/
font-family: sans-serif; 
letter-spacing: 1px; 
background: #FFFFFF;
}


.nvForm {
/*min-width: 500px;*/ 
max-width: 97%; 
padding: 32px; 
border-radius: 10px; 
box-shadow: 0 4px 16px #ccc;    /* Тень элемента. 0 - смещение Х, 4 - смещение Y, 16 - степень размытия, #ccc - цвет.*/
font-family: sans-serif; 
letter-spacing: 1px; 
background: #FFFFFF;
}



.form_title { 
	text-align: center; 
	margin: 0 0 24px 0; 
	font-weight: normal;
	Font-size: 24px;
}

.form_group {
	position: relative;  
	margin-bottom: 20px; 
	text-align: left;
}


.form_button {
	margin-top: 10px;
	padding: 10px 20px;
	border: none; 
	border-radius: 5px; 
	font-family: sans-serif;
	letter-spacing: 1px;
	font-size: 16px;
	color:#ffffff; 
	background-color: #0E5784; 
	outline: none; 
	cursor: pointer; 
	transition: 0.3s;
	text-transform: none;
	vertical-align: baseline;
	display: inline-block;
	text-align: center;
	width: 150px;
}



.lgnForm .form_button { width: 100px; }
.nvForm .form_button  { width: 150px; }



.form_button:focus,
.form_button:hover {
	background: #08344F;
	/* background-color: rgba(0, 113, 240, 0.7);  #RGBA Цвет фона и значение прозрачности. */
}





.form_input, 
.form_input_E {
	width: 97%;
	padding: 5px 0 5px 0;
	border: none; 
	border-bottom: 1px solid #d5d5d5; 
	background-color: transparent; 
	outline: none;
	transition: 0.3s;
	font-family: sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
}


textarea.form_input,
textarea.form_input_E { 
	margin-left:0px; 
	padding-left:0px; 
	border: 1px solid #e0e0e0; 
	border-bottom: 1px solid #d5d5d5; 
	font-family: sans-serif;
}



.form_input:focus {
	border-bottom: 1px solid #1a73a8;
}



.form_input_E, 
.form_input_E:focus,
textarea.form_input_E, 
textarea.form_input_E:focus {
	border-bottom: 1px solid #DD0000;
}



.form_label, .form_label_E {
	/*position: absolute; */ 
	/*top: 6px;*/ 
	left: 0; 
	z-index: -1;
	color: #1a73a8; 
	/*transition: 0.3s;*/
	/*top: -10px;*/ 
	text-align: left;
	
}

.form_label_E { color: #DD0000; }


.form_label   B { color:green; font-size:19px; }
.form_label_E B { color:green; font-size:19px; }


.err_label {
	position: absolute; 
	top: 24px; 
	right: -12px; 
	z-index: 3;
	color: #888888; 
	transition: 0.3s;
}

.err_label img { width:16px; height:16px; padding: 0 5px 0 5px; }




/* ***************** /Новая форма ***************** */







/* ***************  Крестик "закрыть"  **************** */


.close {
	position: absolute;
	right: 13px;
	top: 13px;
	width: 35px;
	height: 35px;
	opacity: 0.5;
	cursor:pointer;
	border: solid 2px #316294;
	border-radius: 50%;
}

.close:before, .close:after {
	position: absolute;
	left: 16px;
	top: 6px;
	content: ' ';
	height: 22px;
	width: 2px;
	background-color: #004080;
}

.close:before {
	webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close:after {
	webkit-transform: rotate(45deg);
	transform: rotate(-45deg);
}

.close:hover { opacity: 1; }






/* ***************** Замена Window.Open ***************** */


#FrameWindowBG {
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	height:110%;
	display:none;
	background: rgba(0,0,0,0.6);
	z-index: 1002;
}


#FrameWindow {
	position: absolute;   /* для IE */
	background: #FFFFFF;
	top: 20px;
	left: 25px;
	vertical-align:top;
	white-space:nowrap;
	padding: 7px; 
	padding-top: 14px;
	border-radius: 10px; 
	box-shadow: 0 4px 16px #ccc;    /* Тень элемента. 0 - смещение Х, 4 - смещение Y, 16 - степень размытия, #ccc - цвет.*/
	font-family: sans-serif; 
	letter-spacing: 1px; 
	z-index: 1003;
	position: fixed;
	width:780px;
	height:520px;
	display:none;
}


#WindIframe {
	border:0px;
	text-align:center;
	width:710px;
	height:500px;
	margin-right:50px;
	margin-left:20px;
}