.app-services-site-features {
  text-align: center;
  padding: 2rem 0;

}

.app-services-site-features .fa {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #1779ba;
}

.app-services-site-features .app-services-site-features-title {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  color: #031481;
}

@media screen and (min-width: 40em) {
  .app-services-site-features {
    text-align: left;
  }
}

.app-services-site-features-headline {
  text-align: center;
  font-size: 24px;
}

.app-services-site-features-subheadline {
  margin-bottom: 2rem;
  text-align: center;
}



/* Site Featured Section*/

.anps-r {
  /* background: #f4f928; */
}

.service-devices-lg-svg {
    /* width: 96%; */
    /* height: 327px; */
    /* height: 90%; */
      width: 100%;
      height: 590px;
      /* height: 100%; */
  }
  .service-devices-lg-svg .st0 {
    fill: none;
    /* stroke: #B9BBBD; */
    stroke: #8c8a73;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .service-devices-lg-svg .st1 {
    fill: none;
    /* stroke: #BABCBE; */
    stroke: #8e8e8e;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .service-devices-lg-svg .st2 {
    /* fill: #53BFEE; */
    fill: #000000;
  }
  .service-devices-lg-svg .st3 {
    fill: none;
    /* stroke: #25245B; */
    stroke: #585858;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .service-devices-lg-svg .st4 {
    fill: #F0644F;
  }
  .service-devices-lg-svg .st5 {
    /* fill: #56BEED; */
    fill: #000000;
  }
  .service-devices-lg-svg .st6 {
    fill: #B9BBBD;
  }
  .service-devices-lg-svg .st7 {
    fill: none;
    /* stroke: #24255B; */
    stroke: #8e8e8e;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .service-devices-lg-svg .st8 {
    fill: #24255B;
  }
  .service-devices-lg-svg .st9 {
    fill: #b9c100;
    stroke: #000000;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .service-devices-lg-svg .st10 {
    fill: #000000;
    stroke: #8e8e8e;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  
  .dash-anim-1s {
    animation: dash 1s ease-in-out;
    animation-play-state: paused;
  }
  
  .blink-anim-1s {
    animation: blinker 1s infinite linear;
    animation-play-state: paused;
  }
  
  .dash-anim-1\.5s {
    animation: dash 1.5s ease-in-out;
    animation-play-state: paused;
  }
  
  .blink-anim-1\.5s {
    animation: blinker 1.5s infinite linear;
    animation-play-state: paused;
  }
  
  .dash-anim-2s {
    animation: dash 2s ease-in-out;
    animation-play-state: paused;
  }
  
  .blink-anim-2s {
    animation: blinker 2s infinite linear;
    animation-play-state: paused;
  }
  
  .dash-anim-3s {
    animation: dash 3s ease-in-out;
    animation-play-state: paused;
  }
  
  /* .blink-anim-3s {
    animation: blinker 3s infinite linear;
    animation-play-state: paused;
  } */
  
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }
  .fade-anim-1s {
    animation: fade 1s ease-in-out;
    animation-play-state: paused;
  }
  
  @keyframes fade {
    0% {
      opacity: 0;
      transform: scale(1, 1);
    }
    1% {
      opacity: 1;
      transform: scale(1, 1);
    }
    50% {
      opacity: 1;
      transform: scale(1.1, 1.1);
    }
    100% {
      opacity: 1;
      transform: scale(1, 1);
    }
  }
  .alt-fade-anim-1s {
    animation: alt-fade 1s ease-in-out;
    animation-play-state: paused;
  }
  
  @keyframes alt-fade {
    0% {
      transform: scale(1, 1);
    }
    10% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.05, 1.05);
    }
    100% {
      opacity: 1;
      transform: scale(1, 1);
    }
  }
  @keyframes blinker {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .tror50\% {
    transform-origin: 50% 50%;
  }
  
  .tror50\%--300\% {
    transform-origin: 50% -300%;
  }
  
  .andl0s {
    animation-delay: 0s;
  }
  
  .andl0\.25s {
    animation-delay: 0.25s;
  }
  
  .andl0\.5s {
    animation-delay: 0.5s;
  }
  
  .andl1s {
    animation-delay: 1s;
  }
  
  .andl1\.5s {
    animation-delay: 1.5s;
  }
  
  .andl2s {
    animation-delay: 2s;
  }
  
  .andl2\.5s {
    animation-delay: 2.5s;
  }
  
  .andl3s {
    animation-delay: 3s;
  }
  
  .stda100,
  .stda400,
  .stda600 {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
  }
  
  .fade-anim-1s.op0,
  .alt-fade-anim-1s.op0 {
    opacity: 1;
  }
  
  .can-animate .stda600 {
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
  }
  .can-animate .stda400 {
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
  }
  .can-animate .stda100 {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
  }
  .can-animate .anfm-f {
    animation-fill-mode: forwards;
  }
  .can-animate .anfm-b svg * {
    animation-fill-mode: backwards;
  }
  .can-animate .anps-r svg * {
    animation-play-state: running;
  }
  .can-animate .andir-r svg * {
    animation-direction: reverse;
  }
  .can-animate .fade-anim-1s.op0,
  .can-animate .alt-fade-anim-1s.op0 {
    opacity: 0;
  }
  
  .an-n .stda100,
  .an-n .stda400 {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
  }
  
  .an-n svg .fade-anim-1s.op0,
  .an-n svg .alt-fade-anim-1s.op0 {
    opacity: 1;
  }

  /* Animated SVG Starts here */
  
  .svgAnimPanel {
    width: 33.33%;
    float: left;
  }
  .svgAnimPanel:hover {
    -webkit-box-shadow: inset 0 0 0 1px #ccc;
            box-shadow: inset 0 0 0 1px #ccc;
  }
  .svgAnimPanel svg {
    margin: 20px;
  }
  
  /***
      Prevent animnation on Explorer
      ***/
  .isIE .svgAnimPanel:hover .svg-icon, .isIE .svgAnimPanel:hover .svg-icon * {
    -webkit-animation-name: none !important;
            animation-name: none !important;
  }
/* Cloud Code Starts Here*/

  /* The cloud SVG CSS Ends here*/

  /* Big Data Code Starts Here*/


   /* Big Data Code ends Here*/

    /* no-sql Code Starts Here*/
  .icon-nosql .water, .icon-nosql #disk_border_top {
    opacity: 1;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .svgAnimPanel .icon-nosql #fill_wall_top {
    -webkit-animation: empty-water-top 2s linear alternate infinite;
    animation: empty-water-top 2s linear alternate infinite;
  }
  .svgAnimPanel .icon-nosql #fill_ceiling_top {
    -webkit-animation: empty-water-top-ceiling 2s linear alternate infinite;
    animation: empty-water-top-ceiling 2s linear alternate infinite;
  }
  .svgAnimPanel .icon-nosql #fill_wall_middle {
    -webkit-animation: empty-water-middle 2s linear alternate infinite;
    animation: empty-water-middle 2s linear alternate infinite;
  }
  .svgAnimPanel .icon-nosql #fill_ceiling_middle {
    -webkit-animation: empty-water-middle-ceiling 2s linear alternate infinite;
    animation: empty-water-middle-ceiling 2s linear alternate infinite;
  }
  .svgAnimPanel .icon-nosql #fill_wall_bottom {
    -webkit-animation: empty-water-bottom 2s linear alternate infinite;
    animation: empty-water-bottom 2s linear alternate infinite;
  }
  .svgAnimPanel .icon-nosql #fill_ceiling_bottom {
    -webkit-animation: empty-water-bottom-ceiling 2s linear alternate infinite;
    animation: empty-water-bottom-ceiling 2s linear alternate infinite;
  }
  .svgAnimPanel .icon-nosql #disk_border_top {
    -webkit-animation: wall-fall 2s linear alternate infinite;
    animation: wall-fall 2s linear alternate infinite;
  }
  .svgAnimPanel .icon-nosql #disk_border_middle {
    -webkit-animation: disk_border_middle 2s linear alternate infinite;
    animation: disk_border_middle 2s linear alternate infinite;
  }
  
  @-webkit-keyframes empty-water-top {
    0% {
      -webkit-transform: translate(0, 0);
    }
    35% {
      -webkit-transform: translate(0, 14px);
      opacity: 1;
    }
    36% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(0, 14px);
      opacity: 0;
    }
  }
  @-webkit-keyframes empty-water-top-ceiling {
    0% {
      -webkit-transform: translate(0, 0);
    }
    1% {
      -webkit-transform: translate(0, 3px);
    }
    35% {
      -webkit-transform: translate(0, 17px);
      opacity: 1;
    }
    36% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(0, 16px);
      opacity: 0;
    }
  }
  @-webkit-keyframes empty-water-middle {
    0%, 40% {
      -webkit-transform: translate(0, 0);
    }
    75% {
      -webkit-transform: translate(0, 14px);
      opacity: 1;
    }
    76% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(0, 14px);
      opacity: 0;
    }
  }
  @-webkit-keyframes empty-water-middle-ceiling {
    0%, 40% {
      -webkit-transform: translate(0, 0);
    }
    41% {
      -webkit-transform: translate(0, 3px);
    }
    75% {
      -webkit-transform: translate(0, 16px);
      opacity: 1;
    }
    76% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(0, 16px);
      opacity: 0;
    }
  }
  @-webkit-keyframes empty-water-bottom {
    0%, 80% {
      -webkit-transform: translate(0, 0);
    }
    90% {
      -webkit-transform: translate(0, 3px);
    }
    100% {
      -webkit-transform: translate(0, 6px);
    }
  }
  @-webkit-keyframes empty-water-bottom-ceiling {
    0%, 80% {
      -webkit-transform: translate(0, 0);
    }
    80.1% {
      -webkit-transform: translate(0, 4px);
    }
    90% {
      -webkit-transform: translate(0, 7px);
    }
    100% {
      -webkit-transform: translate(0, 10px);
    }
  }
  @-webkit-keyframes wall-fall {
    0%, 30% {
      -webkit-transform: translate(0, 0);
    }
    36% {
      -webkit-transform: translate(0, 16px);
    }
    38% {
      -webkit-transform: translate(0, 12px);
    }
    40%, 70% {
      -webkit-transform: translate(0, 16px);
    }
    76% {
      -webkit-transform: translate(0, 32px);
    }
    78% {
      -webkit-transform: translate(0, 28px);
    }
    80%, 100% {
      -webkit-transform: translate(0, 32px);
    }
  }
  @-webkit-keyframes disk_border_middle {
    0%, 40% {
      opacity: 1;
    }
    45%, 100% {
      opacity: 0;
    }
  }
  @keyframes empty-water-top {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    35% {
      -webkit-transform: translate(0, 14px);
              transform: translate(0, 14px);
      opacity: 1;
    }
    36% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(0, 14px);
              transform: translate(0, 14px);
      opacity: 0;
    }
  }
  @keyframes empty-water-top-ceiling {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    1% {
      -webkit-transform: translate(0, 3px);
              transform: translate(0, 3px);
    }
    35% {
      -webkit-transform: translate(0, 17px);
              transform: translate(0, 17px);
      opacity: 1;
    }
    36% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(0, 16px);
              transform: translate(0, 16px);
      opacity: 0;
    }
  }
  @keyframes empty-water-middle {
    0%, 40% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    75% {
      -webkit-transform: translate(0, 14px);
              transform: translate(0, 14px);
      opacity: 1;
    }
    76% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(0, 14px);
              transform: translate(0, 14px);
      opacity: 0;
    }
  }
  @keyframes empty-water-middle-ceiling {
    0%, 40% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    41% {
      -webkit-transform: translate(0, 3px);
              transform: translate(0, 3px);
    }
    75% {
      -webkit-transform: translate(0, 16px);
              transform: translate(0, 16px);
      opacity: 1;
    }
    76% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(0, 16px);
              transform: translate(0, 16px);
      opacity: 0;
    }
  }
  @keyframes empty-water-bottom {
    0%, 80% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    90% {
      -webkit-transform: translate(0, 3px);
              transform: translate(0, 3px);
    }
    100% {
      -webkit-transform: translate(0, 6px);
              transform: translate(0, 6px);
    }
  }
  @keyframes empty-water-bottom-ceiling {
    0%, 80% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    80.1% {
      -webkit-transform: translate(0, 4px);
              transform: translate(0, 4px);
    }
    90% {
      -webkit-transform: translate(0, 7px);
              transform: translate(0, 7px);
    }
    100% {
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px);
    }
  }
  @keyframes wall-fall {
    0%, 30% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    36% {
      -webkit-transform: translate(0, 16px);
              transform: translate(0, 16px);
    }
    38% {
      -webkit-transform: translate(0, 12px);
              transform: translate(0, 12px);
    }
    40%, 70% {
      -webkit-transform: translate(0, 16px);
              transform: translate(0, 16px);
    }
    76% {
      -webkit-transform: translate(0, 32px);
              transform: translate(0, 32px);
    }
    78% {
      -webkit-transform: translate(0, 28px);
              transform: translate(0, 28px);
    }
    80%, 100% {
      -webkit-transform: translate(0, 32px);
              transform: translate(0, 32px);
    }
  }
  @keyframes disk_border_middle {
    0%, 40% {
      opacity: 1;
    }
    45%, 100% {
      opacity: 0;
    }
  }

