/*==================breadcrumb wordpress=====================*/

.breadcrumb {
  background-color: transparent;
  border-radius: 4px;
  list-style: outside none none;
  margin-bottom: 20px;
  padding: 8px 0;
}
#crumbs {
  font-size: 0;
}
#crumbs > a, #crumbs > span {
  color: #eee;
  font-size: 15px;
}
.baner-cntn h2 {
  color: #eee;
  font-size: 31px;
  margin-bottom: 5px;
}
#crumbs > span {
  background: #063d63 none repeat scroll 0 0;
  padding: 2px 15px; position: relative;
}
#crumbs > span::after {
  border-bottom: 11px solid transparent;
  border-left: 10px solid #063d63;
  border-top: 11px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: -10px;
  width: 0;
}
#crumbs > a {
  padding:2px 15px;
  position: relative;
}
#crumbs > a::before {
  content: "";
  font-family: fontawesome;
  color: #d62039;
  margin-right: 6px;
  font-size: 18px;
  position: absolute; left: 0px;
}
/*=====================================================================================*/

/*=================================News scrroll css start====================================================*/
#home-announcements {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 10px -6px #000;
  margin-bottom: 0;
  margin-top: -1px;
  overflow: hidden;
  padding-top: 0;
  position: relative;
  z-index: 1;
}
#home-announcements .dap-tw-logo::before {
  border-bottom: 52px solid #063d63;
  border-right: 22px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: -22px;
  top: 0;
  width: 0;
}
#home-announcements .dap-tw-logo::after {
  background: #063d63 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -300%;
  position: absolute;
  top: 0;
  width: 350%;
  z-index: -1;
}
#home-announcements .dap-tw-logo {
  background: #063d63 none repeat scroll 0 0;
  box-sizing: border-box;
  float: left;
  height: 50px;
  padding: 11px 3px;
  position: absolute;
  text-align: center;
  width: 245px;
  z-index: 99;
}
.dap-tw-logo > p {
  color: #eee;
}
.twitter-scroll {
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  position: relative;
}
a.dap-tw-item {
  border-right: 1px solid #fff;
  color: #222;
  display: inline-block;
  float: left;
  padding: 0 1em;
  text-decoration: none;
  transition: background-color 0.25s ease 0s;
}
.dap-tw-text {
  color: #000;
  font-size: 15px;
}
.dap-tw-logo {
  background-color: teal;
  box-shadow: 1px 0 0 0 #fff;
  height: 38px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 38px;
}

/*=================================News scrroll css END====================================================*/

.carousel-caption {
  bottom: auto;
  left: auto;
  margin-top: -65px;
  padding-bottom: 30px;
  position: absolute;
  right: 0;
  text-align: left;
  text-shadow: 0 0 0;
  top: 50%;
  width: 100%;
}
.carousel-caption p {
  color: #eee;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  padding-left: 14px;
  padding-right: 0;
}
.carousel-caption h2 {
  color: #eee;
  font-size: 32px;
  font-weight: 600;
}
.topline {
  background: #fff none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
}
.topline::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 0;
  width: 70px;
}
.carousel-indicators .active {
  background-color:#CD2D3A;
  height: 12px; border-color:#CD2D3A;
  margin: 0;
  width: 12px;
}
/*
.carousel-control.left > span::after {
  color: #fff;
  content: "";
  font-family: fontawesome;
  font-size: 18px;
  left: 20px;
  margin-top: -20px;
  opacity: 0.5;
  position: absolute;
  top: 50%;
}
.carousel-control.right > span::after {
  color: #fff;
  content:"\f054";
  font-family: fontawesome;
  font-size: 18px;
  right: 20px;
  margin-top: -20px;
  opacity: 0.5;
  position: absolute;
  top: 50%;
}*/
.topline::after {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  right: 0;
  width:200px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
}
.item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.09, 1.09);
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-indicators {
  z-index: 1 !important;
}






/* Shutter In Vertical */
.img-cvr .imgeTxt{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;

  background:#074166;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.img-cvr .imgeTxt:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.img-cvr:hover .imgeTxt, .img-cvr .imgeTxt:focus, .img-cvr .imgeTxt:active {
  color: white;
}
.img-cvr:hover .imgeTxt:before, .img-cvr .imgeTxt:focus:before, .img-cvr .imgeTxt:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}



