* { 
    -webkit-box-sizing:  inherit; 
    box-sizing:  inherit;
    -moz-box-sizing:  inherit; 
} 

div { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
    font-family: inherit; 
    font-style: inherit; 
    font-weight: inherit;
} 

#site-header-wrap { 
    position: relative; 
    z-index: 100;
} 

.transparent-image {
      opacity: 0.1; 
    }
body { 
    margin:    0; 
    font-family:  poppins,sans-serif; 
    font-size:  14px; 
    font-weight:    inherit;
    line-height:   1;
    color:  #191919; 
    background-color:    #fff;
    padding:   0; 
    border:   0; 
    outline:   0; 
    font:   inherit; 
    vertical-align:   baseline; 
    font-style:   inherit; 
    background:  #fff; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    text-rendering: optimizeLegibility; 
    overflow-x: hidden; 
    overflow-y: auto;
} 

html { 
    font-family:    inherit; 
    line-height:      1.15; 
    -ms-text-size-adjust:   100%;
    -webkit-text-size-adjust:   100%; 
    -webkit-box-sizing:  border-box; 
    box-sizing:  border-box;
    -ms-overflow-style:    scrollbar; 
    -webkit-tap-highlight-color:    transparent;
    margin:   0; 
    padding:   0; 
    border:   0; 
    outline:   0; 
    font-size:   62.5%; 
    font:   inherit; 
    vertical-align:   baseline; 
    font-style:   inherit; 
    font-weight:   inherit;
    overflow-y:  scroll; 
    -moz-box-sizing: border-box; 
} 

:root { 
    --primary-color4:   #787878; 
    --primary-color5:   #edf1f4; 
} 

section { 
    display:  block;
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
    font-family: inherit; 
    font-style: inherit; 
    font-weight: inherit;
} 

.tf-space { 
    padding: 35px 0;
} 

.flat-services { 
    margin-top: -30px;
} 

*,:before,:after { 
    -webkit-box-sizing:  inherit; 
    box-sizing:  inherit;
    -moz-box-sizing:  inherit; 
} 

.container { 
    position: relative; 
    margin-left: auto; 
    margin-right: auto; 
    padding-right: 15px; 
    padding-left: 15px;
} 