/* IntelApe CSS*/

.apeintro {
  padding: 0 5%;
}
.can-animate {
  text-align: center;
  padding-top: 2%;
}

.apeColor1{
  color: #031481;
}
.apeColor2{
  color: #F4F928;
}
.apeColor3{
  color: #fc8270;
}
.apeColor4{
  color: #EBE8EE;
}
.apeColor5{
  color: #ffffff;
}
.apeColor6{
  color: #000000;
}

.ape48 {
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  height: 48px;
}

.apeTitle{
position: relative;
display: block;
margin: 0;
font-size: 5vw;
line-height: 1;
-webkit-transform: translateY(6rem);
        transform: translateY(6rem);
-webkit-animation: up 500ms linear forwards;
        animation: up 500ms linear forwards;
z-index: 1;
text-shadow: 0px 1px 1px #fff;
}
.apeTitle::before, .apeTitle::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 1px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  /* background-color: rgba(3, 20, 129, 0.6);; */
  z-index: -1;
}
.apeTitle::before {
  top: 1.4rem;
  -webkit-animation: draw 500ms linear 1s forwards;
          animation: draw 500ms linear 1s forwards;
}
.apeTitle::after {
  bottom: 0.4rem;
  -webkit-animation: draw 500ms linear 1s forwards;
          animation: draw 500ms linear 1s forwards;
}

