﻿.flexslider{width:100%;float:left;box-shadow:none;position:relative}
.flexslider li{position:relative}
.meta { color: #151414 !important; font-size: 18px; width: 100%; position: absolute; bottom: 46px;  text-align: center;}
.meta_1 { margin: 0 auto;  text-align: center;  padding: 8px;  display: inline-block; width:100%; max-width:1200px;}
.meta_2 { width:100%; max-width:600px; height:60px; text-align:left; float:right; background:#234c92; line-height:22px; color:#fff; padding: 7px 10px; box-sizing: border-box;}

.flexslider li.flex-active-slide .meta{  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}


.flex-direction-nav{position:relative;top:0;left:0px}
.flex-direction-nav a{text-decoration:none;display:block;width:50px;height:50px;background-color:#fff; position:absolute; margin-top:18%; z-index:10; overflow:hidden;cursor:pointer;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; opacity:.5}
.flex-direction-nav .flex-prev{text-align:left;left:0px; background: url(/images/arrow_left.png) no-repeat;}
.flex-direction-nav .flex-next {text-align: right; right: 0px; background: url(/images/arrow_right.png) no-repeat;}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}


 @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 


.flex-viewport ul,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flex-direction-nav{display:block}
.slides{margin:0;padding:0}
.flex-control-nav{position:absolute;right:0;bottom:0;list-style:none;margin:0;padding:0}
.flex-control-nav li{width:8px;height:8px;border-radius:4px;background:#fff;display:inline-block;margin:0 2px}
.flex-control-nav li a{color:#fff;font-size:0;display:block;width:100%;height:100%;cursor:pointer}
.flex-active{background:#cd2122;width:8px;height:8px;border-radius:4px}
.flexslider .flex-control-nav {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 21px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1009;
    width: 100%;
    text-align: center;
}


@media only screen and (min-width: 1400px) {
.flexslider,.flexslider >li,.slides,.slides >li >img{height:100%;width:100%}
}
#fist-sld{width:100%;position:relative;top:0;z-index:0;height:initial;float:left}


.prin_cont>img{width:initial;height:initial}

.flexslider.left ul.slides li img {
    width: 100%; display:block;
}