@keyframes fadein {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
/*
@keyframes loading {
 0% {
  background:#27314a
 }
 50% {
  background:#a2afce
 }
 to {
  left:100%;
  background:#27314a
 }
}
*/
@keyframes blink {
 50% {
  opacity:.5
 }
}
@keyframes fallTop {
 0% {
  -webkit-transform:translateY(-100px);
  -moz-transform:translateY(-100px);
  -o-transform:translateY(-100px);
  transform:translateY(-100px);
  opacity:0
 }
}
@keyframes fallLeft {
 0% {
  -webkit-transform:translateX(-100px);
  -moz-transform:translateX(-100px);
  -o-transform:translateX(-100px);
  transform:translateX(-100px);
  opacity:0
 }
}
@keyframes fallRight {
 0% {
  -webkit-transform:translateX(100px);
  -moz-transform:translateX(100px);
  -o-transform:translateX(100px);
  transform:translateX(100px);
  opacity:0
 }
}
@keyframes pulse {
 0%,to {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -o-transform:translateY(0);
  transform:translateY(0)
 }
 50% {
  -webkit-transform:translateY(-15px);
  -moz-transform:translateY(-15px);
  -o-transform:translateY(-15px);
  transform:translateY(-15px)
 }
}
@keyframes stretch {
 0% {
  width:0
 }
 to {
  width:100%
 }
}
@keyframes bot {
 0% {
  opacity:0;
  -webkit-transform:translateY(50px) scale(.7);
  -moz-transform:translateY(50px) scale(.7);
  -o-transform:translateY(50px) scale(.7);
  transform:translateY(50px) scale(.7)
 }
}
@keyframes msg {
 0% {
  opacity:0;
  -webkit-transform:translateY(20px) scale(.6);
  -moz-transform:translateY(20px) scale(.6);
  -o-transform:translateY(20px) scale(.6);
  transform:translateY(20px) scale(.6)
 }
}
.right-content-part { 
  position: relative; 
  overflow: hidden;
 }
.loading-wrapper {
  position: relative;
  top:0;
  width:calc(100% - 63px);
  height: 100%;
  display: none;
  background:#eeeeee;
  -webkit-box-shadow: inset 3px 0px 12px -2px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 3px 0px 12px -2px rgba(0,0,0,0.4);
  box-shadow: inset 3px 0px 12px -2px rgba(0,0,0,0.4);
}
@media only screen and (max-width: 400px) {
  .loading-wrapper {
    width: 100%;
  }
}
.page-is-changing .loading-wrapper {
  display: block;
}
.loading-inner-wrapper{
  padding: 40px;
  width: 100%;
  height: 100%;
}
.loading-wrapper .head {
 overflow:hidden
}
.loading-wrapper .head .title {
 float:left;
 width:110px;
 height:15px;
 background:rgba(208, 208, 208, 0.5);
 margin-top:12px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px
}
.loading-wrapper .head .circle {
 float:left;
 width:35px;
 height:35px;
 margin-left:15px;
 background:rgba(208, 208, 208, 0.5);
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 -ms-border-radius:100%;
 border-radius:100%
}
.loading-wrapper .content {
 margin-top:30px;
 float:left;
 width:100%
}
.loading-wrapper .content .description {
 clear:both;
 float:left;
 width:100%;
 max-width:800px;
 height:10px;
 background:rgba(208, 208, 208, 0.5);
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px
}
.loading-wrapper .content .description.description2 {
 width:190px;
 margin-top:15px;
 margin-bottom:35px
}
.loading-wrapper .items {
 float:left;
 width:100%
}
.loading-wrapper .items .block {
 -webkit-box-shadow:0 1px 4px rgba(0,0,0,.03);
 -moz-box-shadow:0 1px 4px rgba(0,0,0,.03);
 box-shadow:0 1px 4px rgba(0,0,0,.03);
 background:#fff;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 width:100%;
 height:85px;
 margin:0 20px 12px 0;
 padding:20px 0 0 25px
}
.loading-wrapper .items .block .circle {
 float:left;
 width:23px;
 height:23px;
 background:rgba(208, 208, 208, 0.5);
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 -ms-border-radius:100%;
 border-radius:100%
}
.loading-wrapper .items .block .title {
 float:left;
 width:60px;
 height:15px;
 background:rgba(208, 208, 208, 0.5);
 margin-left:8px;
 margin-top:5px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px
}
.loading-wrapper .items .block .description {
 clear:both;
 float:left;
 width:40%;
 height:10px;
 background:rgba(208, 208, 208, 0.5);
 margin-left:30px;
 margin-top:7px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 border-radius:10px
}
.loading-wrapper .blink {
 -webkit-animation:blink infinite ease-in-out 1s;
 -moz-animation:blink infinite ease-in-out 1s;
 -o-animation:blink infinite ease-in-out 1s;
 animation:blink infinite ease-in-out 1s
}
.loading-wrapper .fallTop {
 -webkit-animation:fallTop .8s;
 -moz-animation:fallTop .8s;
 -o-animation:fallTop .8s;
 animation:fallTop .8s
}
.loading-wrapper .fallLeft {
 -webkit-animation:fallLeft 1s;
 -moz-animation:fallLeft 1s;
 -o-animation:fallLeft 1s;
 animation:fallLeft 1s
}
.loading-wrapper .fallRight {
 -webkit-animation:fallRight 1s;
 -moz-animation:fallRight 1s;
 -o-animation:fallRight 1s;
 animation:fallRight 1s
}
.squre-block-items{
  float: none !important;
  width: auto !important;
}
.squre-block{
  min-height: 125px;
  margin: 15px 0px;
  padding: 20px !important;
}
.squre-block .circle{
  width: 50px !important;
  height: 50px !important;
  margin: 0px auto !important;
  float: none !important;
}
.squre-block .squre-block-text{
  margin-top: 10px;
}
.squre-block .description{
  float: none !important;
  margin: 7px auto 0px auto !important;
}
.rect-block .description{

}
.rect-block .description.description2 {
 width:75% !important;
}
.rect-block .description.load-desc-3 {
 width:15% !important;
}