.shadowPlay
{
  text-shadow: 0px 0px 3px rgba(235, 90, 90, 0.26),
    0px 3px 3px rgba(205, 60, 60, 0.25),
    2px 6px 3px rgba(205, 60, 60, 0.24),
    4px 9px 3px rgba(205, 60, 60, 0.23),
    6px 12px 3px rgba(205, 60, 60, 0.22),
    8px 15px 3px rgba(205, 60, 60, 0.21),
    10px 18px 3px rgba(205, 60, 60, 0.2),
    12px 21px 3px rgba(205, 60, 60, 0.19),
    14px 24px 3px rgba(205, 60, 60, 0.18),
    16px 27px 3px rgba(205, 60, 60, 0.17),
    18px 30px 3px rgba(205, 60, 60, 0.16),
    20px 33px 3px rgba(205, 60, 60, 0.15),
    22px 36px 3px rgba(205, 60, 60, 0.14),
    24px 39px 3px rgba(205, 60, 60, 0.13),
    26px 42px 3px rgba(205, 60, 60, 0.12),
    28px 45px 3px rgba(205, 60, 60, 0.11),
    30px 48px 3px rgba(205, 60, 60, 0.1),
    32px 51px 3px rgba(205, 60, 60, 0.09),
    34px 54px 3px rgba(205, 60, 60, 0.08),
    36px 57px 3px rgba(205, 60, 60, 0.06),
    38px 60px 3px rgba(205, 60, 60, 0.05),
    40px 63px 3px rgba(205, 60, 60, 0.04),
    42px 66px 3px rgba(205, 60, 60, 0.03),
    44px 69px 3px rgba(205, 60, 60, 0.02),
    46px 72px 3px rgba(205, 60, 60, 0.01);
}

.tween-looper
{
  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-animation: looperFrames 6s linear infinite;

  animation: looperFrames 6s linear infinite;
}

@-webkit-keyframes looperFrames
{
  0%{-webkit-transform: translateY(0px);}
  25%{-webkit-transform: translateY(12px);}
  50%{-webkit-transform: translateY(0px);}
  75%{-webkit-transform: translateY(-12px);}
  100%{-webkit-transform: translateY(0px);}
}

@keyframes looperFrames
{
  0%{transform: translateY(0px);}
  25%{transform: translateY(12px);}
  50%{transform: translateY(0px);}
  75%{transform: translateY(-12px);}
  100%{transform: translateY(0px);}
}











/*.swipe {

}
.swipe .sentence {
  color: #fff;
  display: block;
  overflow: hidden;
  position: static;
  width: 100%;
  z-index: 1;
}
.swipe .sentence .line-wrap {
  position: relative;
  display: block;
  width: 100%;
  color: transparent;
  transition: color 1ms;
  transition-delay: 500ms;
}
.swipe .sentence .line-wrap:nth-child(2) {
  transition-delay: 666.6666666667ms;
}
.swipe .sentence .line-wrap:nth-child(3) {
  transition-delay: 833.3333333333ms;
}
.swipe .sentence .line-wrap:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:rgba(21,97,171,1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
          z-index: -1;
}
.swipe .sentence--show {
  z-index: 2;
}
.swipe .sentence--show .line-wrap {
  color: #333;
}
.swipe .sentence--show .line-wrap:after {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: -webkit-transform 1000ms ease-in-out;
  transition: transform 1000ms ease-in-out;
  transition: transform 1000ms ease-in-out, -webkit-transform 1000ms ease-in-out;
}
.swipe .sentence--show .line-wrap:nth-child(2):after {
  transition-delay: 166.6666666667ms;
}
.swipe .sentence--show .line-wrap:nth-child(3):after {
  transition-delay: 333.3333333333ms;
}


.center {

}

.sig {
  position: fixed;
  bottom: 5px;
  right: 5px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  font-family: sans-serif;
  color: rgba(0, 0, 0, 0.4);
}*/


@media screen and (min-width: 1600px) {
  .carousel-caption {
      bottom: auto;
      left: auto;
      margin-top: -35px;
      padding-bottom: 30px;
      right: 0;
      text-align: left;
      top: 50%;
      width: 100%;
      position: absolute;
  }


}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


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


  .carousel-caption h2 {
    font-size: 20px;
    font-weight: 600;
  }
  .carousel-caption p {
    color: #eee;
    font-size: 15px;
    line-height: 20px;
    padding-right: 70px;
  }
  .carousel-caption {
    bottom: auto;
    left: 1%;
    margin-top: -35px;
    padding-bottom: 30px;
    position: absolute;
    right: 20%;
    text-align: left;
    top: 50%;
    width: 550px;
  }

  .carousel-caption {
    bottom: auto;
    left: 0;
    margin-top: -70px;
    padding: 15px 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 100%;
  }
  .carousel-caption h2 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
}
  .carousel-caption p {
    color: #eee;
    font-size: 15px;
    line-height: 20px;
    padding-right: 0;
  }


  .topline {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
  }






}







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



.carousel-caption h2 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}
.carousel-caption {
  bottom: auto;
  left: 0;
  margin-top: -70px;
  padding: 15px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  width: 100%;
}
.carousel {
  height: 250px;
  position: relative;
}
.item img {
  height: 100% !important;
  object-fit: cover;
  width: 100%;
}
.item {
  height: 100%;
}

}