@-webkit-keyframes up {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes up {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes draw {
  100% {
    width: 100%;
  }
}
@keyframes draw {
  100% {
    width: 100%;
  }
}

.apeSubTitle{
  font-size: 3vw;
}
/* intelApe  first letter*/

.about-ape {
  padding: 3rem;
}
.about-ape p {
  margin-bottom: 5rem;
}
.about-ape p:first-letter {

  z-index: 1;
  float: left;
  color: rgba(3, 20, 129, .8);
  margin-right: -1000px;
  margin-left: -50px;
  margin-top: -146px;
  font-size: calc(15rem + 2vw);
  font-weight: 700;
  /* text-shadow: 15px 15px rgba(0, 0, 255, 0.2); */
}

.content p{
hyphens: auto;
text-align: justify;
}

  

/* Button Starts Here */

.ape-button {
  font-size: 1.2em;
  position: relative;
  outline: none;
  border: none;
  margin: 2rem auto;
  font-weight: 500;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.75em 1.75em;
  border-radius: 50px;
  display: inline-block;
  color: #fff !important;
  background: -webkit-gradient(linear, left top, right top, from(#031481), to(#fc8270));
  background: linear-gradient(to right, #031481, #fc8270);
}
.ape-button::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -10px;
  left: 5%;
  height: 110%;
  width: 90%;
  opacity: 0.8;
  border-radius: 50px;
  background: inherit;
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ape-button:hover::after {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ape-button:hover:active::after {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}

@supports (-ms-ime-align: auto) {
  .ape-button::after, .ape-button:hover::after, .ape-button:active::after {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ape-button {
    background: -webkit-gradient(linear, left top, right top, from(#031481), to(#fc8270));
    background: linear-gradient(to right, #031481, #fc8270);
  }
  .ape-button::after, .ape-button:hover::after, .ape-button:active::after {
    display: none;
  }
}

/* .cell {
  padding: 2rem;
} */

/* /Button 2 */

.btnApe {
position: relative;
margin: auto;
padding: 19px 22px;
transition: all 0.2s ease;
cursor: pointer;
}
.btnApe:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
border-radius: 28px;
/* background: rgba(252, 130, 112, .5); */
background: rgba(244, 249, 40, .5);
width: 56px;
height: 56px;
transition: all 0.3s ease;
}
.btnApe span {
position: relative;
font-size: 16px;
line-height: 18px;
font-weight: 900;
letter-spacing: 0.25em;
text-transform: uppercase;
vertical-align: middle;
/* color: #031481; */
color: #000000;
cursor: pointer;
}
.btnApe svg {
position: relative;
top: 0;
margin-left: 10px;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
/* stroke: #031481; */
stroke: #000000;
stroke-width: 2;
transform: translateX(-5px);
transition: all 0.3s ease;
}
.btnApe:hover:before {
width: 100%;
/* background: #fc8270; */
background: #F4F928;
}
.btnApe:hover svg {
transform: translateX(0);
}
.btnApe:active {
transform: scale(0.96);
}


/* Button Ends Here */

/* Links to other pages starts *

.apeLink {
position: relative;
text-decoration: none;
display: inline-block;
color: black;
padding: 0 1px;
transition: color ease 0.3s;
}


.apeLink::before, .apeLink::after {
content: '';
position: absolute;
background-color: #fc8270;
z-index: -1;
height: 18%;
}

.apeLink::before {
width: 0%;
left: 0;
bottom: 0;
transition: width ease 0.4s;
}

.apeLink::after {
width: 100%;
left: 0;
bottom: 0;
transition: all ease 0.6s;
}

.apeLink:hover::before {
  width: 100%;
}

.apeLink:hover::after {
  left: 100%;
  width: 0%;
  transition: all ease 0.2s;
}
*/
.apeLink {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 2px 0;
  color: #031481;
}
.apeLink:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 50%;
  height: 3px;
  background-color: #000000;
  transform: scaleX(0);
  transform-origin: bottom left;
  transition: transform 0.3s;
}
.apeLink:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 50%;
  height: 3px;
  background-color: #000000;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.apeLink:hover:before {
  transform: scaleX(1);
}
.apeLink:hover:after {
  transform: scaleX(1);
}

/*Stop here*/

.services-card .apeLink::before, .services-card .apeLink::after {
z-index: 0;
background-color: #031481;
bottom: -8px;
}

.services-card .apeLink {
color: #031481;
}

.services-card h4 {
font-size: 1.1em;
margin: 1em 0;
}

.services-card p {
/* margin-top: 4px; */
font-size: 0.9em;
}
#services  .cell {
position: relative;
}
/* .services-card span {
font-size: 1em;
} */

#services .fade {
position: absolute;
margin: auto;
top: 190px;
right: 0;
bottom: 0;
left: 0;
width: 78%;
height: 100px;
text-overflow:fade;
background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8) 40%, rgb(255, 255, 255) 90%);
z-index: 1;
}

#services .grid-container {
padding-bottom: 2em;
}

/* .more-dots .dots{
position: absolute;
bottom: 3em;
}
.more-dots .dot {
display: inline-block;
height: 9px;
width: 9px;
border-radius: 50%;
margin: 0 3px;
background: #acacad;
} */


/* Links to other pages Ends */


.services-card{
height: 21rem;
margin: 1rem 0;
/* padding: 1rem; */
padding: 30px;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 10px 60px 0 rgba(29, 29, 31, .09);
transition: -webkit-transform .3s;
transition: transform 0.2s ease, box-shadow 0.2s ease;

}


.services-card:hover {

/* -webkit-transform: scale(1.03);
transform: scale(1.03) */
transform: translateY(-5px) translateZ(0);
box-shadow: 0 16px 32px 0 rgba(62,57,107,0.28),0 0 0 transparent;
}

.services-card img{
width: 36%;
}

.ape-right {
text-align: right;
}

.ape-right h4{
font-size: 1.2rem;
margin: 0.4rem 0;
}

.services-card .icon-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-top: 15px;
}

/* Skill Progress Bar Starts */
.skill-card {
/* background-color:#EBE8EE; */
/* box-sizing:border-box; */
/* float:left; */
height:12em;
margin:.5em;
padding:1em;
position:relative;
/* width:20em; */
border: 1px solid rgba(0,0,0,.03);
}

.skill-progress {
bottom:0;
left:0;
position:absolute;
top:0;
}



.skill-progress:before {
animation:skillSlideIn 2s ease-out;
background-color:#F4F928;
bottom:0;
left:0;
content:"";
position:absolute;
top:0;
width:100%;
}

.skill-content {
position:relative;
}

.skill-content h3 {
font-size: 1.3rem;
}

.skill-content p {
text-align: left;
}
.skill-percentage {
text-align: right !important;
width: 100%;
position: absolute;
top: 7rem;
/* left: -50px; */
font-size: 4rem;
font-weight: 300;
line-height: 1;
color: rgba(0,0,0, .3);

-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
  -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);   
  transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

/* .skill-percentage {
text-align:right;
} */

@keyframes skillSlideIn {
0% {
  background-color:#eabab3;
  width:0;
}
100% {
  background-color:#F4F928;
  width:100%;
}
}

/* Skill Progress Bar Ends */
.ape-action {
padding: 30px;
background: rgba(255, 255, 255, .8);
max-width: 80%;
margin: auto;
float: none;
background-image: url(/live/oe_/https://intelape.com/img/card-background-left.svg),url(/live/oe_/https://intelape.com/img/card-background-right.svg);
background-position: left -2px bottom -2px , right -2px bottom -2px;
background-size: 340px;
background-repeat: no-repeat, no-repeat;
box-shadow: 0 16px 32px 0 rgba(62,57,107,0.2);
border-radius: 2rem;
}

#tryus .ape-action {
background-image: url(/live/oe_/https://intelape.com/img/card-background-left2.svg),url(/live/oe_/https://intelape.com/img/card-background-right.svg);
}

.ape-action h1 {
text-align: center;
}
.fixed-wrapper-left {
position: absolute;
left: 7em;
bottom: 4em;
}
.fixed-wrapper-right {
position: absolute;
right: 7em;
bottom: 4em;
}
.fixed-wrapper-left p, .fixed-wrapper-right p  {
writing-mode: tb-rl;
font-size: 6vh;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 50px;
color: #afae9f;
font-weight: 300;
}

.footer-contact .cell{
/* border-left: 2px solid #031481; */
padding: 2%;
}

.footer-contact img{
width: 20%;
}
#footer-social{
background: #EBE8EE;
text-align: center;
position: relative;
}

#footer-social .cell{
padding: 0.8em 0 0.2em;
}

