.shad {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}



.parallax-container {
  height: 500px;
  width: 100%;
}
.parallax-mirror img {
    /* height: auto !important; */
}


/* portfolio video */
iframe#videocontain {
    position: absolute;
    z-index: 50;
    width: 400px;
    padding: 5.5% 2% 0;
    background: #fff;
}
.opn {
  opacity: 0;
}
.cd-items.cd-container {
    /* max-height: 703px;
    overflow-y: scroll;
    position: relative;
    width: 101%;
    z-index: 1; */
}
@media only screen and (max-width: 1280px) {
  .cd-items.cd-container {
      /* max-height: 464px; */
  }
}


/* mail send */
div#msg, div#error {
/*   font-size: 14px;
  text-align: center;
  width: 100%;
  margin-top: -26px;
  padding: 0;
  left: 0;
  position: absolute;
  clear: left; */

  font-size: 14px;
  color: white;
  position: fixed;
  display: none;
  bottom: 20px;
  width: auto;
  left: inherit;
  right: 15px;
  padding: 10px 25px 10px 15px;
  z-index: 500;
  -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.32);
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.32);
}
div#error {
  background-color: #f10000;
}
div#msg {
  background-color: #66a50c;
}



/* carrer form */
.acpcontactform .header .one h1 {
  border-right: 1px solid #ddd;
}
.acpcontactform .body {
  padding: 15px;
  border: 1px solid #ddd;
  display: inline-block;
  margin: 10px 0;
  width: 100%;
}
@media all and (max-width: 576px) {
  .acpcontactform .body {
    padding: 0;
    border: 0;
  }
}
.acpcontactform .body .addrbox img {
  display: inline-block;
  padding-right: 10px;
}
.acpcontactform .body .addrbox span {
  margin-bottom: 15px;
  float: left;
  clear: left;
}
.acpcontactform .body .one .addrbox {
  border-right: 1px solid #ddd;
}
.acpcontactform .desc p {
  text-align: center;
  padding: 15px 0;
}
@media all and (max-width: 576px) {
  .acpcontactform .footer {
    padding: 10px;
  }
}
.acpcontactform .footer form {
  padding: 50px 50px 10px;
}
@media all and (max-width: 576px) {
  .acpcontactform .footer form {
    padding: 0;
  }
}
.acpcontactform .footer form input,
.acpcontactform .footer form textarea {
  border-radius: 0 !important;
  box-shadow: none;
  font-size: 15px;
  color: #000;
  height: 40px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 576px) {
  .acpcontactform .footer form input,
  .acpcontactform .footer form textarea {
    font-size: 14px;
  }
}
.acpcontactform .footer form textarea {
  resize: none;
  height: 120px;
}
.acpcontactform .footer form .btn {
  margin-top: 30px !important;
  background-color: #8ba7d5;
  color: #ffffff;
}
.an_input.input-effect.text .focus-border {
  /* bottom: 5px; */
}
.an_input.input-effect {
  float: left;
  width: 100%;
  margin: 20px 0;
  position: relative;
}
@media all and (max-width: 576px) {
  .an_input.input-effect {
    margin: 15px 0;
  }
}
.effect-16 {
  border: 0;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  background-color: transparent !important;
  width: 100%;
}
.effect-16 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #8ba7d5;
  transition: 0.4s;
}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  left: 0;
}
.effect-16 ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: 9px;
  color: #aaa;
  transition: 0.3s;
  z-index: 0;
  letter-spacing: 0.5px;
  font-size: 14px;
}
.effect-16 label span {
  color: red;
}
span.inform {
    font-size: 14px;
    margin-top: 13px;
    float: left;
}
@media all and (max-width: 576px) {
  .effect-16 ~ label {
    font-size: 15px;
  }
}
.effect-16:focus ~ label,
.has-content.effect-16 ~ label {
  top: -16px;
  font-size: 12px;
  color: #8ba7d5;
  transition: 0.3s;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
div#mail-status {
    font-size: 13px;
}




/* preloader */
.sk-spinner-pulse.sk-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  top: 56%;
  margin-top: -20px;
    position: relative;
    background-color: #bb0101;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

/* .animatee {
    background-image: url("../img/vvgroups.svg");
    width: 66px;
    height: 66px;
    position: absolute;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    margin-top: -33px;
    margin-left: -33px;
    z-index: 5;
} */