.technology-quote-wrapper {
  position: relative; 
  z-index: 897;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  background-color: #fff;
}
.technology-quote-wrapper .technology_text_content {
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%; 
  -webkit-transition: opacity .7s;
  transition: opacity .7s;
}

.technology-quote-wrapper .technology_text_holder { 
  position: absolute;
  top: 0;
  left: 0;
}

.technology-quote-wrapper .technology_text_holder p {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: MetaCompPro-Light W04 Regular,Calibri,Tahoma,sans-serif;
  width: 100%;
  font-size: 2.6vw;
  line-height: 2.6vw;
  letter-spacing: -.1px;
  color: #fff;
  opacity: .85;
}

.technology-quote-wrapper .technology_text_content .technology_text_holder h2 {
  font-family: MetaCompPro-Bold W06 Regular,Calibri,Tahoma,sans-serif;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 2.6vw;
  line-height: 2.8vw;
  letter-spacing: -.6px;
  color: #fff;
  opacity: .85;
  margin-bottom: 10px;
  margin-top: .4vw;
}

.technology-quote-wrapper .technology_button_holder {
  position: absolute;
  top: 0;
  right: 0;
}

.technology-quote-wrapper .info_button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 55px;
  height: 55px;
}

.technology-quote-wrapper .info_button .icon_out_A {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.technology-quote-wrapper .info_button .icon_over_A {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

.technology-quote-wrapper .info_button .icon_over_A img {
  width: 100%
}

.technology-quote-wrapper .info_button .icon_out_B {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.technology-quote-wrapper .info_button .icon_over_B {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

.technology-quote-wrapper .info_button .icon_over_B img {
  width: 100%
}

.technology-quote-wrapper .button_spacer {
  display: inline-block;
  margin-left: .6vw;
  margin-right: 1.2vw;
  height: 40px;
}

.technology-quote-wrapper .button_spacer img {
  height: 100%;
}

.technology-quote-wrapper .technology_button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-family: MetaWeb W07 Book,Calibri,Tahoma,sans-serif;
  padding: .3vw 1.5vw .375vw;
  font-size: .75vw;
  padding: 5px 30px 6px;
  padding: 0 30px;
  font-size: 12px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  opacity: .9;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 20px;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
}

.technology-quote-wrapper .technology_button.mobile-button {
  display: none;
  padding: 1vw 5vw;
  font-size: 3vw;
}

.technology-quote-wrapper .technology_button:hover {
  background-color: rgba(110, 182, 42, .7);
  border: 1px solid rgba(110, 182, 42, .7);
  color: #fff;
  opacity: 1;
}

.technology-quote-wrapper .technology_button.desktop-button a {
  color: inherit;
  text-decoration: none;
}

.technology-quote-wrapper .technology_text_holder .technology_button {
  margin-top: 1.6vw;
}

.technology-quote-wrapper .info_button_mobile {
  display: none;
  width: 55px;
  height: 55px;
  width: 8vw;
  height: 8vw;
}

.technology-quote-wrapper .technology-overlay-content {
  display: none;
  z-index: 903;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  background: #185687;
  background: linear-gradient(134deg, rgba(0, 165, 219, .97) 20%, rgba(0, 48, 100, .97) 90%);
  background: linear-gradient(134deg, #00a5db 20%, #003064 90%);
}

.technology-quote-wrapper .technology-overlay-content .overlayer_holder {
  position: absolute; 
  left: 20%;
  width: 60%;
  height: 100%; 
  top: 14%;
  padding-bottom: 100px;
}

.technology-quote-wrapper .text_holder {
  max-height: 70%;
  overflow-y: auto;
} 

.technology-quote-wrapper .text_holder p {
  margin: 0;
  padding: 0;
  font-family: MetaCompPro-Light W04 Regular, Calibri, Tahoma, sans-serif;
  font-size: 1.9vw;
  line-height: 2.6vw;
  letter-spacing: -.5px;
  color: #fff;
  opacity: .85;
}

.technology-quote-wrapper .text_holder p strong {
  font-family: MetaCompPro-Bold W06 Regular, Calibri, Tahoma, sans-serif;
}

.technology-quote-wrapper .overlayer_close_button_holder {
  cursor: pointer;
  width: 3vw;
  margin-top: 3vw;
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.technology-quote-wrapper .overlayer_holder .overlayer_close_button_holder_over {
  -webkit-transform: rotate(90deg) scale(1);
  transform: rotate(90deg) scale(1)
}

.technology-quote-wrapper .overlayer_close_button_holder img {
  width: 100%;
}

.technology-quote-wrapper .info_button_animate {
  -webkit-animation: test 2s ease 0s 1 normal forwards;
  animation: test 2s ease 0s 1 normal forwards;
}
.technology-quote-wrapper .technology_quotation_holder_01,
.technology-quote-wrapper .technology_quotation_holder_02 {
  position: absolute;
  top: 0;
}

.technology-quote-wrapper .technology_quotation_holder_01 p {
  line-height: 2.2vw;
  letter-spacing: 0;
  color: #002e63;
  opacity: .85;
  margin-bottom: 10px;
  font-family: MetaCompPro-Light W04 Regular,Calibri,Tahoma,sans-serif;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 1.82vw;
  -webkit-transition: margin 1s ease-out;
  transition: margin 1s ease-out;
}

.technology-quote-wrapper .technology_quotation_holder_01 p span:nth-child(2) {
  margin-left: 1.2vw;
}

.technology-quote-wrapper .technology_quotation_holder_01 p span:nth-child(3) {
  font-family: MetaCompPro-Bold W06 Regular,Calibri,Tahoma,sans-serif; 
} 

.technology-quote-wrapper .technology_quotation_holder_01 p span:nth-child(4) { 
  font-family: MetaCompPro-Bold W06 Regular,Calibri,Tahoma,sans-serif; 
  margin-left: 1.8vw;
}

.technology-quote-wrapper .technology_quotation_holder_01 p span:nth-child(5) {
  font-size: 1.3vw;
}
.technology-quote-wrapper .technology_quotation_holder_02 p {
  font-family: MetaCompPro-Light W04 Regular,Calibri,Tahoma,sans-serif;
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 10px;
  font-size: 1.95vw;
  line-height: 2.64vw;
  line-height: 2.3vw;
  letter-spacing: 0;
  color: #fff;
  opacity: .85;
  -webkit-transition: margin 1s ease-out;
  transition: margin 1s ease-out;
}

.technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(1) {
  margin-left: 1.9vw;
}

.technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(2) {
  margin-left: 1.1vw;
}

.technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(3) {
  font-family: MetaCompPro-Bold W06 Regular,Calibri,Tahoma,sans-serif;
  letter-spacing: 0;
}

.technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(4) {
  letter-spacing: 0;
  font-family: MetaCompPro-Bold W06 Regular,Calibri,Tahoma,sans-serif;
}

.technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(5) {
  font-size: 1.3vw;
}



@-webkit-keyframes test {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg)
  }

  20% {
    opacity: 1;
    -webkit-transform: rotate(10deg) scale(1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(-180deg) scale(.1)
  }
}

@keyframes test {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  20% {
    opacity: 1;
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(-180deg) scale(.1);
    transform: rotate(-180deg) scale(.1)
  }
}

@-moz-document url-prefix() {
  .technology-quote-wrapper .text_holder p strong {
    font-weight: normal;
  }
  .technology-quote-wrapper .text_holder p:first-child {
    font-family: MetaCompPro-Bold W06 Regular,Calibri,Tahoma,sans-serif;
  }
}

@media (max-width: 1200px) {
  .technology-quote-wrapper .technology_button,
  .technology-quote-wrapper .technology_button.mobile-button{
    padding: 5px 22px; 
    font-size: 10px;
  }
  .technology-quote-wrapper .button_spacer {  
    height: 30px;  
  }
  .technology-quote-wrapper .info_button { 
    width: 42px;
    height: 42px; 
  }
  .technology-quote-wrapper .technology-overlay-content .overlayer_holder {
    top: 10%;
  }
  .technology-quote-wrapper .overlayer_close_button_holder {
    width: 5vw;
    margin-top: 5vw; 
  } 
  .technology-quote-wrapper .text_holder p {
    font-size: 2.8vw;
    line-height: 3.9vw;
  }
  .technology-quote-wrapper .text_holder p:nth-child(1) { 
    font-family: MetaCompPro-Bold W06 Regular,Calibri,Tahoma,sans-serif;
  }

}  

@media (max-width: 992px) {
  .technology-quote-wrapper .text_holder p {
    font-size: 3.8vw;
    line-height: 5.2vw;
  }
}

@media (max-width: 784px) and (min-width: 768px){
  .technology-quote-wrapper {
    background-size: cover;
  }

}

@media (max-width: 767px) { 
  .technology-quote-wrapper .technology_text_holder p {
    font-size: 4.1vw;
    line-height: 4.1vw;
  } 
  .technology-quote-wrapper .technology_text_content .technology_text_holder h2 {
    font-size: 4.4vw;
    line-height: 4.5vw;
  }
  .technology-quote-wrapper .technology_button,
  .technology-quote-wrapper .technology_button.mobile-button{
    display: inline-block;
  }
  .technology-quote-wrapper .technology_button a {
    text-decoration: none; 
    color: inherit;
  } 
  .technology_button_holder {
    display: none;
  }
  .technology-quote-wrapper .info_button {
    position: absolute;
    display: block;
  }
  .technology-quote-wrapper .technology_quotation_holder_01 p {
    display: block;
    font-size: 5vw;
    line-height: 6.1vw;
    letter-spacing: -.6px;
  }

  .technology-quote-wrapper .technology_quotation_holder_01 p span:nth-child(4) {
    display: block;
    margin-top: 0;
    line-height: 6.2vw;
    margin-left: 0;
  }

  .technology-quote-wrapper .technology_quotation_holder_01 p span:nth-child(2) {
    margin-left: 0;
  }

  .technology-quote-wrapper .technology_quotation_holder_01 p span:nth-child(5) {
    display: block;
    font-size: 3.7vw;
    line-height: 6.3vw;
  }

  .technology-quote-wrapper .technology_quotation_holder_01 p span:nth-child(3) {
    display: block;
    margin-top: 0;
    line-height: 6.2vw;
  }

  .technology-quote-wrapper .technology_quotation_holder_02 {
    text-align: right;
  }

  .technology-quote-wrapper .technology_quotation_holder_02 p {
    display: block;
    font-size: 5vw;
    line-height: 6.1vw;
    letter-spacing: -.6px;
  }

  .technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(1) {
    margin-left: 0;
  }

  .technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(2) {
    margin-left: 0;
  }

  .technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(3) { 
    display: block;
    margin-top: 0; 
    line-height: 6.2vw;
  }

  .technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(4) {
    display: block;
    margin-top: 0;
    line-height: 6.2vw;
  }  

  .technology-quote-wrapper .technology_quotation_holder_02 p span:nth-child(5) {
    display: block;
    font-size: 3.7vw;
    line-height: 6.3vw;
  }
  .technology-quote-wrapper .technology-overlay-content .overlayer_holder {
    top: 15%;
    left: 10%;
    width: 80%;
  }
  .technology-quote-wrapper .text_holder p {
    font-size: 5vw;
    line-height: 5.8vw;
  }



}