#footer-social img {
padding: 4%;
width: 20%;
}
#footer-social .cell {
-moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#footer-social .cell:nth-child(1) {
background: #000000;
}
#footer-social .cell:nth-child(2) {
background: #2e2e2e;
}
#footer-social .cell:nth-child(3) {
background: #454545;
}
#footer-social .cell:nth-child(4) {
background: #5c5c5c;
}

#footer-social .cell:nth-child(5) {
background: #8b8b8b;
}

#footer-social .cell:nth-child(6) {
background: #b9b9b9;
}

#footer-social .cell:nth-child(1):hover {
background: #031481;
}
#footer-social .cell:nth-child(2):hover {
background: #3b5998;
}
#footer-social .cell:nth-child(3):hover {
background: #55acee;
}
#footer-social .cell:nth-child(4):hover {
background: #cd486b;
}

#footer-social .cell:nth-child(5):hover {
background: #007bb5;
}

#footer-social .cell:nth-child(6):hover {
background: #dd4b39;
}

#sub-footer {
background: #000000;
}

#sub-footer p{
color: #F4F928;
}

#sub-footer p{
text-align: center;
padding: 3rem 0 2rem;
}

#sub-footer p span:nth-child(1){
font-size: 1em;
}
#sub-footer p span:nth-child(2){
font-size: 3em;
font-weight: 800;
}
#sub-footer p span:nth-child(3){
font-size: 0.8em;
}
#testimonial .grid-container {
z-index: 400001;
text-align: center;
}

