/*	---------------------------------------------------------------------------------------
Basic styles
---------------------------------------------------------------------------------------*/


body {
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

.profile-link {
    display: block;
    margin: 10px 0 0 0;
    /* padding: 5px; */
    padding: 1px;
    font-size: 12px;
    /* width: 100%; */
    /* float: right; */
    /* border-bottom: 1px solid #ddd; */
}
#article .profile-link {
   margin:  0 0 10px 0;
}

.clr {clear: right;}

.profile-link img {
  max-width: 25px;
  border-radius: 15px;
  display: inline-block;
}

.profile-link a { 
  display: inline-block!important;
}

.profile-date {
  font-style: italic;
  color: #aaa;
}

.profile-date,
.profile-name {
  margin: 0 0 0 10px;
  display: inline-block;
}
.detail-profile {
      display: block;
    width: 100%;
    clear: both;
    padding: 1px;
}
.detail-profile-vizitka {
  display: block;
  width: 100%;
  max-width: 350px;
 
  text-align: center; 
  margin: 0 auto 0 auto;
  
}
.detail-profile-shortinfo {

padding: 1em 2em 2em 2em ; margin: 0 auto 0 auto;font-size: 91%;
  
}
.detail-profile-vizitka-image {
display: block;
    margin: 0 auto 0 auto;
    border: 3px solid #ddd;
    border-radius: 60px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative;

}
.detail-profile-vizitka-image img {
 
  border-radius: 50%;
 

}
.detail-profile-shortinfo h1, .detail-profile-shortinfo h2, .detail-profile-shortinfo h3, .detail-profile-shortinfo h4 {font-family: 'Open Sans', sans-serif;}
.detail-profile-vizitka h2 {font-family: 'Open Sans', sans-serif;margin: 10px 0 0 0 ;}
.detail-profile-vizitka h3 {font-family: 'Open Sans', sans-serif;margin: 5px 0 0 0 ;font-size: 16px;font-style: italic;}
 
.my-3-flex  {
  
        display: flex; /* or inline-flex */
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: stretch;
    

       
      
     
}
.my-3-flex .simple_article h3{
font-size: 16px;letter-spacing: 1px
 
 
       
      
     
}
.my-3-flex .simple_article p{
font-size: 12px   
     
}

.my-3-flex .simple_article{
  flex:1 31%;
        margin: 1%;
        max-width: 31%;
}  


.my-3-flex .simple_article{
  flex:1 31%;
        margin: 1%;
        max-width: 31%;
}  


@media (max-width: 992px) {


  .my-3-flex .simple_article{
    flex:1 48%;
          margin: 1%;
          max-width: 48%;
  }   
}   
@media (max-width: 500px) {


  .my-3-flex .simple_article{
    flex:1 98%;
          margin: 1%;
          max-width: 98%;
  }   
}   
 
.my-3-flex .simple_article img{
 width: 100%;
}

/* ------------------------------- Size --------------------------*/

.details .wrapper .table.w30p, .w30p {width: 33%;}
/* .w30p {border-left:1px solid #efefef; } */
.w30p_inside {padding: 0 1em;}
.w50p {width: 49.5%;}
.w50p_inside {padding: 0 2em;}
.w48p {width: 47.5%;}
.w20p {width: 20%;}
.w20p_inside {padding:  1em;}
.w70p {width: 63%;}


.mt5em {margin : 2em 1em 2em 1em;}

.w50p {width: 49.5%;}
.w48p {width: 47.5%;}
.w20p {width: 20%;}
.w70p {width: 69.5%;}
.w100p{width: 100%;}  

/* ------------------------------- Font  --------------------------*/

.fzs {font-size: 85%;}
.fz10 {font-size: 1.0em;}
.fz11 {font-size: 1.1em;}
.fz13 {font-size: 1.3em;}
.fz15 {font-size: 1.5em;}
.fz20 {font-size: 2.0em;}
.fz25 {font-size: 2.5em;}
.fz05 {font-size: 0.5em;}
.fz08 {font-size: 0.8em;}

