/*anonsbox*/
.box {text-align: center; border: 1px solid #cfd8dc; background-color: #f0f8ff63; max-width: 840px; width: 100%; height: auto; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: medium; line-height:1.2; padding: 5px;}

/*anonscard*/
.page_card {margin-bottom: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1); transition: all .3s cubic-bezier(.25,.8,.25,1);}

div.pikcontainer {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}
/*ssulki*/
.alink {
	color: #00008B;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	font-weight: bold;
	/*text-align: center;*/
}
.alink:hover {
	text-decoration: underline;
	color: #39afdb;
}
/*Pervaya_Bukvica*/
.first-letter {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 3em; 
    color: #006; 
    float: left;
    margin: 0 4px 2px 0; 
   }
/*mark spisok*/
.sborder {
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
list-style: none;
padding: 0;
}
.sborder li {
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
text-indent: 15px;
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 5px;
border-left: 10px solid #f05d22; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
     -2px -2px 5px 0 rgba(0,0,0,.1),
    2px 2px 5px 0 rgba(0,0,0,.1),
    -2px 2px 5px 0 rgba(0,0,0,.1);
font-size: medium;
letter-spacing: 0px;
transition: 0.3s all linear;
}
.sborder li:nth-child(2){border-color: #8bc63e;}
.sborder li:nth-child(3){border-color: #fcba30;}
.sborder li:nth-child(4){border-color: #1ccfc9;}
.sborder li:nth-child(5){border-color: #493224;}
.sborder li:hover {border-left: 10px solid transparent;}
.sborder li:nth-child(1):hover {border-right: 10px solid #f05d22;}
.sborder li:nth-child(2):hover {border-right: 10px solid #8bc63e;}
.sborder li:nth-child(3):hover {border-right: 10px solid #fcba30;}
.sborder li:nth-child(4):hover {border-right: 10px solid #1ccfc9;}
.sborder li:nth-child(5):hover {border-right: 10px solid #493224;}

.photo
{
	text-align: center;
	margin-right: 5px;
	margin-bottom:10px;
	margin-top: 10px;
}

.obchii {
	text-align: justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-right: inherit;
	text-indent: 15px;
	padding-right: 3px;
	padding-top: 5px;
	font-size: 16px;
	line-height:1.2;
	} 

 .zaglrazdel {
	text-align: center;
	color: #3366ff  !important;
	font-size: medium;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-bottom:10px;
	margin-top: 10px;
	line-height:1.2;					
	}
.videlenie {
	text-align: center;
	font-size: medium;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #006;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 7px;
	line-height:1.1;
}
.text {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
}
.vazhno {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #F00;
	font-weight: bold;
	padding-bottom: 7px;
	padding-top: 5px;
	font-size: medium;
	text-align: center;
	line-height:1.1;
}

/*dlya diagrammy krug*/
.pie {
    width: 200px; height: 200px;
    border-radius: 50%;
    background: #DC3912;
    background-image: linear-gradient(to right, transparent 50%, currentColor 0);
    color: #3366CC;
margin: 0 auto;
}
.pie::before {
    content: '';
    display: block;
    margin-left: 50%;
    height: 100%;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: inherit;
    transform-origin: left;
    transform: rotate(-175deg)/*rotate(-170deg)*/;
}
.firstsector {
color: #fff;
	font-size: 26px;
  font-weight: bold;
	font-family: Arial, Helvetica, sans-serif !important;
  text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
position: relative; 
  top: -60%;
  margin-left: 15%;
}
.secondsector {
color: #fff;
	font-size: 26px;
  font-weight: bold;
	font-family: Arial, Helvetica, sans-serif !important;
  text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
position: relative; 
  top: -60%;
  margin-left: 60%;
}
.dright {
   /* margin-left: 170px;*/
    position: relative; 
  /*top: -160px;*/
  }
.lired {
    color: #DC3912;
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif !important;
  }
.liblue {
    color: #3366CC; 
       font-size: 26px;
    font-family: Arial, Helvetica, sans-serif !important;
  }
  
  .projects-page__card {
	font-family: Roboto,Open Sans,sans-serif;
	font-size: .82491em;
    text-align: center;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    min-height: 420px;
}
.cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
}
/*vkladki*/
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display:none; }
.tabs>div { display: none;
    padding: 12px;
    border: 0px solid #C0C0C0;
    background: #FFFFFF;
}
.tabs>label {
    display: inline-block;
    padding: 7px;
    margin: 0 -5px -1px 0;
    text-align: center;
    color: #666666;
    border: 1px solid #C0C0C0;
    background: #E0E0E0;
    cursor: pointer;
    font-size: medium;
	width:828px;
    height:32px;
}
.tabs>input:checked + label {
    color: #000000;
    border: 1px solid #C0C0C0;
    border-bottom: 1px solid #FFFFFF;
    background: #5BB7D6;
    font-size: medium;
	width:828px;
    height:32px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4,
#tab_5:checked ~ #txt_5,
#tab_6:checked ~ #txt_6 { display: block; 	height:430px; }
/*6 kolonok*/
#sixcolumns {
    display: table;
    width: 100%;
    box-sizing: border-box;  /* не поддерживается в CSS2 */
    margin-left: 0;
    margin-right: 0;
}

#sixcolumns > div,
#sixcolumns > noindex > div {
    display: table-cell;
    vertical-align: top;
    width: auto;
	max-width: 850px;
	font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif;
	font-size: medium;
	line-height:1.2;
	text-align: center;
    box-sizing: border-box;  /* не поддерживается в CSS2 */
}
#sixcolumns > #one,
#sixcolumns > noindex > #one {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 140px;
    min-width: 140px;
    width: 100%; 
	height: auto;
}

#sixcolumns > #two,
#sixcolumns > noindex > #two {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 140px;
    min-width: 140px;
    width: 100%; 
	height: auto;
    /*overflow: hidden;*/
}
#sixcolumns > #three,
#sixcolumns > noindex > #three {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 140px;
    min-width: 140px;
    width: 100%; 
	height: auto;
}
#sixcolumns > #forth,
#sixcolumns > noindex > #forth {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 140px;
    min-width: 140px;
    width: 100%; 
	height: auto;
}
#sixcolumns > #forth,
#sixcolumns > noindex > #forth {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 140px;
    min-width: 140px;
    width: 100%; 
	height: auto;
}
#sixcolumns > #five,
#sixcolumns > noindex > #five {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 140px;
    min-width: 140px;
    width: 100%; 
	height: auto;
}
#sixcolumns > #six,
#sixcolumns > noindex > #six {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 140px;
    min-width: 140px;
    width: 100%; 
	height: auto;
}
/*3 kolonki*/
#threecolumns {
    display: table;
    width: 100%;
    box-sizing: border-box;  /* не поддерживается в CSS2 */
    margin-left: 0;
    margin-right: 0;
}

#threecolumns > div,
#threecolumns > noindex > div {
    display: table-cell;
    vertical-align: top;
    width: auto;
	max-width: 840px;
	font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif;
	font-size: medium;
	line-height:1.2;
	text-align: center;
    box-sizing: border-box;  /* не поддерживается в CSS2 */
}
#threecolumns > #one,
#threecolumns > noindex > #one {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 280px;
    min-width: 280px;
    width: 100%; 
	height: auto;
	padding: 15px;
}

#threecolumns > #two,
#threecolumns > noindex > #two {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 280px;
    min-width: 280px;
    width: 100%; 
	height: auto;
    /*overflow: hidden;*/
	padding: 15px;
}
#threecolumns > #three,
#threecolumns > noindex > #three {
	margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    max-width: 280px;
    min-width: 280px;
    width: 100%; 
	height: auto;
	padding: 15px;
}