/* Flicker Starts Here*/
#sub-footer h2{
/* font-family: 'CoreCircus', sans-serif; */
font-size: 4vw;
text-align: center;
line-height: 1;
margin: 1em 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
position: absolute;
color: #5c5c5c;
letter-spacing: 0.5rem;
}
#sub-footer h2:before {
content: attr(data-heading);
position: absolute;
overflow: hidden;
/* color: #ffcc00; */
color: #F4F928;
width: 100%;
z-index: 5;
text-shadow: none;
left: 47%;
text-align: left;
-webkit-animation: flicker 3s linear infinite;
        animation: flicker 3s linear infinite;
}

@-webkit-keyframes flicker {
0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
  opacity: .99;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.4), 1px -1px 0 rgba(255, 255, 255, 0.4), -1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.4), 0 -2px 8px, 0 0 2px, 0 0 5px #ff7e00, 0 0 15px #ff4444, 0 0 2px #ff7e00, 0 2px 3px #000;
}
20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
  opacity: 0.4;
  text-shadow: none;
}
}

@keyframes flicker {
0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
  opacity: .99;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.4), 1px -1px 0 rgba(255, 255, 255, 0.4), -1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.4), 0 -2px 8px, 0 0 2px, 0 0 5px #ff7e00, 0 0 15px #ff4444, 0 0 2px #ff7e00, 0 2px 3px #000;
}
20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
  opacity: 0.4;
  text-shadow: none;
}
}
/* Flicker Ends*/