/* ------------------------------- Float --------------------------*/


.fll {float: left;}
.flr {float: right;}
.cleaner {clear: both;}

span.cleaner {
  clear: both;
  display: block;
  position: relative;
}

/* ------------------------------- padding --------------------------*/

.lpp {padding-left: 5%;}

.p10 {padding: 10px;}
.p20 {padding: 20px;}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 1em;
}

.p-2 {
  padding: 2em;
}

.pv-0 {padding-top: 0;padding-bottom: 0;}
.ph-0 {padding-left: 0;padding-right: 0;}

.pt05em {padding-top: 0.5em;}

.p1em {padding: 1em;}
.p2em {padding: 2em;}
.p3em {padding: 2em;}
.pt1em {padding-top: 1em;}
.pt2em {padding-top: 2em;}
.pt3em {padding-top: 3em;}
.pb1em {padding-bottom: 1em;}
.pb2em {padding-bottom: 2em;}
.pb3em {padding-bottom: 3em;}
.pl1em {padding-left: 1em;}
.pl2em {padding-left: 2em;}
.pl3em {padding-left: 3em;}
.pr1em {padding-right: 1em;}
.pr2em {padding-right: 2em;}
.pr3em {padding-right: 3em;}

.pv1em {padding-top:1em ;padding-bottom: 1em;} 
.pv2em {padding-top:2em ;padding-bottom: 2em;} 
.pv3em {padding-top:3em ;padding-bottom: 3em;}  

.ph1em {padding-left:1em ;padding-right: 1em;} 
.ph2em {padding-left:2em ;padding-right: 2em;} 
.ph3em {padding-left:3em ;padding-right: 3em;}  

.p10p {padding: 10%;}
.p20p {padding: 20%;}


/* ------------------------------- margin --------------------------*/
.m1em {margin: 1em;}
.m2em {margin: 2em;}
.m3em {margin: 3em;}
.mt1em {margin-top: 1em;}
.mt2em {margin-top: 2em;}
.mt3em {margin-top: 3em;}
.mb1em {margin-bottom: 1em;}
.mb2em {margin-bottom: 2em;}
.mb3em {margin-bottom: 3em;}
.ml1em {margin-left: 1em;}
.ml2em {margin-left: 2em;}
.ml3em {margin-left: 3em;}
.mr1em {margin-right: 1em;}
.mr2em {margin-right: 2em;}
.mr3em {margin-right: 3em;}

.mv-0 {margin-top: 0;margin-bottom: 0;}
.mh-0 {margin-left: 0;margin-right: 0;}

.mv1em {margin-top:1em ;margin-bottom: 1em;} 
.mv2em {margin-top:2em ;margin-bottom: 2em;} 
.mv3em {margin-top:3em ;margin-bottom: 3em;}  

.mh1em {margin-left:1em ;margin-right: 1em;} 
.mh2em {margin-left:2em ;margin-right: 2em;} 
.mh3em {margin-left:3em ;margin-right: 3em;}  

.m0 {margin: 0;}
/* ------------------------------- border  --------------------------*/

.bt1so {border-top: 1px solid #ddd;}
.bt1da {border-top: 1px dashed #ddd;}
.bt1do {border-top: 1px dotted #ddd;}
.bb1so {border-bottom: 1px solid #ddd;}
.bb1da {border-bottom: 1px dashed #ddd;}
.bb1do {border-bottom: 1px dotted #ddd;}
.bl1so {border-left: 1px solid #ddd;}
.bl1da {border-left: 1px dashed #ddd;}
.bl1do {border-left: 1px dotted #ddd;}
.br1so {border-right: 1px solid #ddd;}
.br1da {border-right: 1px dashed #ddd;}
.br1do {border-right: 1px dotted #ddd;}

/* ------------------------------- position and display  --------------------------*/

.relative {position: relative;}
.absolute {position: absolute;}

.dnone {display: none;}
.dblock {display: block;}

.tar {text-align: right;}
.tac {text-align: center;}