@charset "utf-8";
.breadcrumb {display:none;
    }

body {
    background: #ffffff !important;
}
.logo_image_container img {
    width: 140px;
}
.ui-112 .wsmenucontainer .row .col-md-3:nth-child(4n + 1) {clear:both} 
.header_menu_container {z-index:20;}
.ui-114 .wsmenucontainer .row .col-md-4:nth-child(3n + 1) {clear:both} 
.ui-114 .ui-114-content {width:100%;}
@import url(https://fonts.googleapis.com/css?family=Bitter);

* {
  box-sizing: border-box;
}

blockquote {
  position: relative;
  display: inline-block;
  background: #eee;
  padding: 40px 30px 30px 60px;
  border-radius: 10px;
  font-family: 'Bitter', serif;
  color: #333;
  text-align: left;
  
  box-shadow: 1px 1px 1px #999,
              2px 2px 1px #999,
              3px 3px 1px #999;
  transition-duration: .3s;
  
  span.author {
    position: relative;
    display: block;
    text-align: right;
    margin-top: 5px;
    color: #999;
    
    i {
      position: relative;
      background: #eee;
      padding-left: 5px;
      font-style: italic;
      z-index: 5;
    }
    
    &::before {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 1px;
      background: #ccc;
      z-index: 1;
    }
  }
  
  &:hover {
    box-shadow: 1px 1px 5px #999,
                2px 2px 6px #999,
                3px 3px 7px #999;
  }
  
  &::before {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    content: "\"";
    font-family: 'Bitter', serif;
    font-size: 120px;
    color: #999
  }
}

.page .page__demo .timeline{
  --uiTimelineMainColor: var(--timelineMainColor, #222);
  --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);

  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.page .page__demo .timeline:before{
  content: "";
  width: 4px;
  height: 100%;
  background-color: var(--uiTimelineMainColor);

  position: absolute;
  top: 0;
}

.page .page__demo .timeline__group{
  position: relative;
}

.page .page__demo .timeline__group:not(:first-of-type){
  margin-top: 4rem;
}

.page .page__demo .timeline__year{
  padding: .5rem 1.5rem;
  color: var(--uiTimelineSecondaryColor);
  background-color: #a53838;

  position: absolute;
  left: 0;
  top: 0;
}

.page .page__demo .timeline__box{
  position: relative;
}

.page .page__demo .timeline__box:not(:last-of-type){
  margin-bottom: 30px;
}

.page .page__demo .timeline__box:before{
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--uiTimelineMainColor);

  position: absolute;
  left: 0;
  z-index: -1;
}

.page .page__demo .timeline__date{
  min-width: 65px;
  position: absolute;
  left: 0;

  box-sizing: border-box;
  padding: .5rem 1.5rem;
  text-align: center;

  background-color: var(--uiTimelineMainColor);
  color: var(--uiTimelineSecondaryColor);
}

.page .page__demo .timeline__day{
  font-size: 15px;
  font-weight: 700;
  display: block;
}

.page .page__demo .timeline__month{
  display: block;
  font-size: .8em;
  text-transform: uppercase;
}

.page .page__demo .timeline__post{
  padding: 1.5rem 2rem;
  border-radius: 2px;
  border-left: 3px solid var(--uiTimelineMainColor);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24);
  background-color: var(--uiTimelineSecondaryColor);
}

@media screen and (min-width: 641px){

.page .page__demo .timeline:before{
    left: 30px;
  }

.page .page__demo .timeline__group{
    padding-top: 55px;
  }

.page .page__demo .timeline__box{
    padding-left: 80px;
  }

.page .page__demo .timeline__box:before{
    top: 50%;
    transform: translateY(-50%);  
  }  

.page .page__demo .timeline__date{
    top: 50%;
    margin-top: -18px;
  }
}

@media screen and (max-width: 640px){

.page .page__demo .timeline:before{
    left: 0;
  }

.page .page__demo .timeline__group{
    padding-top: 40px;
  }

.page .page__demo .timeline__box{
    padding-left: 20px;
    padding-top: 70px;
  }

.page .page__demo .timeline__box:before{
    top: 90px;
  }    

.page .page__demo .timeline__date{
    top: 0;
  }
}

.page .page__demo .timeline{
  --timelineMainColor: #ea890d;
  font-size: 16px;
}

@media screen and (min-width: 768px){


}

@media screen and (max-width: 767px){


}

/*
* demo page
*/



.page .page__demo p{
 
  line-height: 1.8;
}

.page .page__demo p:last-child{
  margin-bottom: 0;
}

.page{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.page .page__demo {
  flex-grow: 1;
}



@media screen and (min-width: 361px){

 .page .page__demo .footer__container{
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 360px){

.page .page__demo .melnik909{
    display: none;
  } 
}

.karya {
  
border: 1px solid #eee !important;
padding: 10px;
-webkit-transition: .3s;
transition: .3s;
margin-bottom: 15px;
}
.karya:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,.2);
}
.tile1 {
    border: 1px solid!important;
    height: 130px!important;
    height: 130px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    display: block!important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2)!important;
}
h3.nam1{
      font-size: 16px!important;
    text-align: center!important;
    color: #ffffff!important;
    font-weight: 700!important;
    margin-bottom: 0px!important;
    line-height: 20px!important;
    background: #7883bb;
    padding: 10px;
}
.ac-container label p{font-size: 15px !important; margin: 10px;}
.ac-container article.ac-small ul{padding:10px;}
.ac-container article.ac-small ul li{margin-bottom:15px; padding-left:15px;}
.ac-small ul li:nth-child(odd) { border-left: 5px solid #b53636;}
.ac-small ul li:nth-child(even) { border-left: 5px solid #efab1b;}

.ac-container label {
       height: 130px !important;
    line-height: 21px !important;
    font-size: 15px !important;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 19px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3), 1px 0 0 rgba(255,255,255,0.9) inset, 0 2px 2px rgba(0,0,0,0.1);
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    margin-bottom: 20px;
}

.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}

.ac-container label:hover {
    background: #fff;
}

.ac-container input:checked + label,.ac-container input:checked + label:hover {
    background: #d4d3d3;
    color: #666;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    line-height: 21px;
    font-size: 13px;
}

.ac-container label:hover:after,.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}

.ac-container input:checked + label:hover:after {
    background-image: url(../images/arrow_up.png);
}

.ac-container input {
    display: none;
}

.ac-container article {
    background: rgba(255,255,255,0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.ac-container article p {
    font-style: normal;
    color: #777;
    line-height: 23px;
    font-size: 10px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    font: normal normal 12px 'Open Sans';
}

.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
}

.ac-container input:checked ~ article.ac-small {
    height: auto;
}

.ac-container input:checked ~ article.ac-medium {
    height: 180px;
}

.ac-container input:checked ~ article.ac-large {
    height: 230px;
}

.lis-num ul {
  list-style: none;
  margin-left: 2em;
  counter-reset: line;
}
.lis-num ul > li {
    position: relative;
    margin-bottom: 1.5em;
	list-style:none;
}
.lis-num ul> li:before {
      position: absolute;
    left: -2.25em;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 0.5em;
    background-color: #ea7534;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1.75em;
    counter-increment: line;
    content: counter(line);
	
}

.lis-num ul> li> a {
 text-decoration:none; 	
 color:#333;
 
	}
.news-page .newscontent p, .news-page .newscontent p span, .news-page .newscontent div, .news-page .newscontent div span {
    font-size: 18px !important;
	font-family: Mukta !important;
}	
.lis-num li.hlf {display:inline-block; width:49%;}