/* #testimonial .ape-right h1 {
text-align: center !important;
} */

#about, #testimonial, #services, #tryus, #ourtech, #quote {
margin: 36em auto;
}

.ourtech-content {
background: #000000;
}
.techGuy svg {
margin-top: -6em;
width: 80%;
}

#ourtech .ape-right {
padding-right: 14%;
}
#ourtech .cell {
padding-left: 6rem;
}
.all-features {
margin-top: 25%;
}

.all-features svg {
/* width: 94%; */
}
.responsive-ape-mobile {

background:  url("/live/oe_/https://intelape.com/img/resp-mod.svg") no-repeat center;
}


.responsive-ape-mobile .ape-center-content, social-feed-slash .ape-center-content{
margin: 12em auto;
/* background: rgba(255, 255, 255, .8); */
padding: 2em;
}

.social-feed-slash {

background:  url("/live/oe_/https://intelape.com/img/socialPeople.png") no-repeat center;
padding: 12em;
/* position: relative;  this is use to make the morph flow under*/
}

.twitter-widget {
/* width: 550px;
height: 350px; */
}

/* #ourtech {
background-image: linear-gradient(to right top, #bebe2d, #cbcc2c, #d9db2b, #e6ea2a, #f4f928);
} */

/* Back to Top */

.back-to-top {
position: fixed;
right: 1%;
bottom: -7.5%;
height: 15px;
width: 40px;
padding: 3px 5px;
font-size: 10px;
font-weight: bold;
color: transparent;
opacity: 0.5;
z-index: 3;
visibility: hidden;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out;
background-color: #000000;
}
.topcontent a{
color: #F4F928 !important;
}
.back-to-top:hover, .back-to-top:focus {
opacity: 1;
text-decoration: none;
}
.back-to-top:focus {
outline: thin dotted;
}