@media (min-width: 576px){ 
  .container { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 768px){ 
  .container { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 992px){ 
  .container { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1200px){ 
  .container { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 768px){ 
  .container { 
    width: 750px;
  } 
}     

@media (min-width: 992px){ 
  .container { 
    width: 970px;
  } 
}     

@media (min-width: 1200px){ 
  .container { 
    width: 1200px; 
    max-width: 100%;
  } 
}     

.row { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    margin-right: -15px; 
    margin-left: -15px;
} 

@media (min-width: 576px){ 
  .row { 
    margin-right: -15px; 
    margin-left: -15px;
  } 
}     

@media (min-width: 768px){ 
  .row { 
    margin-right: -15px; 
    margin-left: -15px;
  } 
}     

@media (min-width: 992px){ 
  .row { 
    margin-right: -15px; 
    margin-left: -15px;
  } 
}     

@media (min-width: 1200px){ 
  .row { 
    margin-right: -15px; 
    margin-left: -15px;
  } 
}     

.col-md-12 { 
    position: relative; 
    width: 100%; 
    min-height: 1px; 
    padding-right: 15px; 
    padding-left: 15px;
} 

@media (min-width: 576px){ 
  .col-md-12 { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 768px){ 
  .col-md-12 { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 992px){ 
  .col-md-12 { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1200px){ 
  .col-md-12 { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 768px){ 
  .col-md-12 { 
    -webkit-box-flex: 0; 
    -webkit-flex: 0 0 100%; 
    -ms-flex: 0 0 100%; 
    flex: 0 0 100%; 
    max-width: 100%;
  } 
}     

.col-md-6 { 
    position: relative; 
    width: 100%; 
    min-height: 1px; 
    padding-right: 15px; 
    padding-left: 15px;
} 

@media (min-width: 576px){ 
  .col-md-6 { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 768px){ 
  .col-md-6 { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 992px){ 
  .col-md-6 { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1200px){ 
  .col-md-6 { 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 768px){ 
  .col-md-6 { 
    -webkit-box-flex: 0; 
    -webkit-flex: 0 0 50%; 
    -ms-flex: 0 0 50%; 
    flex: 0 0 50%; 
    max-width: 50%;
  } 
}     

.fadeInUp { 
    animation-name: fadeInUp;
} 

.flat-services .services-title  { 
    text-align: center; 
    margin-bottom: 52px;
} 

.zoomIn { 
    animation-name: zoomIn;
} 

.flat-services .services-post-left  { 
    margin-right: -15px;
} 

.flat-services .services-content.right  { 
    padding: 79px 50px 0 66px;
} 

.flat-services .services-post-right  { 
    margin-left: -15px;
} 

.section-title { 
    display: inline-block; 
    font-family: poppins,sans-serif; 
    font-size: 14px; 
    font-weight: 300; 
    letter-spacing: 2.8px; 
    padding: 0 6px 7px 0; 
    border-bottom: 2px solid #000000; 
    margin-bottom: 18px; 
    text-transform: uppercase; 
    color: #000000;
} 

h2 { 
    margin-top:      0; 
    margin-bottom:      .5rem; 
    font-family:   poppins,sans-serif; 
    font-weight:   600; 
    line-height:     1.1; 
    color:     inherit;
    font-size:  2em;
    margin:   0; 
    padding:   0; 
    border:   0; 
    outline:   0; 
    font:   inherit; 
    vertical-align:   baseline; 
    font-style:   inherit; 
    text-rendering:  optimizeLegibility;
} 

.section-heading { 
    font-size: 32px; 
    letter-spacing: 0px; 
    line-height: 36px; 
    font-weight: 600;
} 

img { 
    border-style:     none;
    vertical-align:  middle; 
    margin:   0; 
    padding:   0; 
    border:   0; 
    outline:   0; 
    font-size:   100%; 
    font:   inherit; 
    font-family:   inherit; 
    font-style:   inherit; 
    font-weight:   inherit;
    max-width:  100%; 
    height:  auto; 
    -ms-interpolation-mode: bicubic;
} 

.title { 
    display: inline-block; 
    font-family: poppins,sans-serif; 
    font-size: 22px; 
    font-weight: 600; 
    letter-spacing: 0.8px; 
    color: #000000;
} 

.flat-services .services-content .title  { 
    font-size: 14px; 
    font-weight: 300; 
    text-transform: uppercase; 
    letter-spacing: 2.8px; 
    margin-bottom: 15px; 
    color: var(--primary-color4);
} 

h3 { 
    margin-top:      0; 
    margin-bottom:      .5rem; 
    font-family:   poppins,sans-serif; 
    font-weight:   600; 
    line-height:     1.1; 
    color:     inherit;
    font-size:  34px;
    margin:   0; 
    padding:   0; 
    border:   0; 
    outline:   0; 
    font:   inherit; 
    vertical-align:   baseline; 
    font-style:   inherit; 
    text-rendering:  optimizeLegibility;
} 

.flat-services .services-content h3  { 
    margin-bottom: 30px;
} 

p { 
    margin-top:   0; 
    margin-bottom:   1rem;
    margin:  0; 
    padding:  0; 
    border:  0; 
    outline:  0; 
    font-size:  16px; 
    font:  inherit; 
    vertical-align:  baseline; 
    font-family:  inherit; 
    font-style:  inherit; 
    font-weight:  400; 
    line-height: 26px; 
    color: var(--primary-color4);
} 

.flat-services .services-content p  { 
    margin-bottom: 35px;
} 


@keyframes fadeInUp { 
  0% {  
      opacity: 0; 
      transform: translate3d(0,100%,0); 
      opacity: 0; 
      transform: translate3d(0px, 100%, 0px); 
  }  
  100% {  
      opacity: 1; 
      transform: none; 
      opacity: 1; 
      transform: none; 
  }  

} 
@keyframes zoomIn { 
  0% {  
      opacity: 0; 
      transform: scale3d(.3,.3,.3); 
      opacity: 0; 
      transform: scale3d(0.3, 0.3, 0.3); 
  }  
  50% {  
      opacity: 1; 
      opacity: 1; 
  }  

}