/*******************************************************
     AZ BANNER STYLE
********************************************************/
.az_banner.effect-1 a {
  display: block;
  position: relative; }
  .az_banner.effect-1 a:before {
    opacity: 0;
    background: #000;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    transition: 0.3s all ease 0s; }
  .az_banner.effect-1 a:hover:before {
    opacity: 0.3; }

.az_banner.effect-2 a {
  display: block;
  position: relative; }
  .az_banner.effect-2 a img {
    transition: 0.3s all ease 0s; }
  .az_banner.effect-2 a:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05); }

.az_banner.effect-3 a {
  display: block;
  position: relative; }
  .az_banner.effect-3 a:before {
    border-bottom: 1px solid #222;
    border-top: 1px solid #222;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(0, 1);
    transition: all 0.4s ease-in-out 0s;
    z-index: 1; }
  .az_banner.effect-3 a:after {
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(1, 0);
    transition: all 0.4s ease-in-out 0s;
    z-index: 1; }
  .az_banner.effect-3 a:hover:before, .az_banner.effect-3 a:hover:after {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1); }

.az_banner3 {
  margin-bottom: 10px; }

.az_banner5 .image, .az_banner6 .image, .az_banner7 .image {
  box-shadow: 0 0 10px #ddd; }

.az_banner8 {
  margin-bottom: 30px; }

.az_banner12 {
  margin-bottom: 27px; }

.az_banner14 {
  margin-bottom: 50px; }

.content_v3 .az_banner5 .image, .content_v3 .az_banner6 .image, .content_v3 .az_banner7 .image {
  box-shadow: none; }

/*******************************************************
     RESPONSIVE STYLE
********************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
  .az_banner3 {
    margin-bottom: 14px; }

  .az_banner12 {
    margin-bottom: 20px; } }
@media (max-width: 767px) {
  .az_banner2 {
    margin-bottom: 15px; }

  .az_banner3 img, .az_banner img {
    width: 100%; }

  .az_banner11 {
    margin-bottom: 30px; } }
@media (max-width: 479px) {
  .az_banner5, .az_banner6 {
    margin-bottom: 15px; }

  .az_banner9 {
    margin-bottom: 30px; } }

/*# sourceMappingURL=azbanner.css.map */