.back-to-top::before,
.back-to-top::after {
content: '';
position: absolute;
left: 0;
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 0;
}

.back-to-top::before {
top: -20px;
z-index: 4;
border-bottom: 20px solid #000000;
}

.back-to-top::after {
bottom: 0;
z-index: 5;
border-bottom: 20px solid #F4F928;
}

.back-to-top:hover,
.back-to-top:focus {
height: 40px;
color: #212223;
}

.show-back-to-top {
display: block;
bottom: 1.25%;
visibility: visible;
}
/* Back to Top */

#apeFooter {
/* background: #F4F928; */
margin-top: 36em;
padding: 6em 0 4em;
background-color: #f4f928;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23c2c710' fill-opacity='0.13' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
}


#quote {
position: relative;
background-image: url(/live/oe_/https://intelape.com/img/quotelady.png);
min-width: 85px;
height: 620px;
background-position: right bottom, left bottom;
background-repeat: no-repeat, repeat-x;
background-size: contain;
text-align: center;
}

#quote .ape-center-content {
text-align: left;
margin: 12em auto;
padding: 4em 0 4em 3em;
}
.gradient{
/* background: transparent;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fc8270), color-stop(100%, #031481));
background: -webkit-linear-gradient(-45deg, #fc8270 0%, #031481 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent; */
color: #F4F928;
margin-bottom: 1em;
}
/* #quote .btnApe span {
color: #fc8270;
} */

