/* для IE */
@font-face {
font-family:'Franklin Gothic Medium Cond';
src:local('Franklin Gothic Medium Cond'),
url('framdcn.eot?');
}

/* для не IE */
@font-face {
font-family:'Franklin Gothic Medium Cond';
src:local('Franklin Gothic Medium Cond'),
url('framdcn.ttf') format('truetype');
}

body,p,td { font-family: Arial; font-size: 12px; }
a,.like_a { text-decoration: none; color: #4062b9; }
a:hover { text-decoration: underline }
a.punkt1:hover { text-decoration: none }
input { background: white }
h5 {font-size:12px;}

p { margin-top:0px }

#example1,#example2,#example3,#example4,#example5,#example6,#example7,#example8,
.example1,.example2,.example3,.example4,.example5,.example6,.example7,.example8,.zoom_cur
{
 cursor:url(zoomin.cur),auto;
}

.punkt-table { background: url("images/table-bk_.png"); background-repeat: no-repeat }
.punkt-table1 { background: url("images/table-bk1_.png"); background-repeat: no-repeat }

.punkt-header,.punkt-header1 { font-family: Franklin Gothic Medium Cond, Times, Tahoma, Arial; font-weight: bold; font-style: italic; font-size: 19px; color: #505050; margin-left: 32px; text-align:left; margin-top:-2px; }
.punkt-header1 { color: #505050; font-size: 20px; margin-bottom:20px; margin-top:-4px; }

.punkt-text,.punkt-text1,.punkt-text2,.punkt-text3,.tip-text,.MsoNormal { font-family: Franklin Gothic Medium Cond, Times, Tahoma, Arial; font-size: 17px; color: #606060; line-height: 115% }
.punkt-text { text-align: justify; margin-left: 32px }
.punkt-text2 { text-align: justify }
.punkt-text3 { text-align: right }
.tip-text { font-family: Tahoma, sans-serif; font-size:11px; font-weight:bold; color:#4062b9; line-height:1.3em; }

td.punkt-text1 { text-align:left }

.dotted { border-style: dotted; border-color: #e0e0e0; border-width: 1px; width: 160px; }
.dotted_pic { border-style: dotted; border-color: #e0e0e0; border-width: 1px; width: 160px; height: 160px; text-align: center; background: url('images/pict_back.png'); }

.m-header,.m-header1 { text-align: center; font-family: Tahoma; font-size: 14px;  background: #dfeaff; color: #606060; line-height:110%; padding: 1px 0px 1px 0px; }
.m-header {  background-color: #a8a8a8; color: white }
.m-header2 { text-align: center; font-family: Tahoma; font-size: 14px; font-weight: bold }

.m-header,.m-header1,.m-header2 {
        -webkit-border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
}

.m-footer,.m-footer1,.m-footer2 { font-family: Tahoma; font-size: 11px; color: #606060; text-align: justify }
.m-footer,.m-footer2 { text-align: center; font-size: 12px; }
.m-footer2 { background-color: #f0f4ff }

.m-footer1,.remark2 { font-weight:normal; line-height:130% }
.m-footer { font-weight:normal; line-height:120% }

.nocorners {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
}

.corners,.ft,.mk {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
}

.m-text,.m-text_nogr,.mini,.p_gall { font-family: Tahoma; text-align: center; font-size: 14px; color: #404040; font-weight: normal; line-height:110% }
.m-text2 { font-family: Franklin Gothic Medium Cond, Tahoma, Arial; text-align: center; font-size: 15px; font-weight: normal }
.p_gall { font-weight:bold; color:#606060 }

.mini { text-decoration:none }
.mini:hover { color: #4062b9 }

.punkt,.punkt1,.punkt11,.punkt2,.punkt3 { font-size: 15px; font-family: Tahoma; font-weight: bold; color: #505050; text-decoration: none; margin-top:0px }
.punkt1:hover,.punkt11:hover { color: #4062b9 }
.punkt11 { font-size: 12px; color: #4062b9 }
.punkt11:hover { text-decoration:none }
.punkt2 { text-align: justify }
.punkt3 { text-align: right }

.menuitem { position:relative; top:-25px; margin-bottom:-13px; text-align:center }
.menuitem1 { position:relative; top:-21px; margin-bottom:-11px; text-align:left; margin-left:-5px } 

.symb { font-family: Arial; font-size: 16px; color: #4062b9 }
#fancybox-title-inside,.msg,.msg1,.msg2,.msg0,.msg3 { font-family: Franklin Gothic Medium Cond, Times, Tahoma, Arial; font-weight: bold; font-size: 22px; color: #505050 } 

.msg1 { font-size: 14px; text-align: left }
.msg2 { font-size: 15px }
.msg0 { font-size: 18px }
.msg3 { font-size: 20px }
.inp,.inp1 { width: 290px; height: 20px; font-family: Arial,MS Sans Serif; font-size: 14px; color: #404040; 
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}

.inp2 { width: 184px;font-family:Arial;font-size:12px; }

.inp { width: 108px; background: #fefefe }
.arrow { font-family: Arial; font-size: 11px }

.perl { font-weight: bold; font-family: Arial, Times, Franklin Gothic Medium Cond; font-style: italic; font-size: 13px; height: 85px; margin-bottom: -85px; position: relative }
.perl { text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px; filter:Glow(Strength=3,Color=black) }
.glw2 { text-shadow: #202020 2px 2px 2px, #202020 -2px -2px 2px, #202020 -2px 2px 2px, #202020 2px -2px 2px; filter:Glow(Strength=3,Color=#202020) }
.birth { margin-top:-23px; text-shadow: white 2px 2px 1px, white -2px -2px 1px, white -2px 2px 1px, white 2px -2px 1px; filter:Glow(Strength=3,Color=white) }

ol.punkt-text1 {
  margin: 0;
  counter-reset: li;
  list-style: none;
  padding: 10px;
}
ol.punkt-text1 li {
  position: relative;
  margin: 0 0 40px 2em;
  padding: 6px 0px 4px 18px;
  border-top: 2px solid #707070;
  transition: .3s linear;
}
ol.punkt-text1 li:last-child {margin-bottom: 0;}
ol.punkt-text1 li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: -2em;
  width: 2em;
  box-sizing: border-box;
  margin-right: 8px;
  padding: 4px;
  border-top: 2px solid #707070;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  background: #707070;
  color: white;
  font-weight: normal;
  text-align: center;
}

.remark { font-size:16px; margin-top:-6px; color:gray;}

.answer { background:url('images/sep.gif'); margin-left: 46px; padding-left: 16px; color: #404070; display:block }

.nb { font-weight: normal }

.hint,.hint1 { cursor: help; }

.hint { color: #108932; text-decoration:none; border-bottom: 2px dotted #209942  }

.m-header1 span.hint { color: #e8ffe8 }

.pointer { cursor: pointer }

.id_altai,.id_baikal,.id_ural,.id_zs,.id_tyan-shan,.id_m_a,.id_kam,.id_kav,.id_asia,.id_krym,.id_armenia,.id_otw { }

.id_altai2,.id_baikal2,.id_ural2,.id_zs2,.id_tyan-shan2,.id_m_a2,.id_kam2,.id_kav2,.id_asia2,.id_krym2,.id_armenia2,.id_otw2 { display:none; }
.id_all,.id_altai3,.id_baikal3,.id_ural3,.id_zs3,.id_tyan-shan3,.id_m_a3,.id_kam3,.id_kav3,.id_asia3,.id_krym3,.id_armenia3,.id_otw3 { color:#4062b9; background-color:#dfeaff }

.aa:hover { color:#4062b9 }

.sml_corners,.id_all,.id_altai,.id_baikal,.id_ural,.id_zs,.id_tyan-shan,.id_m_a,.id_kam,.id_kav,.id_asia,.id_krym,.id_armenia,.id_otw,
.id_all2,.id_altai2,.id_baikal2,.id_ural2,.id_zs2,.id_tyan-shan2,.id_m_a2,.id_kam2,.id_kav2,.id_asia2,.id_krym2,.id_armenia2,.id_otw2,
.id_all3,.id_altai3,.id_baikal3,.id_ural3,.id_zs3,.id_tyan-shan3,.id_m_a3,.id_kam3,.id_kav3,.id_asia3,.id_krym3,.id_armenia3,.id_otw3 { 
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}

.big_corners {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
}

.mega_corners {
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        border-radius: 80px;
}

.up_corners {
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;
}

.up_corners_big {
        -webkit-border-radius: 20px 20px 0px 0px;
        -moz-border-radius: 20px 20px 0px 0px;
        border-radius: 20px 20px 0px 0px;
}

.up_corners_small {
        -webkit-border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
}

.bottom_corners_big {
        -webkit-border-radius: 0px 0px 26px 26px;
        -moz-border-radius: 0px 0px 26px 26px;
        border-radius: 0px 0px 26px 26px;
}

.bottom_corners_medium {
        -webkit-border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
}

.bottom_corners_small {
        -webkit-border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
}

.wiki_pic {  margin:0px 0px 5px 0px; border-color:#AAA; }

table.formula td {line-height:100%}

ul.punkt li:hover, ul.msg li ul.punkt li:hover { list-style-type: disc } 
ul.punkt li, ul.msg li ul.punkt li { list-style-type: circle } 
ul.msg, ul.punkt { text-align:left; line-height:125% }

ul.msg { list-style-type:none }
.gallerybox { float:left }
.gallerytext { margin-top:-50px }

.m-text {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e0e0e0,  #ffffff); /* for firefox 3.6+ */
background: -o-linear-gradient(top,  #e0e0e0,  #ffffff); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0,  #ffffff); /* IE10+ */ 
}

.grad_grey {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f0f0f0,  #ffffff); /* for firefox 3.6+ */
background: -o-linear-gradient(top,  #f0f0f0,  #ffffff); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0,  #ffffff); /* IE10+ */ 
}

.m-text3 {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfeaff', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#dfeaff), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #dfeaff,  #ffffff); /* for firefox 3.6+ */
background: -o-linear-gradient(top,  #dfeaff,  #ffffff); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dfeaff,  #ffffff); /* IE10+ */ 
}

.grad_cyan {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f4ff', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f0f4ff), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f0f4ff,  #ffffff); /* for firefox 3.6+ */
background: -o-linear-gradient(top,  #f0f4ff,  #ffffff); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f4ff,  #ffffff); /* IE10+ */ 
}

#fancybox-title-inside, .shadow {
      text-shadow: 2px 2px 2pt #ccc;
     }

.punkt-header, .punkt-header1 {
      text-shadow: 2px 2px 2pt #fff; 
     }

.hdr { font-weight:bold }
.sml { font-size: 10px }

fieldset { text-align:left }

.ft { color:yellow; background-color:#5072c9; white-space:nowrap; text-shadow: black 0px 0px 0px; padding: 0px 3px 0px 3px }
.mk { color:red; background-color:white }
.imeninnik { background:url('images/imeninnik.png'); background-position: right 25px; background-repeat: no-repeat; }
.imeninnik_plus { background:url('images/birthday.jpg'); background-position: right 25px; background-repeat: no-repeat; }
.birthdate { text-align:center;color:red;font-weight:bold;font-size:12px;line-height: 115%  }

.border { border: #888 solid 1px }

.inp,.inp1,textarea {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border:1px solid rgba(0,0,0, 0.2);
    background: #white;
}

.inp:focus,.inp1:focus,textarea:focus {  
    box-shadow: 0 0 5px rgba(64, 98, 185, 1);
    -webkit-box-shadow: 0 0 5px rgba(64, 98, 185, 1); 
    -moz-box-shadow: 0 0 5px rgba(64, 98, 185, 1);
    border:1px solid rgba(64,98,185, 0.8); 
    background: #dfeaff;
}

.glow2 {
    box-shadow: 0 0 25px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 25px rgba(255, 255, 255, 1); 
    -moz-box-shadow: 0 0 25px rgba(255, 255, 255, 1);
}

.not_yet { 
 opacity: 0.5;
 filter: gray; /* IE6-9 */
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
// filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.0\'/></filter></svg>#grayscale"); /*     Firefox 10+, Firefox on Android */
// filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feComposite operator=\'arithmetic\' k1=\'0\' k2=\'1\' k3=\'0\' k4=\'0\' in=\'SourceGraphic\' in2=\'SourceGraphic\' /><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\' /></filter></svg>#grayscale"); /*     Firefox 10+, Firefox on Android */
// filter: url( /filters.svg#grayscale );   

 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0.0'/></filter></svg>#grayscale"); /*     Firefox 10+, Firefox on Android */

}

.warn { margin-bottom:-2px }

ul div li { color:#505050 }

ul li div { color:#505050 }

.telb { color:black }
.telw { color:white; /*background-color: rgba(0, 0, 0, 0.33)*/ }

.w1000 { width: 1000px }
.w980 { width:980px }
.w948 { width:948px }
.w840  { width: 840px }
.w800, .punkt-table { width: 780px }
.w780, .punktw, .punkt-text2 { width: 760px }
.w760 { width: 740px }
.wi760 { width: 760px }
.w740 { width: 720px }
.wi740 { width: 720px }
.w710 { width: 710px }
.w640 { width: 640px }
.wi640 { width: 640px }
.w620 { width: 620px }
.w610 { width: 610px }
.w606 { width: 606px }
.w600 { width: 600px }
.w580 { width: 580px }
.w530 { width: 530px }
.w460 { width: 460px }
.w436 { width: 436px }
.w440 { width: 440px }
.w400 { width: 400px }
.wi400 { width: 400px }
.w360 { width: 360px }
.w350 { width: 350px }
.w300 { width: 310px }
.a330 { width: 330px }
.a300 { width: 300px }
.wi250 { width:250px }
.w220 { width: 220px }
.h296 { height: 296px; }
.h186 { height: 186px }
.w120 { width: 120px }
.w460h350 { width: 460px; height: 330px }
.w240h160 { width: 240px; height: 160px }
.perl, .punkt-table1 { width: 660px }
.ds { filter:drop-shadow(5px 5px 2pt rgba(0,0,0,.3)) } 
.ytvideo {width: 700px; height: 394px}

.cover1 {
    width: 700px;
}

.cover2 {
    object-fit: cover;
    width: 348.5px;
    height: 233px;
}

.cover3 {
    object-fit: cover;
    width: 231.3px;
    height: 154px;
}

.cover0 {
    width:160px; 
    height:160px;
    background-color:#C0C0C0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cover01 {
    object-fit: contain;
    width: 150px;
    height: 150px;
}

.cover0a {
    width:146px; 
    height:146px;
    background-color:lightgray;
    border:1px solid gray;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cover01a {
    object-fit: contain;
    width: 140px;
    height: 140px;
}

.plus li, .minus li, .galka li { list-style-type: none; } 
.plus     li:before { content: "+ "; color:green; font-family:Arial; font-weight:bold; font-size:20px }
.galka     li:before { content: "\2713\0020"; color:green; font-family:Arial; font-weight:bold; font-size:20px }
.minus    li:before { content: "- "; color:red;   font-family:Arial; font-weight:bold; font-size:20px }


.men_pic { width:8px; margin-top:2px; margin-bottom:-5px; margin-right:1px }

.ask1 tr { height:23px }

.po_logo { margin-left:20px; margin-right:-20px; margin-top:14px }

.copyr1 { width: 230px; text-align:center; color:black; text-shadow: white 1px 1px 1px } 
.copyr2 { color:black; font-size: 14px; text-shadow: white 1px 1px 1px; text-align: center; }

.copyr3 { height: 23px; text-align:left; vertical-align: middle; color:white; text-shadow: black 1px 1px 1px; padding-left: 22px }
.copyr4 { font-family: Arial; font-weight: normal; height: 30px; vertical-align:middle; color:white; font-size: 13px; text-shadow: black 1px 1px 1px; text-align: right; letter-spacing: 1.9px }

.important,.menubutton { display:none }

.id_territory_logo { width:430px; height:160px }

.old_pic { margin:5px 5px 5px 5px; }

.altai { font-size:47px; }
.warn2 {width: 760px }
.a1 { width:724px; }
.b1 { width: 690px }
.border1 { border: solid #aaa 1px  }
.border2 { border: 2px solid #a0a0a0 }

.gradient {
//  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, black 0%, transparent 33%);
  background-size: cover;
  background-position: bottom;
}