@font-face{
	font-family:'Roboto';
	font-style:normal;
	font-weight:normal;
	src:url(res/RobotoRegular.eot);
	src:url(res/RobotoRegular.eot) format('embedded-opentype'),url(res/RobotoRegular.woff) format('woff')
}

body{text-align:center; font-size:12px; font-family:Arial;  margin:0px;background:#fff; min-width:420px;  background-attachment:fixed;  background-position: center; font-family:'Roboto'; }
.ldr{display:none; text-align:right;}



.topblock{width:100%; height: 500px; margin-bottom: 0; background-image: url("res/robot.jpg"); background-size: cover;	background-position: right;	background-repeat: no-repeat; background-color: white; position: relative;}

.content{max-width: 1200px;  text-align: left;}
.cont{width: 96%; left: 2%;
    background: rgba(0,0,0,0.75);
    position: absolute;
    top: 20%;
    border-radius: 1em;
    padding: .3em 2em .7em 2em;
    text-align: center;
    color:white;
    max-width: 100%;
}

.cont a{color: #8dc9ff;  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);}
.cont p{ font-size:.9em;}
.cont_frmt{padding-bottom: 1em; color: #aaa; border-bottom: 1px solid #4d4d4d;}

.topblock h1{padding: .5em; margin-bottom: .5em; border-bottom: 2px solid var(--orang); }

.inp{ width:96%; font-size:1em; padding: 4px; border: 2px solid #05204a;  font-family: Arial;}

#uploadbtn, .file-upload {display: none;}

.custom-button {padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.3em;
    margin: 1em auto;
    display: block;
    max-width: 500px;
}

.custom-button:hover {
    background-color: #45a049;
}

.aiblock{width:100%;  margin-bottom: 3em; background-image: url("res/photocleaner_3_l.jpg");   background-size: contain; background-repeat: repeat-x;  height:300px;}
.aiblock>div{max-width: 1200px;  display: block;}

.aiblock>div>div{ text-align: center; height:300px;}
.aiblock>div>div:nth-child(1) { width: 40%;  display: block; float:left; background-image: url("res/photocleaner_3.jpg");   background-size: contain; background-repeat: no-repeat;  }
.aiblock>div>div:nth-child(2) { width: 60%;  float:right; color: white;  padding: 2em; font-size: 1.4em; }
.aiblock>div>div:nth-child(2) b{color: #c97507; display: block; font-size: 1.2em; margin-bottom: 1em; text-shadow: 0px 0px 3px #000;}

h2{padding: 1em; background: #145270; color: white; font-weight: inherit; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);}

.m_block{
    max-width: 1200px;
    display: block;
    /*
    
    margin: 1em;
    padding: 10px;
    width: 90%;
    position: relative;
    text-align: center;
    font-size: 1.2em;
   */
}


/* две колонки */
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding:10px;
    box-sizing: border-box;
    font-size:0;
    
  }    
  .column {
    font-size:14px;
    display: inline-block;
    border: 0px solid #ccc;
    background-color: rgba(35, 40, 43, 0.0);
    padding: 10px; 
    box-sizing: border-box;
    vertical-align: middle;
  }    
  .c1, .c2, .c3{
    width: 50%;
  }    
  
  .column p  {
    font-size: 1.2em;
    text-align: center;
    margin: 0;
  }    
  .column p b {font-size: 1.3em; margin-bottom: .3em; display: block;}    

  @media (max-width: 800px) {      
    .c1, .c2, .c3 {
      width: 100%;
      margin: 0px;
    }
    .wrp2 .c1, .wrp2 .c2, .wrp2 .c3 {
        width: 100%;
        height: auto;
      } 
  
    .aiblock>div>div:nth-child(1){display: none;}
    .aiblock>div>div:nth-child(2){width: 100%; background-image: url("res/photocleaner_3.jpg");   background-size: contain; background-repeat: no-repeat;}
  }

.wrp2>.column{border: 2px solid var(--orang); border-radius: 2em; vertical-align: top; margin:0 2% 2% 2%; min-width:280px;}
.wrp2>.column:hover{background: var(--orang); color:white; border: 2px solid black;}
.wrp2 .c1, .wrp2 .c2, .wrp2 .c3 {
    width: 29%;
    height: 280px;
    cursor:pointer;
    color:black;
  }    

.wrp2  a{color: black;}


.footer{background: #000000; width: 100%; text-align: center;}
.footer div{display: inline-block; }
.footer>div:nth-child(1){max-width: 1100px;
    font-size: 1.2em;
    color: white;
    width: 100%; 
    padding: 2em;
  }
.footer>div:nth-child(2){width: 2em;
    font-size: 5em;
    padding: .1em;
    background: black;
    text-align: center; display: none;}

.footer_logo{text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); transform: none; color:white;}
.footer_logo>span{color: var(--orang);}
.footer a{color:#4e91f1}
@media (min-width: 700px) {

    .footer>div:nth-child(1){width: calc(100% - 200px);}
    .footer>div:nth-child(2){display: inline-block;}
}
/*>>>> MENU >>>>>*/
/* Theming @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
*/

:root{--white: #f9f9f9; --black: #36383F;  --grey: #85888C; --orang: #e48100; --orangrad: linear-gradient( #ff9d1e, #d87a00);} 

/* Reset */
*{margin: 0; padding: 0; box-sizing: border-box;}



a{text-decoration: none;}
ul{list-style: none;}

/* Header */
.header{
    padding: 0 ;
    background-color: var(--black);
    box-shadow: 0px 0px 1px 0px black;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: 60px;
    
}
/*
.header div{max-width: 1100px;
    transform: translate(-50%, 0);
    left: 50%;
    position: relative;
    text-align: left;}
*/
/* Logo */
.logo{display: inline-block; color: var(--white); font-size: 42px; height:60px; padding: 0 .5em; float: left; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); transform: none;}
.logo>span{color: var(--orang);}

/* Nav menu */
.nav{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 60px;
    background-color: var(--black);
    overflow: hidden;
}

.menu a{display: block; padding: 20px 25px; color: var(--white);}
.menu a:hover{background-color: var(--grey);}
.menu .orng{background-color: var(--orang); padding: 10px; margin: 10px 15px; border-radius: 5px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);}
.menu .orng:hover{background-color: #ff9d1e; color:black; text-shadow: none; }

.nav{max-height: 0;transition: max-height .5s ease-out;}

/* Menu Icon */

.hamb{cursor: pointer; float: right;padding: 28px 23px;}

.hamb-line {
    background: var(--white);
    display: block;
    height: 2px;
    position: relative;
    width: 24px;
}

.hamb-line::before,
.hamb-line::after{
    background: var(--white);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;}

.hamb-line::before{top: 5px;}
.hamb-line::after{top: -5px;}

.side-menu {display: none;}

/* Toggle menu icon */

.side-menu:checked ~ nav{ max-height: 100%;}

.side-menu:checked ~ .hamb .hamb-line {background: transparent;}

.side-menu:checked ~ .hamb .hamb-line::before {transform: rotate(-45deg);top:0;}

.side-menu:checked ~ .hamb .hamb-line::after {transform: rotate(45deg);top:0;}


/* Responsiveness */




@media (min-width: 910px) {
    .nav{
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
        background-color: transparent;
    }
    
    .menu li{ float: left; }

    .menu a:hover{
        background-color: transparent;
        color: var(--grey);
    }
    
    .hamb{display: none;}

    .cont{ width: 45%; left: 2%; top: 25%; max-width: 700px;}

    body{font-size: 14px;}
}

@media (min-width: 1230px) {

    .logo{float: none; transform: translate(-50%, 0);}
    .cont{  left:auto; }
}

.orng_btn {padding: 10px 20px;
    background-image: var(--orangrad);
    color: white;
    border: none;
    cursor: pointer;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}


h3{margin: 1em; font-size: 2em; color:#333;font-family: arial;}
.spolers{border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; background: #ddd; padding: 1em 0;}

details p{text-align: left;
  text-indent: hanging;
  text-indent: 20px;
  margin-bottom: 0;
  padding-bottom: .1em;
}

details table{border-collapse: collapse; border: 1px solid grey; margin-bottom: 1em; }
details b{color:black; font-family: Arial, Helvetica, sans-serif;}
details th, details td {border: 1px solid grey; padding:8px;}
details h5{font-size: 1.2em; padding-top: 1em; color: #222;}
details td span{color:red;}

details tr>td:nth-child(2), details tr>td:nth-child(3){color:rgb(36, 156, 0);}
details tr>td:nth-child(2), details tr>td:nth-child(3), details th>td:nth-child(2), details th>td:nth-child(3){text-align: center;}


details{
    display:block;
    background: #fff;
    max-width:91%;
    border-radius: .3em;
    overflow:hidden;
    margin-bottom: .5em;
    border: 1px solid #666;
  }
  summary::-webkit-details-marker{display:none;}
  summary::-moz-list-bullet{list-style-type:none;}
  summary::marker{display:none;} 
  summary {
     display:block;
     padding: .3em 1em .3em .9em;
     border-bottom: 1px solid #e2e8f0;
     font-size:1.4em;
     cursor: pointer;
     position: relative;
  }
  summary:before {  
    top: .4em;
    right: .3em;
    color: transparent;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
    width: 1em;
    height: 1em;  
    content: "";
    position: absolute;
    transition: transform .5s;
  }
  details[open] > summary:before {
    transform: scale(1,-1);
  }
  summary ~ * {
     padding: 0 1em 10px 1.4em;
  }
  details[open] summary ~ *{ 
    animation: sweep .5s ease-in-out;
  }
  @keyframes sweep {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
  }
  summary:focus {
    outline:0;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
  }



#pdata{position: fixed;
	z-index: 1000;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.75);
	padding: 1em;
	color: white;
	font-family: Arial;
	font-size: .9em;}
#pdata table{width: 100%;   max-width: 1050px;}
#pdata a{color:#74b7ff; }

#pdata .btclose{background: #0058ff;
	border-radius: 1em;
	border: 1px solid #003657;
	color: white;
	line-height: 2em;
	text-align: center;
	cursor: pointer;
	font-size: 1.2em;
	}
#pdata .btclose:hover{background:#02399e; }  


#kf_bg, #alrt_bg, #frm_bg{position: fixed;
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;

top: 0;
left: 0;
}

#alrt .grey_btn,#frm .grey_btn,#frm .green_btn,#frm .blue_btn{max-width: 300px; float: right; margin-top: 10px; margin-left: 10px;}

#kf{z-index: 110;}
#kf_bg{z-index: 100;}
#alrt{z-index: 1010;display:none;}
#alrt_bg{z-index: 1000;display:none;}

#frm{z-index: 910;display:none;}
#frm_bg{z-index: 900;display:none;}

#kf, #alrt, #frm{max-width:800px; user-select: none; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size:1.2em;

    background: white;
    padding: 20px;
    min-width: 320px;
    width: 95%;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
	
}



#frm{display:none; max-width: 750px;}
#alrt{display:none; max-width: 700px; max-height: 500px; overflow-y: scroll;}

.grey_btn_s,.grey_btn, .blue_btn, .blue_btn_na, .green_btn, .red_btn{cursor:pointer;   
text-align:center; 
font-weight:bold;
padding: 5px 10px 5px 10px;
font-size:1em;
font-family:Arial;
/*width: 100%;*/
user-select: none;
}
.blue_btn_na{opacity: 0.7;}
.red_btn{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); 
		background: #d00;
		background:	linear-gradient(to bottom, #ff0000, #af0505); 
		background: -webkit-linear-gradient(bottom, top, #ff0000, #af0505); 
		background: -moz-linear-gradient(bottom, #ff0000, #af0505); 
		background: -o-linear-gradient(bottom,  #ff0000, #af0505); 
		background: -ms-linear-gradient(bottom,  #ff0000, #af0505);
		}
		
.green_btn{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); 
		background: #4c903a;
		background:	linear-gradient(to bottom, #3d7d36, #68c54f); 
		background: -webkit-linear-gradient(bottom, top, #3d7d36, #68c54f); 
		background: -moz-linear-gradient(bottom, #3d7d36, #68c54f); 
		background: -o-linear-gradient(bottom,  #3d7d36, #68c54f); 
		background: -ms-linear-gradient(bottom,  #3d7d36, #68c54f);
		}
.green_btn:hover{
		background: #3e772f;
		background:	linear-gradient(to bottom,#3d7d36, #62a052); 
		background: -webkit-linear-gradient(bottom, top, #3d7d36, #62a052); 
		background: -moz-linear-gradient(bottom, #3d7d36, #62a052); 
		background: -o-linear-gradient(bottom,  #3d7d36, #62a052); 
		background: -ms-linear-gradient(bottom,  #3d7d36, #62a052);
		}	
		
.blue_btn, .blue_btn_na{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); 
		
		background: #3783c3;
		background:	linear-gradient(to bottom, #1b5480, #5a8cb7); 
		background: -webkit-linear-gradient(bottom, top, #1b5480, #5a8cb7); 
		background: -moz-linear-gradient(bottom, #1b5480, #5a8cb7); 
		background: -o-linear-gradient(bottom,  #1b5480, #5a8cb7); 
		background: -ms-linear-gradient(bottom,  #1b5480, #5a8cb7);
		}
.blue_btn:hover{
		background: #2e6da2;
		background:	linear-gradient(to bottom, #1b5480, #2b4f6f); 
		background: -webkit-linear-gradient(bottom, top, #1b5480, #2b4f6f); 
		background: -moz-linear-gradient(bottom, #1b5480, #2b4f6f); 
		background: -o-linear-gradient(bottom,  #1b5480, #2b4f6f); 
		background: -ms-linear-gradient(bottom,  #1b5480, #2b4f6f);
		}		
.grey_btn,.grey_btn_s{color:black;
		
		background: #ddd;

		}
.grey_btn_sel{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
		
		background: #0D0;
		background:	linear-gradient(to bottom, #090, #0D0); 
		background: -webkit-linear-gradient(bottom, top, #090, #0D0); 
		background: -moz-linear-gradient(bottom, #090, #0D0); 
		background: -o-linear-gradient(bottom,  #090, #0D0); 
		background: -ms-linear-gradient(bottom,  #090, #0D0);
		}
.grey_btn:hover,.grey_btn_s:hover{background: #555; text-shadow: 0px; color:white;}
.grey_btn_sel:hover{background: #ddd; text-shadow:none; color:#090;}

.blue_btn:active{color:#333;}

.treaty{text-align:left;user-select: none; padding: 1em; width:calc(100% - 2em);  }
.treaty li, .treaty h3, .treaty h1, .treaty h4{margin-left:-2em;}

#foot{width:calc(100% -10px); border-top:1px solid #777; padding: 5px; color: #555; margin-top: 20px; font-size:.8em; } 
#foot a{color: #555; text-decoration:underline;text-decoration-style: dotted;}


.ursmail_inp {
    font-size: 2em;
    width: 90%;
    text-align: center;
    border-radius: 5px;
}

.ursmail_inp:focus {
    border-color: #05204a;
}

.ursmail_bt {
font-size: 1.5em;
margin-top: 10px;
padding: 5px;
}
/*
#hdr{width:100%;  border-bottom:1px solid #777; user-select: none; min-width:320px; padding:3px 0px; height: 73px;}
#hdr table{ width:100%; max-width:1000px; min-width:320px; display: inline-table;}
#hdr table > tbody > tr > td:nth-child(1) { width:5%; text-align:center; font-size:.8em; color: #555; white-space: nowrap;}
#hdr table > tbody > tr > td:nth-child(2) { width:95%; text-align:right;}

#content{min-height: 500px; max-width:1000px; min-width:300px; display:block; padding-top: 30px; display: inline-block;}


#content h1{margin: 0px 0px 10px 0px;}

.logo{height: 4.5em; user-select: none;}

.fnd_tbl{display: inline-table;}
.fnd_tbl, .z2{ width:97%; font-size:1.3em; color: #fff;  user-select: none; }
.fnd_tbl input{ width:96%; font-size:1em; padding: 4px; border: 2px solid #05204a;  font-family: Arial;}
.fnd_tbl > tbody > tr > td:nth-child(1) { width:5%; }
.fnd_tbl > tbody > tr > td:nth-child(3) { width:15%; }

.fnd_tbl .green_btn{min-width: 3em; } 

.info{display:inline-block; width: 98%; margin: 0px; padding: 0px;}

.d{user-select: none; padding: 9px; font-size:1.1em; font-family: Arial; cursor:pointer; color: #00D; background: #DDD; border: 1px solid #fff; list-style: none;}
.d:hover{background: #ccc; color:#000; }

.in{display:none; padding:1%; border-left:1px solid #bbb; border-right:1px solid #bbb;  margin: 0 .5%; font-size:1.1em; }
.in p{ text-align:left;}

.a{user-select: none; width: 95%; }
.ia{display:none; padding:7px; text-align:left;  width: 95%;  }


.z2, #pyldr, #i_trf{display:none;}
iframe{height:340px;}

@media (max-width:700px)  {
   .z1{display:none;}
   .z2{display:inline-block;}

}

@media (max-width:500px)  { 
   body{font-size:13px;}
   iframe{height:250px;}
}

@media (max-width:400px)  { 
   body{font-size:12px;}
   iframe{height:230px;}
}



.grey_btn_s,.grey_btn, .blue_btn, .blue_btn_na, .green_btn, .red_btn{cursor:pointer;   
text-align:center; 
font-weight:bold;
padding: 5px 10px 5px 10px;
font-size:1em;
font-family:Arial;

user-select: none;
}
.blue_btn_na{opacity: 0.7;}
.red_btn{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); 
		background: #d00;
		background:	linear-gradient(to bottom, #ff0000, #af0505); 
		background: -webkit-linear-gradient(bottom, top, #ff0000, #af0505); 
		background: -moz-linear-gradient(bottom, #ff0000, #af0505); 
		background: -o-linear-gradient(bottom,  #ff0000, #af0505); 
		background: -ms-linear-gradient(bottom,  #ff0000, #af0505);
		}
		
.green_btn{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); 
		background: #4c903a;
		background:	linear-gradient(to bottom, #3d7d36, #68c54f); 
		background: -webkit-linear-gradient(bottom, top, #3d7d36, #68c54f); 
		background: -moz-linear-gradient(bottom, #3d7d36, #68c54f); 
		background: -o-linear-gradient(bottom,  #3d7d36, #68c54f); 
		background: -ms-linear-gradient(bottom,  #3d7d36, #68c54f);
		}
.green_btn:hover{
		background: #3e772f;
		background:	linear-gradient(to bottom,#3d7d36, #62a052); 
		background: -webkit-linear-gradient(bottom, top, #3d7d36, #62a052); 
		background: -moz-linear-gradient(bottom, #3d7d36, #62a052); 
		background: -o-linear-gradient(bottom,  #3d7d36, #62a052); 
		background: -ms-linear-gradient(bottom,  #3d7d36, #62a052);
		}	
		
.blue_btn, .blue_btn_na{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); 
		
		background: #3783c3;
		background:	linear-gradient(to bottom, #1b5480, #5a8cb7); 
		background: -webkit-linear-gradient(bottom, top, #1b5480, #5a8cb7); 
		background: -moz-linear-gradient(bottom, #1b5480, #5a8cb7); 
		background: -o-linear-gradient(bottom,  #1b5480, #5a8cb7); 
		background: -ms-linear-gradient(bottom,  #1b5480, #5a8cb7);
		}
.blue_btn:hover{
		background: #2e6da2;
		background:	linear-gradient(to bottom, #1b5480, #2b4f6f); 
		background: -webkit-linear-gradient(bottom, top, #1b5480, #2b4f6f); 
		background: -moz-linear-gradient(bottom, #1b5480, #2b4f6f); 
		background: -o-linear-gradient(bottom,  #1b5480, #2b4f6f); 
		background: -ms-linear-gradient(bottom,  #1b5480, #2b4f6f);
		}		
.grey_btn,.grey_btn_s{color:black;
		
		background: #eee;

		}
.grey_btn_sel{color:white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
		
		background: #0D0;
		background:	linear-gradient(to bottom, #090, #0D0); 
		background: -webkit-linear-gradient(bottom, top, #090, #0D0); 
		background: -moz-linear-gradient(bottom, #090, #0D0); 
		background: -o-linear-gradient(bottom,  #090, #0D0); 
		background: -ms-linear-gradient(bottom,  #090, #0D0);
		}
.grey_btn:hover,.grey_btn_s:hover{background: #fff; text-shadow: 0px; color:black;}
.grey_btn_sel:hover{background: #ddd; text-shadow:none; color:#090;}

.blue_btn:active{color:#333;}

.c_a, .c_l , .c_l-t { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.c_a, .c_r, .c_r-t  { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.c_a, .c_l , .c_l-b { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.c_a, .c_r, .c_r-b  { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.rmk{ user-select: none; border:1px solid #0a61bd; padding: 1em 0.2em; color: #333; background: #0b82ec; margin: 15px 5px; }



#results{text-align: left;
padding: 10px;
margin: -15px 9px 10px 9px;
text-align: center;
}
#results h3{margin: 0px;}
#results h3 table{width:100%;}
#results h3 .prc{text-align:right; color:#900;}
#results span{color:#010875;padding: 2px 0px; display: inline-block;}
#results i{color:#666;padding: 3px 0px; display: inline-block;}

#results.bad{border-left: 2px solid red;border-bottom: 2px solid red;border-right: 2px solid red;}
#results.bad b{color:red; font-size:1.1em; margin:.4em;}

#results.good{border-left: 2px solid #0a61bd;border-bottom: 2px solid #0a61bd;border-right: 2px solid #0a61bd;}

.kf_t_ldr{display:none;}

.bl1, .bl2{
	margin: 1%;
	max-width: 650px;
	display:inline-block;	
	width: 47.5%;
	vertical-align: top;
}

.bl2{text-align: left;}


.imgd, .hiddenphotos{
	border:1px solid #507e95;
	max-width: 650px;
	width:30%;
	height:30%; margin: 0px 0px 1.4% 2.7%; 
	display:inline-block;	white-space: nowrap;
	overflow: hidden;
	position:relative;
	user-select: none;
	background:white;
	text-align:center;
	font-size: 1em;
}

.nophoto {background-image: url("https://antiznak.ru/res/nophoto.jpg");	background-size: cover;	background-position: center;	background-repeat: no-repeat;}
.errtxt{border: .3em solid red;
	white-space: inherit;
	padding: 2em;
	font-size: 1.1em;
	width: calc(100% - 4.6em);
	margin: 0px 0px 15px 0px;}
.nobalance{display: block;
	border-radius: 5px;
	background: #109910;
	padding: 10px 0px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	margin: 1% 1%;}
.nophotoerr{display:inline-block;padding:1em; text-align: center; width: calc(100% - 2em); margin : 0px 0px 15px 0px; border:2px solid #9e0c0c;}
.nophotoerr b,.errtxt b{color: red;}

.video{ 
	border:1px solid #507e95;
	max-width: 650px;
	width: 100%;
	height: 350px;
	margin: 2em 0px 20px 0px;
	display:inline-block;	
	white-space: nowrap;
	overflow: hidden;
	position:relative;
	user-select: none;
	background:white;
	text-align:center;
}
.video b{margin: 5px;display: block;color:#913131;}
.videoa {
	width: 100%;
	height: calc(100% - 25px);
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.videoa div{background-image: url("https://antiznak.ru/res/ytb.png");
	background-size: cover;
	width: 100px;
	height: 72px;
	background-repeat: no-repeat;
	left: calc(50% - 46px);
	top: calc(50% - 36px);
	position: absolute;}
.videoa2, .videoa3 {
	z-index: 5;
	position: absolute;
	bottom: 0px;
	padding: 15px 0 15px 0;
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: block;
}
.videoa2{	left: 0px;	width:60%; background: #9b0303;}
.videoa3{	right: 0px;	width:40%; background: #109910;}
.videoa2:hover{background: #5f0101;}
.videoa3:hover{background: #0b6d0b;}

.imgd>center{height: 7.5em;}
.imgd>center i {font-size: 3.5em; font-weight: bold; color: #2eac2e;}

@media (max-width:780px)  { 
  .bl1, .bl2{width: 94%;}
  .imgd, .video{margin: 0px 1% 1% 1%; }
}

@media (max-width:500px)  { 
  .bl1, .bl2{width: 94%;}
  .imgd, .video{margin: 0px 1% 1% 1%;}
}

@media (max-width:500px)  { 
  .bl1, .bl2{width: 94%;}
  .imgd, .video{margin: 0px 1% 1% 1%;}
}


.imgd .bgd{
background-size: cover;
width: 110%;
height: 110%;
filter: blur(3px);
position: absolute;
left: -10px;
top: -10px;
display:none;
}


.imgd .imd{
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 3;
display:none;
	}


.imgd a:nth-child(1) img{visibility: hidden;}


.dwnlnk, .dwnl_video{z-index: 5;
position: absolute;
bottom: 0px;
right: 0px;
background: #109910;
padding: 15px 30px;
text-decoration: none;
color: white;
font-weight: bold;
display:none;
}

.dwnl_video {display:block;}

.dwnlnk_all{display:block;
width:calc(100% - 60px);
border-radius:5px;
background: #109910;
padding: 10px 30px;
text-decoration: none;
color: white;
font-weight: bold;
margin-bottom:15px;
}

.da_load{background: #3a7b3a;}

.dwnlnk:hover, .dwnl_video:hover, .dwnlnk_all:hover{background: #070;}
.dwnlnk:active, .dwnl_video:active,  .dwnlnk_all:active{background: #030;}
.da_load:hover{background: #75a675;}


.zoom{

width: 100%;
height: 100%;
opacity:0.7;
display: none;
right: 0px;
top: 0px;
position: absolute; z-index: 4;
}

.zoomcrs{cursor: zoom-in;}

.zoom:hover{opacity:0.9;}
.zoom:active{opacity:1;}

#snd{
	border:2px solid #ca7e7e;
	padding:.5em;
	margin-bottom:10px;
	text-align:center;
	font-size:1.1em;
	font-family: arial;
	color: #333;
	min-height: 55px;
	display: none;
}

#snd .blue_btn, .blue_btn_na {
width: calc(48% - 0.8em);
display: inline-block;
margin: 1%;
padding: 0.4em;
}

.redt{color: #f30303;  font-size: 1.25em;}

#kf_bg, #alrt_bg, #frm_bg{position: fixed;
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;

top: 0;
left: 0;
}

#alrt .grey_btn,#frm .grey_btn,#frm .green_btn,#frm .blue_btn{max-width: 300px; float: right; margin-top: 10px; margin-left: 10px;}

#kf{z-index: 110;}
#kf_bg{z-index: 100;}
#alrt{z-index: 1010;}
#alrt_bg{z-index: 1000;}

#frm{z-index: 910;}
#frm_bg{z-index: 900;}

#kf, #alrt, #frm{max-width:800px; user-select: none; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size:1.2em;

    background: white;
    padding: 20px;
    min-width: 320px;
    width: 95%;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
	
}

#frm{max-width: 750px;}
#alrt{max-width: 700px; max-height: 500px; overflow-y: scroll;}
font{font-size:1.1em; color:#D00;}

.cmt{font-size:.8em;}
.kf_t{ width:100%; border-spacing: 10px; border-collapse: separate; max-width: 500px;  display: inline-block; }
.kf_t tbody tr td:nth-child(1){text-align:left;}

#kf input[type="text"]:nth-child(1){ width:99%; font-size:1em; padding: 4px; border: 2px solid #05204a;  font-family: Arial; text-align:center;}
#kf input[type="email"]{ width:99%; font-size:1em; padding: 4px; border: 2px solid #05204a;  font-family: Arial; text-align:center;}

button {margin: .7em;
    font-size: 1.3em;
    padding: .5em;}



#kf .green_btn:nth-child(1){width: auto;}

#kf hr, #alrt hr, #frm hr{height: 1px; background: #cac2c2;border: 0px;}
.in hr{height: 1px; background: #cac2c2;border: 0px;}


.prerzd, .pstrzd{ 
    z-index: 3;
    position: relative;
    padding: 5px 15px 7px 15px;margin: 0px -3px;text-shadow: 0px 0px 3px rgb(255 255 255);}
	
.prerzd{background: #cee3f7;}
.prerzd div{
margin: 3px -15px 3px -13px;
padding: 3px 13px;
width: 100%;
background: #a3cff9;
color: #17334f;}

.pstrzd{margin-top: 110px; background: #eefbea;
border: 1px solid #9de698; text-align:center;}

.rzd{    width: 100%;
    margin: -40px 0px;
    display: block;
    height: 1px;
    position: relative; z-index: 2;} 
.rzd div:nth-child(1){    transform: rotate(6deg);
   border-bottom: 1px solid #9ee1f4;
    width: 50.7%;
    float: left;
    margin-left: 1px;    
	height: 50px;
    background: #cee3f7;}
.rzd div:nth-child(2){    transform: rotate(-6deg);
border-bottom: 1px solid #9ee1f4;
    width: 50.7%;
    position: absolute;
    right: 0px;  
    height: 50px;
    background: #cee3f7;}

#kf .blue_btn{

margin: .3em;
font-size:.9em;
display: inline-table;

vertical-align: middle;

}
#kf .blue_btn>span{display: table-cell;
        vertical-align: middle;
        text-align:center;
}

.trf {
display: inline-block;
vertical-align: top;
cursor:pointer;
margin: .4em;
border: 2px solid #176edf;
}

.trf:hover{border: 2px solid #124d99;}
	
.trf>div{width: 8em; display:block; }
.trf .green_btn{    display: inline;}

.trf>div>span{font-size:.8em; color:#888;}

.trf>div>div:nth-child(1){ background: #176edf; color: white;}
.trf div div:nth-child(3), .trf div div:nth-child(7){ font-size: 1.2em; font-weight: bold;}

.trf div div:nth-child(3) div{font-size: .8em; margin-top: -6px; margin-bottom: 5px;}

.trf div div:nth-child(7){

color: #106010; 
}
.trf div div:nth-child(8){
background: #176edf;
color: white;
padding: 2px 0px 5px 0px;
border: 4px solid;
}

#kf_pay a{ text-decoration: none;}
#kf_pay{display:block; margin-top: 10px;}
#kf_pay input[type="text"]{ width:100%; max-width:400px; font-size:1em; padding: 4px; border: 2px solid #05204a;  font-family: Arial; text-align:center;}
#kf_pay .green_btn{width: auto;max-width:400px;}
#kf_pay table{display:inline-block;}
#kf_pay form{text-align: center; display: inline-block;}

.p7{padding: 16px 0px;}

input[type="checkbox"]{width:20px; height:20px;}


.ky, .ky0{
display: inline-block;
padding: 3px 1em;
color: white;
white-space: nowrap;
text-align: center;
cursor:pointer;
}
.slc{ user-select: text;}
.kf_t span{font-size: .8em;}

.ky b{font-family: arial; text-shadow: 0px 0px 1px #000;}

.ky{background: #0b82ec;}
.ky0{background: #ec0b20;}



#getemail{ width:99%; font-size:1em; padding: 4px; border: 2px solid #05204a;  font-family: Arial; text-align:center;}
#err_ml, #ldr_ml{color:red; display:none;}

#getphn{padding: 5px;
margin: 10px;
font-size: 1.6em;}

.apitb{border-collapse: collapse;  background:#CCC;}
.apitb td{ border: 3px solid #fff; padding:8px;}
.apicode{width: calc(100% - 40px);
	resize: none;    
	background: url(/res/tarea_nums.png);
    background-attachment: local;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 10px;
    border-color:#ccc;
	line-height: 16px;
	overflow-x: auto;}
	
.lft{text-align: left;}



.anims{position: relative; width:100%; height:290px; text-align: center; user-select: none;}
.anim,.anim_wm{
    width: 100%;
    height: 290px;
    border-radius: 4px;
	position: absolute;
	visibility:hidden;
	
}
.anim{background-image: url(res/anim/1.jpg);background-position: center; background-size: cover;}
.anim_wm{z-index:3;font-size: 4.1em; line-height: .75em; white-space: nowrap; filter: blur(0.5px); display: table;}
.bl1 .anim:nth-child(3){z-index:1;transition: all 0.2s ease-out; } 
.bl1 .anim:nth-child(2){z-index:2;transition: all 0.2s ease-out;} 

.no_br{white-space: nowrap;}
.w1{width:1%;}
.centr{text-align:center; display:inline-block;}


.anim_wm div{opacity: 0.7;
color: white;
display: table-cell;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
font-family: 'Roboto';
padding: 0px; 
image-rendering: pixelated;
height: 290px;vertical-align: middle; transition: all 0.9s ease-out;  }
.anim_wm div span{font-size: .65em;font-family: Arial;font-weight: bold;}


.i--blur {
   -webkit-filter:blur(20px);
  filter: blur(8px);
  letter-spacing: 5px;
  image-rendering: pixelated;
  font-stretch: semi-expanded;
  line-height: 1.5em; 
}
	
.i--blur2 {
  filter: brightness(2) grayscale(1);
}
	
.tber {display: inline;}
.tber td{text-align:left; padding:2px; vertical-align: top;max-width: 600px;}



.ya-share2{opacity:.5;}
.ya-share2:hover{opacity:.8;}

._up_{
padding-bottom: 4px;
background: #6290cc;
display: block;
border-radius: 5px;
color: white;
font-size: 1.9em;
text-decoration: none;
}

._up_:hover{background: #426ca2;}


.ctrl1, .ctrl2 {
width: calc(100% - 4em);
max-width: 325px;
position: relative;
display: inline-block;
vertical-align: top;
margin: .5em;
text-align: left;
padding: 1em;
}

.ctrl1{border: 1px solid #bbb;}
.ctrl2{background: #bed7ff; border: 1px solid #9bc2ff;text-align: center;}


.ctrl1 hr{margin: 1em -1em;}

.py_txt {margin: .5em;}
.py_txt span{font-size:.8em; color:#444; }
.py_txt td{text-align:left;}

.py_bts{font-size:.8em; width:100%; }
.py_bts a{color:#666; text-decoration:underline;text-decoration-style: dotted;}
.py_bts a:hover{color:#00d;}

.prcpay {
display: block;
width: 100%;
font-size: 1.3em;
padding: 5px 1px;
margin: -10px 0 0 0;
position: relative;
text-align: center;
}

.prcrange {
width: 102%;
padding: 0px;
display: block;
z-index: 10;
position: relative;
margin: 0px;
}

._ptit{font-size:.9em; color:#777;margin-bottom: .4em;}
._ptit b{font-size:1.3em;color:#222;}

.ctrl2 h4{color: #fff;
margin: -1em -1em .8em -1em;
padding: .5em;
background: #5881a6; text-shadow: 0 0 3px rgba(0,0,0,0.3);}

.ctrl2 h5{color: #3e3e3e; font-weight: inherit; margin: 1em 0 0 0; }

.ctrl2 input[type=radio] {height:1em;}
.ctrl2 label {font-size: .9em;}

.mnt{font-size: .7em;
color: #1e3146;
margin-top: 1em;}

.a12{ text-decoration:underline;text-decoration-style: dotted; font-size: .7em;}
.a13{text-decoration: none; font-size: 1.1em;margin-bottom: .5em;display: block;padding: 5px;width: calc(100% - 10px);border: 1px solid #095f79;color: #0f1a5e;border-radius: 5px;text-align: center;background: #ececec;}
.a13:hover{border: 1px solid #084b93; color: #fff; background: #057dfd;}
.a13:last-child{margin-bottom: 0px;}

.p2b{padding: .2em;
background: #5090d5;
cursor: pointer;
margin-bottom: .5em;
color: white;
border: 1px solid #3a6a9d;}

#minpay{display: none;
color: red;
font-weight: bold;
background: white;
margin: 0 -1em -1em -1em;}

#pdata{position: fixed;
	z-index: 1000;
	bottom: 0;
	width: calc(100% - 2em);
	background: rgba(0,0,0,0.75);
	padding: 1em;
	color: white;
	font-family: Arial;
	font-size: .9em;}
#pdata table{width: 100%;   max-width: 1050px;}
#pdata a{color:#74b7ff; }

#pdata .btclose{background: #0058ff;
	border-radius: 1em;
	border: 1px solid #003657;
	color: white;
	line-height: 2em;
	text-align: center;
	cursor: pointer;
	font-size: 1.2em;
	}
#pdata .btclose:hover{background:#02399e; }

.pravo{border-radius: 1em;
	padding: 1em;
	border: 2px solid red;}

.pravo a, #pdata a, #fpravo a{text-decoration:underline;text-decoration-style: dotted;}

#fpravo{display:none; 
	margin-bottom: -10px;
	color: #b1dbff;
	font-size: .9em;border-top: 1px solid #679dcc;}
#fpravo a{color:#c0e0fc;}

#pdata a:hover, #fpravo a:hover{color:#ffffff; }


.prodamus-payform-widget {
	z-index: 998;
	position: fixed;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 675px;
	height: 100%;
	max-height: 740px;
	top: 50%;
  }
  
#upd_prodamus_bg {
  z-index: 997;
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	background:rgba(0,0,0,0.5);
	display:none;
	text-align:center;
	vertical-align:middle;
  }
#upd_prodamus_bg span{ font-size:2em; color:white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
  
#upd_prodamus{background:#f4f5f8; width:140px; height:40px; padding-top: 10px; z-index:999;  position:fixed; }
#upd_prodamus a{text-decoration: underline; color:#aaa; font-size: 12px; font-family: "Roboto", "Arial", "Helvetica", sans-serif;}
  
.prodamus-white-label-widget {width: 100%; height: 100%;}

.w100{width:100%;}

.simtxt{
	height: 1em;
	border-radius: .2em;
	margin-bottom: .7em;
	width: 100%;
	margin-right: .7em;
	display: inline-block;
	
}
.animload{
	background: #ccc;
	box-shadow: 0 -200px 100px -120px #E5E5E5 inset;
	animation: background 1s infinite alternate;
	border-color: #fff;
	color:#888;
}

@keyframes background {
	100% {
	  background: #E5E5E5;
	  box-shadow: 0 -200px 100px -100px #ccc inset;
	}
}

.loader {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	border: 3px solid;
	border-color: #aaa #aaa transparent transparent;
	box-sizing: border-box;
	animation: rotation 2s linear infinite;
  }
  .loader::after,
  .loader::before {
	content: '';  
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border: 3px solid;
	border-color: transparent transparent #777 #666;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-sizing: border-box;
	animation: rotationBack 0.8s linear infinite;
	transform-origin: center center;
  }
  .loader::before {
	width: 32px;
	height: 32px;
	border-color: #bbb #bbb transparent transparent;
	animation: rotation 3s linear infinite;
  }
	  
  @keyframes rotation {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  } 
  @keyframes rotationBack {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(-360deg);
	}
  }
	  


.prel3{width: 6.8em; width: 6.87em; height: 1.3em;  text-align: center;} 
.loader3 {
	transform: rotateZ(45deg);
	perspective: 1000px;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	color: #fff;
  }
	.loader3:before,
	.loader3:after {
	  content: '';
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: inherit;
	  height: inherit;
	  border-radius: 50%;
	  transform: rotateX(70deg);
	  animation: 1s spin linear infinite;
	}
	.loader3:after {
	  color: #435297;
	  transform: rotateY(70deg);
	  animation-delay: .4s;
	}

  @keyframes rotates {
	0% {
	  transform: translate(-50%, -50%) rotateZ(0deg);
	}
	100% {
	  transform: translate(-50%, -50%) rotateZ(360deg);
	}
  }

  @keyframes rotateccw {
	0% {
	  transform: translate(-50%, -50%) rotates(0deg);
	}
	100% {
	  transform: translate(-50%, -50%) rotates(-360deg);
	}
  }

  @keyframes spin {
	0%,
	100% {
	  box-shadow: .2em 0px 0 0px #999;
	}
	12% {
	  box-shadow: .2em .2em 0 0 #999;
	}
	25% {
	  box-shadow: 0 .2em 0 0px #999;
	}
	37% {
	  box-shadow: -.2em .2em 0 0 #999;
	}
	50% {
	  box-shadow: -.2em 0 0 0 #999;
	}
	62% {
	  box-shadow: -.2em -.2em 0 0 #999;
	}
	75% {
	  box-shadow: 0px -.2em 0 0 #999;
	}
	87% {
	  box-shadow: .2em -.2em 0 0 #999;
	}
  }
*/