.ape-right h4, #about h4 {
margin-bottom: 3rem;
}
/* 
#apeFooter br{
margin-bottom: 1em;
} */

#apeFooter .footerLogo{
width: 40%;
margin-bottom: 1em;
}

/* .footer-links {
margin: 2em auto;
border-top: 1px solid;
padding-top: .8em;
} */

.footer-links .apeLink {
color: #000000;
}
.footer-links .apeLink:hover {
color: #fc8270;
}
.footer-links a, .footer-contact p{
/* padding-right: 1em; */
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}


.prime-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: .4;
}


/*--------------------------------------------------------------------------------*/
/*Responsicve CSS*/
/*--------------------------------------------------------------------------------*/
/* Small only */
@media screen and (max-width: 39.9375em) {
  .about-ape {
    padding: 0rem;
  }

  #ourtech .cell {
    padding-left: 0rem;
  }
  .techGuy svg {
    margin-top: 0em;
    width: 90%;
}
.testimonials-outer {
  
  padding: 26px 2% 110px 2%;
  background: rgba(255, 255, 255, .8);
  max-width: 100%;
}

.single-carousel .owl-pagination {
  top: 0;
  margin: 0;
  }
  .vertical-text { 
    display: none;
  }

  .services-card img {
    width: 26%;
}
#services .fade {
  top: 210px;
  width: 88%;

}

.footer-contact .cell {
  
    text-align: center;
}
#apeFooter .footerLogo {
  width: 22%;
}
.footer-contact img {
  width: 14%;
}
.footer-links a, .footer-contact p {
  text-align: center;
}
.footer-contact  h4 {
    margin-top: 1rem;
}
#apeFooter .footerLogo {
  margin-bottom: 0em;
}
#footer-social img {
  width: 16%;
}

.apeTitle {
  font-size: 10vw;
}
.about-ape h2 {
  padding-bottom: 2em;
}

.apeintro {
  padding: 5em 2em;
}
.ape-logo .ape-header__title {
  margin-top: 0em;
}
#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {

  font-size: 3.4em;
  }

}

/* Medium and up */
@media screen and (min-width: 40em) {
.vertical-text {
  display: inline-block;
  position: fixed;
  color: #031481;
  top: 14%;
  /* left: -85px; */
  left: 0;
  font-size: 3rem;
  transform: rotate(-90deg);
  transform-origin: bottom;
  z-index: 30000;
  opacity: 0.2;
}
.vertical-text span {
  color: #fc8270;
}
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  /* font-family: 'Montserrat', sans-serif; */
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

/*------------------------------------------------------------------
[6. Forms]
*/
label {
font-weight: 400;
}

.form-control {
background: transparent;
border: 3px solid transparent;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
padding: .875rem 1rem;
font-size: 1rem;
line-height: 1.25;
}

.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}

.form-group {
margin-bottom: 1.5rem;
}

.form-control.fc-bordered {
border-top: 0;
border-right: 0;
padding-top: 1.0625rem;
border-left-color: #f7f7f7;
border-bottom-color: #f7f7f7;
}

.form-control.fc-bordered:focus {
border-color: transparent;
border-left-color: #154afb;
border-bottom-color: #154afb;
}

.form-control.fc-light {
color: #fff;
}

.form-control.fc-bordered.fc-light {
border-left-color: #fff;
border-bottom-color: #fff;
}

.form-control.fc-bordered.fc-light:focus {
border-left-color: rgba(255,255,255,0.5);
border-bottom-color: rgba(255,255,255,0.5);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-text-fill-color: #545454 !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #545454;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #545454;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #545454;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #545454;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #545454;
}

input.fc-light:-webkit-autofill,
input.fc-light:-webkit-autofill:hover,
input.fc-light:-webkit-autofill:focus,
input.fc-light:-webkit-autofill:active {
-webkit-text-fill-color: #fff !important;
}

.fc-light::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #fff;
}
.fc-light:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
.fc-light::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
.fc-light:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}
.fc-light::-ms-input-placeholder { /* Microsoft Edge */
color: #fff;
}

.contact-form-result,
.subscribe-form-result {
display: none;
}
#services .fade {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgb(242, 247, 39) 40%, rgb(244, 249, 40) 90%);
}