/*ОБЩИЕ САМОПИСНЫЕ СТИЛИ*/

/*vars*/
:root {
  --f-family: 'Montserrat', 'Arial', sans-serif;
  --f-size: 14px;
  --f-big: 120%;
  --f-small: 80%;
  --f-weight: 400;
  --f-bold: 600;
  --if-family: iconfont !important;
  --if-size: 40px !important;
  --if-weight: 400 !important;
  --border: 1px solid transparent;

  --sp-s: 5px; /* SIZE POINT */
  --sp-m: 10px;
  --sp-l: 15px;
  --sp-xl: 30px;

  --shadow-s: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.075);
  --shadow-m: 0 0.5rem 1rem hsla(0, 0%, 0%, 0.15);
  --shadow-l: 0 1rem 3rem hsla(0, 0%, 0%, 0.175);
  --shadow-ins-s: inset 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.075);
  --shadow-ins-m: inset 0 0.5rem 1rem hsla(0, 0%, 0%, 0.15);
  --shadow-ins-l: inset 0 1rem 3rem hsla(0, 0%, 0%, 0.175);
  --shadow-0: none;
}
/*END vars*/

.w3-blue-grey, .w3-blue-grey:hover {background-color: #2c3e50 !important;}
.w3-dark-grey, .w3-dark-grey:hover {background-color: #282923 !important;}
.w3-blue, .w3-hover-blue:hover {background-color: #3498da!important;}
.w3-green, .w3-hover-green:hover {background-color: #2ecc71!important;}
.w3-purple, .w3-hover-purple:hover {background-color: #9b59b6!important;}
.w3-black {background-color: #111 !important;}

.d_none {display: none;}
.d_inline {display: inline;}
.d_inline_block {display: inline-block;}
.d_block {display: block;}
.d_table {display: table;}
.d_table_row {display: table-row;}
.d_table_cell {display: table-cell;}
.d_flex {display: flex;}
.d_inline_flex {display: inline-flex;}

.fx_row {flex-direction: row !important;}
.fx_column {flex-direction: column !important;}
.fx_row_reverse {flex-direction: row-reverse !important;}
.fx_column_reverse {flex-direction: column-reverse !important;}
.fx_wrap {flex-wrap: wrap !important;}
.fx_nowrap {flex-wrap: nowrap !important;}
.fx_wrap_reverse {flex-wrap: wrap-reverse !important;}
.fx_fill {flex: 1 1 auto !important;}
.fx_grow_0 {flex-grow: 0 !important;}
.fx_grow_1 {flex-grow: 1 !important;}
.fx_shrink_0 {flex-shrink: 0 !important;}
.fx_shrink_1 {flex-shrink: 1 !important;}
.jc_start {justify-content: flex-start !important;}
.jc_end {justify-content: flex-end !important;}
.jc_center {justify-content: center !important;}
.jc_between {justify-content: space-between !important;}
.jc_around {justify-content: space-around !important;}
.ai_start {align-items: flex-start !important;}
.ai_end {align-items: flex-end !important;}
.ai_center {align-items: center !important;}
.ai_baseline {align-items: baseline !important;}
.ai_stretch {align-items: stretch !important;}
.ac_start {align-content: flex-start !important;}
.ac_end {align-content: flex-end !important;}
.ac_center {align-content: center !important;}
.ac_between {align-content: space-between !important;}
.ac_around {align-content: space-around !important;}
.ac_stretch {align-content: stretch !important;}
.as_auto {align-self: auto !important;}
.as_start {align-self: flex-start !important;}
.as_end {align-self: flex-end !important;}
.as_center {align-self: center !important;}
.as_baseline {align-self: baseline !important;}
.as_stretch {align-self: stretch !important;}

/* margins */
.m_s {margin: var(--sp-s) !important;}
.mt_s {margin-top: var(--sp-s) !important;}
.mr_s {margin-right: var(--sp-s) !important;}
.mb_s {margin-bottom: var(--sp-s) !important;}
.ml_s {margin-left: var(--sp-s) !important;}
.my_s {margin-top: var(--sp-s) !important; margin-bottom: var(--sp-s) !important;}
.mx_s {margin-left: var(--sp-s) !important; margin-right: var(--sp-s) !important;}

.m_m {margin: var(--sp-m) !important;}
.mt_m {margin-top: var(--sp-m) !important;}
.mr_m {margin-right: var(--sp-m) !important;}
.mb_m {margin-bottom: var(--sp-m) !important;}
.ml_m {margin-left: var(--sp-m) !important;}
.my_m {margin-top: var(--sp-m) !important; margin-bottom: var(--sp-m) !important;}
.mx_m {margin-left: var(--sp-m) !important; margin-right: var(--sp-m) !important;}

.m_l {margin: var(--sp-l) !important;}
.mt_l {margin-top: var(--sp-l) !important;}
.mr_l {margin-right: var(--sp-l) !important;}
.mb_l {margin-bottom: var(--sp-l) !important;}
.ml_l {margin-left: var(--sp-l) !important;}
.my_l {margin-top: var(--sp-l) !important; margin-bottom: var(--sp-l) !important;}
.mx_l {margin-left: var(--sp-l) !important; margin-right: var(--sp-l) !important;}

.m_xl {margin: var(--sp-xl) !important;}
.mt_xl {margin-top: var(--sp-xl) !important;}
.mr_xl {margin-right: var(--sp-xl) !important;}
.mb_xl {margin-bottom: var(--sp-xl) !important;}
.ml_xl {margin-left: var(--sp-xl) !important;}
.my_xl {margin-top: var(--sp-xl) !important; margin-bottom: var(--sp-xl) !important;}
.mx_xl {margin-left: var(--sp-xl) !important; margin-right: var(--sp-xl) !important;}

.m_auto {margin: auto !important;}
.mt_auto {margin-top: auto !important;}
.mr_auto {margin-right: auto !important;}
.mb_auto {margin-bottom: auto !important;}
.ml_auto {margin-left: auto !important;}
.my_auto {margin-top: auto !important; margin-bottom: auto !important;}
.mx_auto {margin-left: auto !important; margin-right: auto !important;}

.m_0 {margin: 0 !important;}
.mt_0 {margin-top: 0 !important;}
.mr_0 {margin-right: 0 !important;}
.mb_0 {margin-bottom: 0 !important;}
.ml_0 {margin-left: 0 !important;}
.my_0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.mx_0 {margin-left: 0 !important; margin-right: 0 !important;}
/* END margins */

/* paddings */
.p_s {padding: var(--sp-s) !important;}
.pt_s {padding-top: var(--sp-s) !important;}
.pr_s {padding-right: var(--sp-s) !important;}
.pb_s {padding-bottom: var(--sp-s) !important;}
.pl_s {padding-left: var(--sp-s) !important;}
.py_s {padding-top: var(--sp-s) !important; padding-bottom: var(--sp-s) !important;}
.px_s {padding-left: var(--sp-s) !important; padding-right: var(--sp-s) !important;}

.p_m {padding: var(--sp-m) !important;}
.pt_m {padding-top: var(--sp-m) !important;}
.pr_m {padding-right: var(--sp-m) !important;}
.pb_m {padding-bottom: var(--sp-m) !important;}
.pl_m {padding-left: var(--sp-m) !important;}
.py_m {padding-top: var(--sp-m) !important; padding-bottom: var(--sp-m) !important;}
.px_m {padding-left: var(--sp-m) !important; padding-right: var(--sp-m) !important;}

.p_l {padding: var(--sp-l) !important;}
.pt_l {padding-top: var(--sp-l) !important;}
.pr_l {padding-right: var(--sp-l) !important;}
.pb_l {padding-bottom: var(--sp-l) !important;}
.pl_l {padding-left: var(--sp-l) !important;}
.py_l {padding-top: var(--sp-l) !important; padding-bottom: var(--sp-l) !important;}
.px_l {padding-left: var(--sp-l) !important; padding-right: var(--sp-l) !important;}

.p_xl {padding: var(--sp-xl) !important;}
.pt_xl {padding-top: var(--sp-xl) !important;}
.pr_xl {padding-right: var(--sp-xl) !important;}
.pb_xl {padding-bottom: var(--sp-xl) !important;}
.pl_xl {padding-left: var(--sp-xl) !important;}
.py_xl {padding-top: var(--sp-xl) !important; padding-bottom: var(--sp-xl) !important;}
.px_xl {padding-left: var(--sp-xl) !important; padding-right: var(--sp-xl) !important;}

.p_0 {padding: 0 !important;}
.pt_0 {padding-top: 0 !important;}
.pr_0 {padding-right: 0 !important;}
.pb_0 {padding-bottom: 0 !important;}
.pl_0 {padding-left: 0 !important;}
.py_0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.px_0 {padding-left: 0 !important; padding-right: 0 !important;}
/* END paddings */

/* shadows */
.shadow_s, .shadow_s_hvr:hover {box-shadow: var(--shadow-s);}
.shadow, .shadow_m, .shadow_hvr:hover, .shadow_m_hvr:hover {box-shadow: var(--shadow-m);}
.shadow_l, .shadow_l_hvr:hover {box-shadow: var(--shadow-l);}
.shadow_ins_s, .shadow_ins_s_hvr:hover {box-shadow: var(--shadow-ins-s);}
.shadow_ins, .shadow_ins_m, .shadow_ins_hvr:hover, .shadow_ins_m_hvr:hover {box-shadow: var(--shadow-ins-m);}
.shadow_ins_l, .shadow_ins_l_hvr:hover {box-shadow: var(--shadow-ins-l);}
.shadow_none, .shadow_none_hvr:hover {box-shadow: var(--shadow-0);}
/* END shadows */

/* text styles */
.txt_big {font-size: var(--f-big) !important;}
.txt_small {font-size: var(--f-small);}
.txt_bold {font-weight: var(--f-bold);}
.txt_dots {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
/* END text styles */

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", "Arial", sans-serif;
}
.text-bold {font-family: "Montserrat", "Arial", sans-serif;}
.text-uppercase {text-transform: uppercase;}
a:hover {color: cadetblue;}
a[href=""] {
	cursor: default;
	pointer-events: none;
}
[class^="icon-"]:before, [class*=" icon-"]:before {font-size: var(--if-size);}

/*HEADER*/
.flag {
	height: 40px;
  width: 40px;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  margin: 0 var(--sp-s);
}
.flag.ru {background-image: url(../img/russia-flag-square-icon-256.png);}
.flag.eng {background-image: url(../img/united-kingdom-flag-square-icon-256.png);}
.flag.de {background-image: url(../img/germany-flag-square-icon-256.png);}
/*end HEADER*/

/*CONTENT*/
article {
  overflow: hidden;
  border-radius: 8px;
  margin-left: 32px;
  padding: 16px;
}
article:nth-child(2n) {
  float: right;
  
  margin-right: 32px;
}
.date {
  min-width: 90px;
  margin-right: var(--sp-m);
  font-weight: 600;
}
/*end CONTENT*/

/*FOOTER*/
footer {padding-top: 25px;}
footer a:hover {color: white;}
/*end FOOTER*/

/*ADAPTIVE STYLES*/
@media (max-width: 600px) {
  article {
    overflow: hidden;
    border-radius: 16px;
    margin-left: 0px;
    width: 100%;
  }
  article:nth-child(2n) {
    margin-right: 0px;
  }
  :root {
    --sp-s: 5px; /* SIZE POINT */
    --sp-m: 10px;
    --sp-l: 15px;
    --sp-xl: 15px;
  
    
  }
}
@media (min-width: 768px) {
	.w3-content {max-width: 750px;}
}
@media (min-width: 992px) {
	.w3-content {max-width: 970px;}
  
}
@media (min-width: 1200px) {
	.w3-content {max-width: 1170px;}
}
/*end ADAPTIVE STYLES*/
.projectDevInfo
{
	right: 0px;
	border: 1px dashed;
	border-radius: 15px;
	padding: 20px;
	margin: 0px;
	text-align: right;
	width: auto;
}
pre
{
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;
}
[class*='icon-']:before{
  font-family: "Glyphter";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.main-p-extr-link {
  font-size: 3em;
  margin-left: 10px;
  margin-right: 10px;
}