/*Header Menu*/
body > .over-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  height: 100%;
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
}
body.open-menu {
  left: -250px;
}
body.open-menu > .over-menu {
  visibility: visible;
  opacity: 1;
}
body.open-menu .menu-container {
  right: 0 !important;
} 
header {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  width: 100%;
  float: left;
  position: fixed;
  z-index: 10; 
  background: #333333;
  height: 60px;
  padding: 10px 0;
  top: 0;
}
header::before {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform-origin: 0;
  background: #FFF;
  position: absolute;
  width: 100%;
  content: "";
  top: 0;
  right: 0;
  height: 0;
}
header .desk-menu {
  position: relative;
  width: 100%;
  float: left;
}
header .desk-menu .logo { 
  float: left;
}
header .desk-menu .logo-adn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
  position: relative;
  display: table;
  z-index: 1;
}
header .desk-menu .logo-adn a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-image: url("../img/kaiser.png");
  background-position: 0;
  color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat; 
  background-size: contain;
  display: block;
  width: 120px;
  height: 40px;
  font-size: 0;
}
header .desk-menu .box-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative; 
  display: list-item;
  margin: 0 auto;
  float: right;
  text-align: center;
}
header .desk-menu .menu-container {
  float: left;
}
header .desk-menu .menu-container .menu-head,
header .desk-menu .menu-container .menu-foot {
  width: 100%;
  float: left;
  display: none;
}
header .desk-menu .menu-container .menu-head {
  background: #008081;
  padding: 16px 10px;
}
header .desk-menu .menu-container .menu-head .e1 {
  padding: 3px 0;
  float: left;
}
header .desk-menu .menu-container .menu-head .e1 img {
  width: 29px;
  float: left;
  height: 29px;
}
header .desk-menu .menu-container .menu-head .client {
  color: #FFF;
  float: right;
}
header .desk-menu .menu-container .menu-head .client span {
  font-family: "Ubuntu", sans-serif;
  text-transform: uppercase;
  padding: 5px 42px 5px 0;
  position: relative;
  line-height: 100%;
  font-size: 9px;
  display: block;
}
header .desk-menu .menu-container .menu-head .client i {
  position: absolute;
  font-size: 30px;
  right: 0;
  top: 0;
}
header .desk-menu .menu-container .menu-foot {
  position: absolute;
  bottom: 0;
  padding: 15px 0;
}
header .desk-menu .menu-container .menu-foot .social {
  display: table;
  margin: 0 auto;
}
header .desk-menu .menu-container .menu-foot .social a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
  color: #FFF;
  font-size: 13px;
  text-align: center;
  padding: 5px 0;
  border-radius: 50%;
  background: #797c82;
  width: 29px;
  height: 29px;
}
header .desk-menu .menu-container .menu-foot .social a:last-child {
  margin: 0;
}
header .desk-menu .menu-container .menu-foot .social a:hover {
  background: #a4a7ac;
}
header .desk-menu .menu-container .menu-foot hr {
  margin: 15px auto 20px;
  display: table;
  width: calc(100% - 20px);
}
header .desk-menu .menu-container .menu-foot address {
  position: relative;
  text-align: left;
  padding: 0 15px;
  margin: 0;
}
header .desk-menu .menu-container .menu-foot address i {
  position: absolute;
  left: 0;
  top: 0;
}
header .desk-menu .menu-container .menu-foot address span {
  padding: 0 0 0 20px;
  position: relative;
  margin-bottom: 5px;
  font-size: 12px;
  display: block;
}
header .desk-menu .menu-container .menu {
  float: left;
  padding: 0;
  margin: 0 20px 0 0;
  list-style: none;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header .desk-menu .menu-container .menu li.back {
  display: none;
}
header .desk-menu .menu-container .menu > li {
  -webkit-transition: all 0.33s ease;
  -moz-transition: all 0.33s ease;
  -ms-transition: all 0.33s ease;
  -o-transition: all 0.33s ease;
  transition: all 0.33s ease;
  margin: 0 0 0 10px;
  float: left;
  cursor: pointer;
  position: relative;
  overflow: inherit; 
  white-space: nowrap; 
margin-top: -10px;
}
header .desk-menu .menu-container .menu > li a {
  display: block; 
  padding: 20px 10px;
  transition: 0.3s;
  font-size: 13px;
  font-family: "Poppins", sans-serif; 
  color: #fff;
  position: relative; 
} 
header .desk-menu .menu-container .menu > li.menu-item-has-children > a::before {
  background-color: #4e4e4e; 
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  content: "";
  display: inline-block;
  height: 6px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 66% 50%;
  transition: all .1s ease-in-out;
  vertical-align: middle;
  width: 6px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
  box-shadow: 1px 2px 4px rgba(46, 61, 73, 0.2);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-overflow-scrolling: touch;
  min-width: 200px;
  position: absolute;
  list-style: none;
  background: #FFF;
  padding: 0;
  float: left;
  display: table;
  left: 0;
  width: 100%;
  float: left;
  display: none;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li {
  width: 100%;
  -webkit-transition: all 0.33s ease;
  -moz-transition: all 0.33s ease;
  -ms-transition: all 0.33s ease;
  -o-transition: all 0.33s ease;
  transition: all 0.33s ease;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {
  color: #4e4e4e;
  padding: 12px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu {
  display: none;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #4e4e4e;
  position: absolute;
  content: "";
  height: 1px;
  width: 7px;
  top: 24px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
  transform: rotate(45deg);
  right: 6px;
  top: 19px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
  transform: rotate(-45deg);
  right: 6px;
  top: 23px;
}
header .desk-menu .menu-container .menu li a.custom-btn {
  margin: 9px 20px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > a {
  display: block;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu {
  display: block;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a {
  background-color: transparent;
color: #156BA3 ;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a::before {
  -webkit-transform: rotate(142deg);
  -moz-transform: rotate(142deg);
  -ms-transform: rotate(142deg);
  -o-transform: rotate(142deg);
  transform: rotate(142deg);
  top: 23px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a::after {
  -webkit-transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  -o-transform: rotate(42deg);
  transform: rotate(42deg);
  right: 11px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {
  left: 100%;
  margin-top: -43px;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children a {
  text-align: left;
}
header .desk-menu .menu-container .menu > li.menu-item-has-children a:hover {
  margin-top: 0;
}
header .desk-menu .menu-container .menu > li.line {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  bottom: 11px;
  left: 0;
  height: 0px;
  pointer-events: none;
  border: 1px solid #008081;
  background: #008081;
  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
  transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
  opacity: 0;
  display: block;
} 
header .desk-menu .menu-container .menu > li.menu-item-has-children > button {
    position: absolute;
    right: 0;
    border: 0;
    background: none; 
width: 50px;
height: 40px;
z-index: 99;
}
header .desk-menu .menu-container .menu > li:hover > a::before {
  transform: translateX(5px) rotate(-140deg);
  transform-origin: center;
}
header .desk-menu .menu-container .menu > li:hover > a::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
  right: 7px;
}
header .desk-menu .menu-container .menu > li:hover.menu-item-has-children .sub-menu {
  display: block;
}
header .hamburger-menu {
  display: none;
} 
header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::before, header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {
  background-color: #4e4e4e;
} 
header.small .desk-menu .box-menu {
  padding: 0;
} 
@media (max-width: 991px) {
  header {
    height: 60px;
  }
  header .hamburger-menu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    position: absolute;
    top: 16px;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: 0;
    z-index: 11;
  }
  header .hamburger-menu span {
    text-transform: uppercase;
    left: calc(-100% + -5px);
    padding: 8px 9px 8px 0;
    top: calc(50% - 18px);
    position: absolute;
    font-size: 13px;
    color: #FFF;
  }
  header .hamburger-menu .bar,
header .hamburger-menu .bar::after,
header .hamburger-menu .bar::before {
    width: 35px;
    height: 3px;
  }
  header .hamburger-menu .bar {
    position: relative;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background: #fff;
    top: -7px;
  }
  header .hamburger-menu .bar::before, header .hamburger-menu .bar::after {
    position: absolute;
    background: #fff;
    content: "";
    left: 0;
    border-radius: 5px;
  }
  header .hamburger-menu .bar::before {
    bottom: 10px;
    -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .hamburger-menu .bar::after {
    top: 10px;
    -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .hamburger-menu .bar.animate {
    background: rgba(255, 255, 255, 0);
  }
  header .hamburger-menu .bar.animate::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .hamburger-menu .bar.animate::before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .desk-menu .box-menu ul li a { 
    border-bottom: 1px solid #eaeaea;
  }
  header .desk-menu .menu-container {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #FFF;
    position: fixed;
    height: 100%;
    width: 250px;
    right: -250px;
    top: 0;
  }
  header .desk-menu .menu-container .menu-header-container {
    position: relative;
    float: left;
  }
  header .desk-menu .menu-container .menu-header-container ul {
    padding: 10px !important;
  }
  header .desk-menu .menu-container .menu {
    margin: 0;
  }
  header .desk-menu .menu-container .menu li.back {
    position: relative;
    display: block;
  }
  header .desk-menu .menu-container .menu li.back a {
    padding: 12px 12px 12px 35px !important;
  }
  header .desk-menu .menu-container .menu li.back a::before, header .desk-menu .menu-container .menu li.back a::after {
    background-color: #4e4e4e;
    position: absolute;
    content: "";
    height: 2px;
    width: 7px;
    top: 23px;
  }
  header .desk-menu .menu-container .menu li.back a::before {
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    top: 20px !important;
    right: inherit !important;
    left: 15px !important;
  }
  header .desk-menu .menu-container .menu li.back a::after {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    top: 24px !important;
    left: 15px !important;
  }
  header .desk-menu .menu-container .menu li.line {
    display: none !important;
  }
  header .desk-menu .menu-container .menu > li {
    width: 100%;
    float: left;
    margin: 0;
    text-align: left;
  }
  header .desk-menu .menu-container .menu > li a { 
    padding: 12px;
    color: #4e4e4e;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children {
    position: initial;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children a {
    padding: 12px;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {
    background: #4e4e4e;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::before {
    right: 15px !important;
top: 17px !important;
width: 6px !important;
background-color: transparent !important;
border-bottom: 2px solid #4e4e4e;
border-right: 2px solid #4e4e4e; 
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {
    top: 26px !important;
    width: 7px !important;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block !important;
    background: #FFF;
    z-index: 1;
    top: 0;
    left: 100%;
    height: 100%;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {
    margin-top: 0;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub {
    left: 0%;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
    background-color: #4e4e4e;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    right: 6px !important;
    top: 22px !important;
    width: 7px !important;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    right: 6px !important;
    top: 26px !important;
    width: 7px !important;
  }
  header .desk-menu .menu-container .menu > li:hover a:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 6px;
    top: 22px;
  }
  header .desk-menu .menu-container .menu > li:hover a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 26px;
  }
  header .desk-menu .menu-container .menu-head {
    display: block;
  }
  header .desk-menu .menu-container .menu-foot {
    display: block;
  } 
}
@media (min-width: 767px) {
  .stack-cards-slider .owl-nav .owl-next {
    position: absolute;
    right: 12px;
    top: 26%;
    outline: none;
  } 
}
@media (max-width: 767px) {
  body .stack-cards-slider .slide-item-content{ 
    width: 100%;
  }
  header .desk-menu .menu-container .menu li a.custom-btn {
    margin: 10px 0;
  }
  header .desk-menu .menu-container .menu li a {
    padding: 8px 12px;
  }
  header .desk-menu .menu-container .menu li.back a {
    padding: 8px 12px 8px 35px !important;
  }
  header .desk-menu .menu-container .menu li.back a::before {
    top: 17px !important;
  }
  header .desk-menu .menu-container .menu li.back a::after {
    top: 21px !important;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children a {
    padding: 8px 12px;
  } 
  header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {
    top: 22px;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {
    padding: 8px 12px;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {
    top: 18px;
  }
  header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {
    top: 22px;
  }
}
@media (max-width: 481px) {
  header .desk-menu .logo-adn a {
    width: 100px;
    margin-left: 10px;
  }
  header .hamburger-menu {
    top: 20px;
    right: 0;
  }
  header .hamburger-menu .bar,
header .hamburger-menu .bar::after,
header .hamburger-menu .bar::before {
    width: 30px;
    height: 3px;
  }
  header .hamburger-menu .bar::before {
    bottom: 9px;
  }
  header .hamburger-menu .bar::after {
    top: 9px;
  } 
}
@media (max-height: 550px) {
  header .desk-menu .menu-container .menu-foot hr,
header .desk-menu .menu-container .menu-foot address {
    display: none;
  }
}

.resize-message {
  margin: 40vh auto 0;
  display: table;
}

.resize-message span {
  text-transform: uppercase;
  text-align: center;
  display: block;
  color: #666;
}

.resize-message span i {
  font-size: 30px;
}

.author {
  position: fixed;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 30px 15px 15px;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(54%, rgba(0, 0, 0, 0.54)), color-stop(100%, black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 54%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
}
.author a {
  font-size: 16px;
  display: table;
  margin: 0 auto;
  text-decoration: none;
  color: #FFF;
  font-weight: 700;
}
.author a span {
  color: #008081;
}
/*//Header Menu*/

img.next_step{
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 50px;
  bottom: -50px;
}
#cta::before, #hero::before {
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
#testimonials {
  padding: 60px 0 0;
  box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  background-color: #F0F4F7;
  padding-bottom: 120px;
}

hr { display: block; height: 1px;
  border: 0; border-top: 1px solid white;
  margin: 1em 0; padding: 0; }


.onlyForMobile img{max-width: 100%}
.partners.img-fluid {
  margin: 50px 5px;
  max-width: 100%;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  #testimonials .testimonial-item {
    text-align: center;
  }
  .notForMobile{display: none !important}
  .onlyForMobile{display: block; text-align: center;background: #fff;}
}

.onlyForMobile h2{font-family: 'Raleway', sans-serif;margin-top: 30px;}

#testimonials .testimonial-item .testimonial-img {
  width: 220px;
  border-radius: 50%;
  border: 4px solid #fff;
  float: left;
}

@media (max-width: 767px) {
  #testimonials .testimonial-item .testimonial-img {
    float: none;
    margin: auto;
    width: 50%;
  }
  .counts .card {
    margin-top: 50px;
  }
  .services .icon {
  }
  .services .icon-box {
    overflow: hidden;
    padding-bottom: 20px !important;
  }
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
  margin-left: 140px;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
  margin-left: 140px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 0 15px 140px;
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 60%;
  }
}

@media (max-width: 767px) {
  #testimonials .testimonial-item h3, #testimonials .testimonial-item h4, #testimonials .testimonial-item p {
    margin-left: 0;
  }
}

#testimonials .owl-nav, #testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #007bff;
}
.arrowImg {
  z-index: 1;
  position: absolute;
  margin-left: 82%;
  margin-top: 76px;
  width: 95px;
}
.user-name{
}
.stacked-card {
  background-color: #ffffff;
  border-radius: 10px;
  width: 90%;
  height: 250px;
  position: absolute;
  transform: translateX(0);
  transition: all 1s linear;
  opacity:.5;
  }
  .stacked-cards {
    align-items: center;
    position:relative;
    z-index: 2;
    padding-left: 10%;
    padding-right: 10%;
    height: 200px;
  }
.testimonial-img{
  float: left;
   width: 30%;
   height: 250px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
@media (max-width: 767px) {
  .stacked-card{
    height:auto;
  }
  .testimonial-img {
    height: 100px;
  }
  .cta .cta-btn {
    float: left !important;
    position: relative !important;
    left: 0;
  }
  .arrowImg{
    width:40%;
    margin-left:65%;  
  }
  .user-name{
    display: none;
  }
  .contact2 {
    padding: 50px 25px;
  }
  .contact2 img {
    max-width: 100% !important;
  }
  .services .icon-box {
    overflow: hidden;
  }
  .services .icon-box br {
    display: none;
  }
  #services .mb-5, #services .my-5 {
    margin-bottom: 0 !important;
  }
 
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: 'Poppins', sans-serif;
  color: #444444;
}


@media screen and ( max-width: 1024px ) {
  img.responsive { width: 50%; }
  }

a {
  color: #156BA3;
}

a:hover {
  color: #8ec4dd;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #156BA3;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #86c0da;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


#header .logo h1 {
  font-size: 24px;
  margin: 0;
  padding: 6px 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #fff;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}

@media (max-width: 768px) {
  #header {
    height: 60px;
    padding: 10px 0;
  }
  .php-email-form h2 {
    font-size: 23px;
    line-height: 50px;
}
  .php-email-form {
    margin-bottom: 25px;
  }
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  /*overflow: auto;*/
  margin-bottom: 5px;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
  margin-top: -10px;
  background: rgba(255, 255, 255, 0.2);
}

.nav-menu a {
  display: block;
  position: relative;
  color: #2f4d5a;
  padding: 20px 15px;
  transition: 0.3s;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  /*background: rgba(255, 255, 255, 0.2);*/
  text-decoration: none;
}

.header-scrolled .nav-menu > ul > li {
  background: none;
}

.header-scrolled .nav-menu a {
  color: #fff;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: grey;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: grey;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

.mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  /* bottom: 15px; */
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
  margin: 0 !important;
  border-radius: 0 !important;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: grey;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 50px;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(30, 48, 56, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/* Testimonials Section
--------------------------------*/
#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 60px;
}
#quote-carousel .carousel-control {
  background: none;
  color: #CACACA;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
#quote-carousel .carousel-indicators {
  position: relative;
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-top: 20px;
  margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  opacity: 0.4;
  overflow: hidden;
  transition: all .4s ease-in;
  vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
  width: 128px;
  height: 128px;
  opacity: 1;
  transition: all .2s;
}
.item blockquote {
  border-left: none;
  margin: 0;
}
.item blockquote p:before {
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: 10px;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  align-items: center;
  /* margin-top: 50px;
  padding-top: 50px; */
  background-image: url("../img/slide-3.jpg") ;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
.btn-primary.custom-btn {
	background-color: #156BA3;
  border-color: #156BA3;
}

#hero .hero-container {
  padding: 10%;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#hero h1 {
  margin: 0 0 10px 0;
  align-items: center;
  text-align: center;
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 60px;
  color: #fff;
  text-shadow: -1px 0 2px #2f4d5a;
}
#hero h1 span {
    font-size: 50px;
    font-weight: normal;
}
#hero .custom-btn {
    font-size: 18px;
    font-weight: 500;
}
.btn.btn-primary.custom-btn {
    font-size: 15px;
    font-weight: 500;
}
#hero p {
  text-align: center;
  color: #fff;
/*  padding-left: 25%;
  padding-right: 25%;*/
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 200;
  font-style: normal;
  line-height: 30px;
  text-shadow: -1px 0 2px #2f4d5a;
}
.counts .count-box img {
    height: 45px;
    margin-bottom: 15px;
}

#hero /*btn-get-started*/ {
  font-size: 36px;
  display: inline-block;
  padding: 4px 0;
 /* border-radius: 50px;*/
  transition: 0.3s ease-in-out;
/*  margin: 30px;*/
  width: 64px;
  height: 64px;
  text-align: center;
  /*border: 2px solid #fff;*/
  color: #fff;
  position: absolute;
  
}

/*#hero .btn-get-started:hover {
  padding-top: 8px;
  background: rgba(255, 255, 255, 0.15);
}*/

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 720px) {
  #hero{
    background-size: 100% 85%;
    background-repeat: no-repeat;
    position: relative;
  
  }

}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.section-bg {
  background-color: #ffffff;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 40px;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
  color: bl;
  z-index: 2;
}

.section-title h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 122px;
  height: 66px;
  /* background: url(../img/section-title-bg.png) no-repeat; */
  z-index: -1;
}

.section-title p {
  margin-bottom: 0;
}
@media (max-width:720px) {
  #counts.section-bg {
    padding-top:  0;
  }
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
  padding-bottom: 30px;
}

.about .container {
  box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
}

.about .video-box img {
  padding: 15px 0;
}

.about .section-title p {
  text-align: left;
  font-weight: 100;
  color: #333;
}

.about .about-content {
  padding: 10px;
}
.about .icon-box + .icon-box {
  margin-top: 40px;
}

.about .icon-box .icon {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: #f1f7fb;
  border-radius: 6px;
  transition: 0.5s;
}


.about .img-box img{
  max-width: 100%;
  height: auto;
  border-image-slice: fill;
}

.about .icon-box .icon i {
  color:blueviolet;
  font-size: 32px;
}

.about .icon-box:hover .icon {
  background: blueviolet;
}

.about .icon-box:hover .icon i {
  color: #fff;
}

.about .icon-box .title {
  margin-left: 95px;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
}

.about .icon-box .title a {
  color: #343a40;
  transition: 0.3s;
}

.about .icon-box .title a:hover {
  color: #428bca;
}

.about .icon-box .description {
  margin-left: 95px;
  line-height: 24px;
  font-size: 14px;
}

.about .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#428bca 50%, rgba(66, 139, 202, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.about .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.about .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(66, 139, 202, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.about .play-btn:hover::after {
  border-left: 15px solid #428bca;
  transform: scale(20);
}

.about .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box:hover {
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    /*background-color: #fff;*/
    background-color: #156BA3;
    color: #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,.12);
    -webkit-transition: all 0.3s ease-in-out;
}
.services .icon-box:hover h5 a{color: #fff}
hr.serv_hr{
  border-color: #156BA3;
  border-width: 5px;
  width: 20%;
  margin: -25px auto 0 auto;
}
.services .icon i {
  font-size: 48px;
  line-height: 1;
  color: #156BA3;
  transition: all 0.3s ease-in-out;
}

.services .title .h5{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  /* margin-bottom: 15px; */
  font-size: 18px;
}

.services .title a {
  color: #111;
  font-weight: bold;
  margin: 10px 0;
  float: left;
  width: 100%;
  font-size: 22px;
}

.services .description {
  font-size: 17px;
  line-height: initial;
  margin-bottom: 0;
  text-align: center;
  word-spacing: -5px;
}
.row.icon-box {
    display: block;
}
/*.icon-box {
  padding: 0 25px 25px;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 20px 5px;
  background: #fff;
  border-radius: 5px;
}*/


/* Clients Section
--------------------------------*/
#clients {
  padding: 10px 0;
  box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
 

#clients .client-logo {
  padding: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-right: 1px solid #d6eaff;
  border-bottom: 1px solid #d6eaff; */
  overflow: hidden;
  background: #fff;
  height: 160px;
}

#clients .client-logo:hover img {
  transform: scale(1.2);
}

#clients img {
  transition: all 0.4s ease-in-out;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding-bottom: 70px;
}

.counts .count-box {
  padding: 10px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 15px;
  text-align: center;
}

.counts .count-box i {
  display: block;
  align-items: center;
  text-align: center;
  font-size: 44px;
  color: blueviolet;
}

.counts .count-box h3 {
  align-items: center;
  text-align: center;
  width: 100%;
  /* margin: 0 0 0 50px; */
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #333333;
}
.card {
  /* border: #ed3c0d; */
 background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;

}
.rect1 {
  background: #156BA3;
  width:65px;
  height:65px;
  align-items: center;
border-radius: 15px;
}



.counts .count-box p {
  align-items: center;
  text-align: center;
  width: 100%;
  /* margin: 0 0 0 50px; */
  font-family: 'Poppins', sans-serif;
  padding-top: 5px;
  font-weight: 100;
  color: #333333;
}

.counts .count-box a {
  font-weight: '600';
  display: block;
  margin-top: 20px;
  color: red;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.3s;
}

.counts .count-box a:hover {
  color: grey;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background:  url("../img/slide-1.jpg") fixed center center;
  background-size: cover;
  padding: 60px 0;
  position: relative;
}
@media (max-width:400px) {
  #testimonials {
    /*height: 717px;*/
}
  .cta{
    padding-bottom:110px;
  }
}

.cta h3 {
  color: #fff;
  font-size: 24px;
 
}

.cta p {
  color: #fff;
  font-size: 20px;
    font-weight: 700;

}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  position: absolute;
  right: 30px;
  top: 30%;
}

.cta .cta-btn:hover {
  border-color: #fff;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 35px auto;
  list-style: none;
  text-align: center;
  background: #ecf5f9;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 8px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #2f4d5a;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #156BA3;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 1;
  left: 0;
  right: 0;
  bottom: -60px;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
  display: flex;
  justify-content: center;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  font-size: 28px;
  text-align: center;
  background: rgba(103, 176, 209, 0.75);
  transition: 0.3s;
  width: 50%;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  background: rgba(103, 176, 209, 0.95);
}

.portfolio .portfolio-wrap .portfolio-links a + a {
  border-left: 1px solid #8ec4dd;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  bottom: 0;
}



/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}

.team .member .pic {
  overflow: hidden;
}

.team .member .member-info {
  position: absolute;
  top: 85%;
  left: 20px;
  right: 20px;
  background: #fff;
  padding: 20px 0;
  color: #2f4d5a;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  max-height: 95px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.team .member:hover .member-info {
  max-height: 300px;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 16px;
  color: #2f4d5a;
  position: relative;
  padding-bottom: 10px;
}

.team .member h4::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #b1cbd7;
  bottom: 0;
  left: calc(50% - 25px);
}

.team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

.team .member .social {
  margin-top: 15px;
}

.team .member .social a {
  transition: color 0.3s;
  color: #52869d;
}

.team .member .social a:hover {
  color: #156BA3;
}

.team .member .social i {
  font-size: 16px;
  margin: 0 2px;
}

@media (max-width: 992px) {
  .team .member {
    margin-bottom: 110px;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact {
  padding-bottom: 40px;
  padding-top: 40px;
  background-color: #333333;
}

.contact2 {
  padding-bottom: 80px;
  background-color: #ffffff;
}

.contact .info-box {
  color: #333333;
  background: #fff;
  text-align: center;
  border-radius: 20%;
  /* box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); */
  padding: 20px 0 30px 0;
}

.contact .info-box i {
  font-size: 32px;
  color: #156BA3;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #f0f7fa;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  color: white;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  /* box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); */
  padding: 30px;
  background: #fff;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #156BA3;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

/* .contact ul {
  list-style: none;
}

.contact ul li::before {
  content: "\2022";
  color: red;
  
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
} */

.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
  background-color: #156BA3;
}

.contact .php-email-form input {
  padding: 20px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #156BA3;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #8ec4dd;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #222;  
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  background: #333333;
  border-top: 1px solid #768fa6;
  border-bottom: 1px solid #67839c;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
  padding-right: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  color: #fff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block; 
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #156BA3;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #9eccf4;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #9eccf4;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #428bca;
  color: #fff;
  transition: 0.3s;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: #5295ce;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

#footer .credits a {
  color: #9eccf4;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?81qsui');
  src:  url('fonts/icomoon.eot?81qsui#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?81qsui') format('truetype'),
    url('fonts/icomoon.woff?81qsui') format('woff'),
    url('fonts/icomoon.svg?81qsui#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-affordability:before {
  content: "\e900";
  color: #6b6b6b;
}
.icon-reliable:before {
  content: "\e901";
  color: #6b6b6b;
}
.icon-cart-1:before {
  content: "\e902";
  color: #6b6b6b;
}
.icon-copywriting .path1:before {
  content: "\e903";
  color: rgb(47, 47, 47);
}
.icon-copywriting .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(212, 212, 212);
}
.icon-copywriting .path3:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path4:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path5:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path6:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path7:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path8:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path9:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path10:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path11:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(212, 212, 212);
}
.icon-copywriting .path12:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(197, 197, 197);
}
.icon-copywriting .path13:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(212, 212, 212);
}
.icon-copywriting .path14:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(197, 197, 197);
}
.icon-copywriting .path15:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(122, 122, 122);
}
.icon-copywriting .path16:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(152, 152, 152);
}
.icon-copywriting .path17:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(92, 92, 92);
}
.icon-copywriting .path18:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path19:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(62, 62, 62);
}
.icon-copywriting .path20:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(137, 137, 137);
}
.icon-copywriting .path21:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(167, 167, 167);
}
.icon-copywriting .path22:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path23:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path24:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(182, 182, 182);
}
.icon-copywriting .path25:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(77, 77, 77);
}
.icon-copywriting .path26:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(77, 77, 77);
}
.icon-copywriting .path27:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(77, 77, 77);
}
.icon-copywriting .path28:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path29:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(92, 92, 92);
}
.icon-copywriting .path30:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(51, 51, 51);
}
.icon-copywriting .path31:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path32:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path33:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path34:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path35:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path36:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path37:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path38:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path39:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path40:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path41:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path42:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path43:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path44:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path45:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path46:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path47:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path48:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path49:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path50:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path51:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path52:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path53:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path54:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path55:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path56:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path57:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-design:before {
  content: "\e93c";
  color: #6b6b6b;
}
.icon-development:before {
  content: "\e93d";
  color: #6b6b6b;
}
.icon-promotion:before {
  content: "\e93e";
  color: #6b6b6b;
}
.icon-horse:before {
  content: "\e93f";
  color: #6b6b6b;
}
.icon-smartphone:before {
  content: "\e940";
  color: #6b6b6b;
}
.icon-film:before {
  content: "\e941";
}
.icon-video-camera:before {
  content: "\e942";
}
.icon-cart:before {
  content: "\e943";
}
.icon-pushpin:before {
  content: "\e946";
}
.icon-database:before {
  content: "\e964";
}
.icon-users:before {
  content: "\e972";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-hammer:before {
  content: "\e996";
}
.icon-pie-chart:before {
  content: "\e99a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars:before {
  content: "\e99c";
}
.icon-upload2:before {
  content: "\e9c6";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-onedrive:before {
  content: "\eaaf";
}
.icon-android:before {
  content: "\eac0";
}
.icon-html-five2:before {
  content: "\eae5";
}

[card-stack] {
  position: relative;
  max-width: 75%;
  max-height: 50%;
  padding-left: 20px;
  margin: auto;
}

[name="card-set"] {
  display: none;
}
[name="card-set"]:checked + [card] {
  display: -webkit-box;
  display: flex;
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-transition: opacity 1s, -webkit-transform 1s, -webkit-filter .25s;
  transition: opacity 1s, -webkit-transform 1s, -webkit-filter .25s;
  transition: transform 1s, opacity 1s, filter .25s;
  transition: transform 1s, opacity 1s, filter .25s, -webkit-transform 1s, -webkit-filter .25s;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
  z-index: 0;
}
[name="card-set"]:checked + [card] ~ [card] {
  z-index: -1;
  display: -webkit-box;
  display: flex;
  opacity: .9;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  -webkit-transform: translateY(1.2rem) scale(0.95);
          transform: translateY(1.2rem) scale(0.95);
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s, -webkit-filter .5s;
  transition: opacity 1.5s, -webkit-transform 1.5s, -webkit-filter .5s;
  transition: transform 1.5s, opacity 1.5s, filter .5s;
  transition: transform 1.5s, opacity 1.5s, filter .5s, -webkit-transform 1.5s, -webkit-filter .5s;
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}
[name="card-set"]:checked + [card] ~ [card] ~ [card] {
  z-index: -2;
  display: -webkit-box;
  display: flex;
  opacity: .7;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  -webkit-transform: translateY(2.4rem) scale(0.9);
          transform: translateY(2.4rem) scale(0.9);
  -webkit-transition: opacity 2s, -webkit-transform 2s, -webkit-filter 1.5s;
  transition: opacity 2s, -webkit-transform 2s, -webkit-filter 1.5s;
  transition: transform 2s, opacity 2s, filter 1.5s;
  transition: transform 2s, opacity 2s, filter 1.5s, -webkit-transform 2s, -webkit-filter 1.5s;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}
[name="card-set"]:checked + [card] ~ [card] ~ [card] ~ [card] {
  z-index: -3;
  display: -webkit-box;
  display: flex;
  opacity: .5;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transform: translateY(3.6rem) scale(0.85);
          transform: translateY(3.6rem) scale(0.85);
  -webkit-transition: opacity 2.5s, -webkit-transform 2.5s, -webkit-filter 2s;
  transition: opacity 2.5s, -webkit-transform 2.5s, -webkit-filter 2s;
  transition: transform 2.5s, opacity 2.5s, filter 2s;
  transition: transform 2.5s, opacity 2.5s, filter 2s, -webkit-transform 2.5s, -webkit-filter 2s;
  -webkit-transition-delay: .7s;
          transition-delay: .7s;
}
[name="card-set"]:checked + [card] ~ [card] ~ [card] ~ [card] ~ [card] {
  z-index: -4;
  display: -webkit-box;
  display: flex;
  opacity: 0;
  -webkit-filter: blur(4px);
          filter: blur(4px);
  -webkit-transform: translateY(5rem) scale(0.8);
          transform: translateY(5rem) scale(0.8);
  -webkit-transition: opacity 3s, -webkit-transform 3s, -webkit-filter 2.5s;
  transition: opacity 3s, -webkit-transform 3s, -webkit-filter 2.5s;
  transition: transform 3s, opacity 3s, filter 2.5s;
  transition: transform 3s, opacity 3s, filter 2.5s, -webkit-transform 3s, -webkit-filter 2.5s;
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

[card] {
  display: -webkit-box;
  display: flex;
  will-change: filter opacity transform;
  position: absolute;
  top: 0;
  width: 80%;
    height: 300px;
  margin-bottom: 20px;
  /* width: 100%; */
  background-color: white;
  opacity: 0;
  -webkit-transform: translateY(0) translateX(calc(-100% - 1rem)) scale(1);
          transform: translateY(0) translateX(calc(-100% - 1rem)) scale(1);
  -webkit-transition: opacity .2s .3s, -webkit-transform .5s, -webkit-filter .1s;
  transition: opacity .2s .3s, -webkit-transform .5s, -webkit-filter .1s;
  transition: transform .5s, opacity .2s .3s, filter .1s;
  transition: transform .5s, opacity .2s .3s, filter .1s, -webkit-transform .5s, -webkit-filter .1s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  z-index: 1;
  /* min-height: 50vh; */
}
[card]::before {
  content: '';
  display: block;
  padding-bottom: 130%;
}
[card] .content {
  display: -webkit-box;
  display: flex;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around;
  padding: 2rem;
  /* text-align: center; */
}
[card] label {
  color: white;
  display: inline-block;
  padding: 1rem 2rem;
  margin: 1rem;
  background-color: blueviolet;
  border-radius: 200px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
[card] label:hover {
  background-color: blue;
}
[card] label:active {
  background-color: blueviolet;
}

[card] img {
        float: left;
}

body {
   background: #eff3f6;
}
#about > div {
    background: #fff;
    border-radius: 5px;
}

ul.feat {
    padding: 15px;
}
ul.feat li p {
    margin: 0;
}
ul.feat li {
  font-size: 20px;
  color: #EC8077;
  margin: 0 0 10px 0;
}
ul.feat li span{color: #ccc;}

#counts h3 {
    font-size: 25px;
}
#cta .quote h2{font-family: "Raleway", sans-serif;font-size: 35px; color: #fff; font-weight: bolder; letter-spacing: -1px;}
.quote {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#cta .quote h2, .quote a {
    text-transform: capitalize;
}p{text-align: justify;}
.fxdLeft {
  position: absolute;
  top: 45%;
  z-index: 1;
  transform: rotate(-90deg);
  left: -64px;
  padding-left: 25px;
  padding-right: 25px;
  position: fixed;
  display: none;
  font-size: 18px !important;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-5px);
  }
}



@media only screen and (min-width: 768px){
  .fxdLeft{display: block}
  .onlyForMobile{display: none}
}




.on-the-fly-behavior2 {
  width: 450px;
}

@media screen and (max-width: 800px) {
  .on-the-fly-behavior {
    height: auto;
    width: auto;

  }
}
textarea{
  resize: none;
}

@media screen and (max-width: 800px) {
  .mobile-view {
    align-items: center;
justify-content: center;
    margin-left: 2rem;

  }
}


@media screen and (max-width: 800px) {
  .mobile-view2 {
    align-items: center;
justify-content: center;
    margin-left: 4rem;

  }
}





.on-the-fly-behavior {
  margin-bottom: 0%;
}

@media screen and (max-width: 600px) {
  .on-the-fly-behavior {
    margin-bottom: 5%;
  }
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {
    display: none;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {
    position: relative;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    color: black;
    display: block;
    text-align: left;
  }
}
img.next_step{
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 50px;
  bottom: -50px;
}
#cta::before, #hero::before {
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
#testimonials {
  padding: 60px 0 0;
  box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  background-color: #F0F4F7;
  padding-bottom: 120px;
}
button {
  outline: none !important;
}
hr { display: block; height: 1px;
  border: 0; border-top: 1px solid white;
  margin: 1em 0; padding: 0; }

  .service_certifications.onlyForMobile img { 
    max-width: 170px;
    max-height: 70px;
    margin: 15px auto;
}
.onlyForMobile img{max-width: 100%}
.partners.img-fluid {
  margin: 50px 5px;
  max-width: 100%;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  #testimonials .testimonial-item {
    text-align: center;
  }
  .notForMobile{display: none !important}
  .onlyForMobile{display: block; text-align: center;background: #fff;}
}

.onlyForMobile h2{font-family: 'Raleway', sans-serif;margin-top: 30px;}

#testimonials .testimonial-item .testimonial-img {
  width: 220px;
  border-radius: 50%;
  border: 4px solid #fff;
  float: left;
}

@media (max-width: 767px) {
  #testimonials .testimonial-item .testimonial-img {
    float: none;
    margin: auto;
    width: 50%;
  }
  .counts .card {
    margin-top: 50px;
  }
  .services .icon {
  }
  .services .icon-box {
    overflow: hidden;
    padding-bottom: 20px !important;
  }
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
  margin-left: 140px;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
  margin-left: 140px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 0 15px 140px;
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 60%;
  }
}

@media (max-width: 767px) {
  #testimonials .testimonial-item h3, #testimonials .testimonial-item h4, #testimonials .testimonial-item p {
    margin-left: 0;
  }
}

#testimonials .owl-nav, #testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #007bff;
}
.arrowImg {
  z-index: 1;
  position: absolute;
  margin-left: 82%;
  margin-top: 86px;
  animation: myMove 3s infinite;
  width: 75px; /*transition: all .3s ease 0s;*/
}
@keyframes myMove{
    0%{ transform: scale(1);}
    50%{transform: scale(1.2);margin-left: 84%;}
    100%{transform: scale(1);margin-left: 82%;}
}
/*.arrowImg:hover{margin-left: 83%; transform: scale(1.05);}*/
.user-name{
}
.stacked-card {
  background-color: #ffffff;
  border-radius: 10px;
  width: 90%;
  height: 250px;
  position: absolute;
  transform: translateX(0);
  transition: all 1s linear;
  opacity:.5;
  }
  .stacked-cards {
    align-items: center;
    position:relative;
    z-index: 2;
    padding-left: 10%;
    padding-right: 10%;
    height: 200px;
  }
.testimonial-img{
  float: left;
   width: 30%;
   height: 250px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
@media (max-width: 767px) {
  .stacked-card{
    height:auto;
  }
  .testimonial-img {
    height: 100px;
  }
  .cta .cta-btn {
    float: left !important;
    position: relative !important;
    left: 0;
  }
  .arrowImg{
    width:40%;
    margin-left:65%;  
  }
  .user-name{
    display: none;
  }
    .stack-cards-slider .slide-item-content .user-name{display: block;}
  .contact2 {
    padding: 50px 25px;
  }
  .contact2 img {
    max-width: 100% !important;
  }
  .services .icon-box {
    overflow: hidden;
  }
  .services .icon-box br {
    display: none;
  }
  #services .mb-5, #services .my-5 {
    margin-bottom: 0 !important;
  }
 
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: 'Poppins', sans-serif;
  color: #444444;
}


@media screen and ( max-width: 1024px ) {
  img.responsive { width: 50%; }
  }

a {
  color: #156BA3;
}

a:hover {
  color: #8ec4dd;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #156BA3;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #86c0da;
  transition: 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 80px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  padding: 20px 0;
}
#header .logo h1 {
  font-size: 24px;
  margin: 0;
  padding: 6px 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #fff;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}

@media (max-width: 768px) {
  #header {
    height: 60px;
    padding: 10px 0;
  }
  .php-email-form h2 {
    font-size: 23px;
    line-height: 50px;
}
  .php-email-form {
    margin-bottom: 25px;
  }
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  /*overflow: auto;*/
  margin-bottom: 5px;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
  margin-top: -10px;
  background: rgba(255, 255, 255, 0.2);
}
 
.nav-menu > ul > li{padding: 0 8px;}
.nav-menu > ul > li:last-child{padding: 00;}
.nav-menu > ul > li > a{text-transform: capitalize; letter-spacing: 0.5px;}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  /*background: rgba(255, 255, 255, 0.2);*/
  text-decoration: none;
}
.nav-menu > ul > li:hover > a:before {
	transform: rotate(-135deg)!important;
}

.header-scrolled .nav-menu > ul > li {
  background: none;
}

.header-scrolled .nav-menu a {
  color: #fff; position: relative;
}
.header-scrolled .nav-menu li.dropdown > a:before{
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	content: "";
	display: inline-block;
	height: 6px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 50%;
	transform: rotate(45deg) translateY(-50%);
	transform-origin: 66% 50%;
	transition: all .1s ease-in-out;
	vertical-align: middle;
	width: 6px;
}
.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
    border-top:3px solid #F2994A;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: grey;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: grey;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  /* bottom: 15px; */
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
  margin: 0 !important;
  border-radius: 0 !important;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: grey;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 50px;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(30, 48, 56, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/* Testimonials Section
--------------------------------*/
#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 60px;
}
#quote-carousel .carousel-control {
  background: none;
  color: #CACACA;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
#quote-carousel .carousel-indicators {
  position: relative;
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-top: 20px;
  margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  opacity: 0.4;
  overflow: hidden;
  transition: all .4s ease-in;
  vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
  width: 128px;
  height: 128px;
  opacity: 1;
  transition: all .2s;
}
.item blockquote {
  border-left: none;
  margin: 0;
}
.item blockquote p:before {
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: 10px;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  align-items: center;
  /* margin-top: 50px;
  padding-top: 50px; */
  background-image: url("../img/slide-3.jpg") ;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;

}
#hero.home-hero {
  border-bottom-left-radius: 35px;
  overflow: hidden;
  border-bottom-right-radius: 35px;
}
.btn-primary.custom-btn {
  background-color: #156BA3;
  border-color: #156BA3;
}

#hero .hero-container {
  padding: 10%;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#hero h1 {
  margin: 0 0 10px 0;
  align-items: center;
  text-align: center;
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 60px;
  color: #fff;
  text-shadow: -1px 0 2px #2f4d5a;
}
#hero h1 span {
    font-size: 50px;
    font-weight: normal;
}
#hero .custom-btn {
    font-size: 18px;
    font-weight: bold;
}
.btn.btn-primary.custom-btn {
    font-size: 15px !important;
    font-weight: 500!important;
    font-family: "Poppins", sans-serif; text-transform: capitalize;
}
#hero p {
  text-align: center;
  color: #fff;
/*  padding-left: 25%;
  padding-right: 25%;*/
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 200;
  font-style: normal;
  line-height: 30px;
  text-shadow: -1px 0 2px #2f4d5a;
}
.counts .count-box img {
    height: 45px;
    margin-bottom: 15px;
}

#hero .btn-get-started {
  font-size: 36px;
  display: inline-block;
  padding: 4px 0;
  border-radius: 50px;
  transition: 0.3s ease-in-out;
/*  margin: 30px;*/
  width: 64px;
  height: 64px;
  text-align: center;
  /*border: 2px solid #fff;*/
  color: #fff;
  position: absolute;
  bottom: 30px;
}

/*#hero .btn-get-started:hover {
  padding-top: 8px;
  background: rgba(255, 255, 255, 0.15);
}*/

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .only_desktop{display: none}
  .only_mobile{display: block}
}
@media (max-width: 720px) {
  #hero{
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  
  }

}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.section-bg {
  background-color: #ffffff;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 40px;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
  color: bl;
  z-index: 2;
}

.section-title h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 122px;
  height: 66px;
  /* background: url(../img/section-title-bg.png) no-repeat; */
  z-index: -1;
}

.section-title p {
  margin-bottom: 0;
}
@media (max-width:720px) {
  #counts.section-bg {
    padding-top:  0;
  }
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
  padding-bottom: 30px;
}

.about .container {
  box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
}

.about .video-box img {
  padding: 15px 0;
}

.about .section-title p {
  text-align: left;
  font-weight: 100;
  color: #333;
}

.about .about-content {
  padding: 10px;
}
.about .icon-box + .icon-box {
  margin-top: 40px;
}

.about .icon-box .icon {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: #f1f7fb;
  border-radius: 6px;
  transition: 0.5s;
}


.about .img-box img{
  max-width: 100%;
  height: auto;
  border-image-slice: fill;
}

.about .icon-box .icon i {
  color:blueviolet;
  font-size: 32px;
}

.about .icon-box:hover .icon {
  background: blueviolet;
}

.about .icon-box:hover .icon i {
  color: #fff;
}

.about .icon-box .title {
  margin-left: 95px;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
}

.about .icon-box .title a {
  color: #343a40;
  transition: 0.3s;
}

.about .icon-box .title a:hover {
  color: #428bca;
}

.about .icon-box .description {
  margin-left: 95px;
  line-height: 24px;
  font-size: 14px;
}

.about .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#428bca 50%, rgba(66, 139, 202, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.about .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.about .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(66, 139, 202, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.about .play-btn:hover::after {
  border-left: 15px solid #428bca;
  transform: scale(20);
}

.about .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
img.withHover{display: none}
.services .icon-box:hover img.withHover{display: inline-block}
.services .icon-box:hover img.withoutHover{display: none}
.services .icon-box:hover {
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    /*background-color: #fff;*/
    background-color: #156BA3;
    color: #fff;
    box-shadow: 0px 0px 25px rgba(0,0,0,.12);
    -webkit-transition: all 0.3s ease-in-out;
}
.services .icon-box:hover h5 a{color: #fff}
.services .icon-box:hover a.learn_more2{color: #F2994A!important;}
hr.serv_hr{
  border-color: #156BA3;
  border-width: 5px;
  width: 20%;
  margin: -25px auto 0 auto;
}
.services .icon i {
  font-size: 48px;
  line-height: 1;
  color: #156BA3;
  transition: all 0.3s ease-in-out;
}

.services .title .h5{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  /* margin-bottom: 15px; */
  font-size: 18px;
}

.services .title a {
  color: #111;
  font-weight: bold;
  margin: 10px 0;
  float: left;
  width: 100%;
  font-size: 22px;
}

.services .description {
  font-size: 17px;
  line-height: initial;
  margin-bottom: 0;
  text-align: center;
  word-spacing: -5px;
}
.row.icon-box {
    display: block;
}
.icon-box {
  padding: 25px;
  text-align: center;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  background: url('../images/service_bg.png');
  margin: 20px 5px;
  background: #fff;
  border-radius: 5px;
}
p.heading_tag {
    color: #FD4162;
}

/* Clients Section
--------------------------------*/
#clients {
  padding: 30px 0;
  /*box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);*/
    box-shadow: none;
}

#clients .clients-wrap {

}

#clients .client-logo {
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #fff;
  height: 120px; margin: 10px; width: calc(20% - 20px);
}

#clients .client-logo:hover img {
  transform: scale(1.2);
}

#clients img {
  transition: all 0.4s ease-in-out;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding-bottom: 70px;
}

.counts .count-box {
  padding: 10px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 15px;
  text-align: center;
}

.counts .count-box i {
  display: block;
  align-items: center;
  text-align: center;
  font-size: 44px;
  color: blueviolet;
}

.counts .count-box h3 {
  align-items: center;
  text-align: center;
  width: 100%;
  /* margin: 0 0 0 50px; */
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #333333;
}
.card {
  /* border: #ed3c0d; */
 background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;

}
.rect1 {
  background: #156BA3;
  width:65px;
  height:65px;
  align-items: center;
border-radius: 15px;
}



.counts .count-box p {
  align-items: center;
  text-align: center;
  width: 100%;
  /* margin: 0 0 0 50px; */
  font-family: 'Poppins', sans-serif;
  padding-top: 5px;
  font-weight: 100;
  color: #333333;
}

.counts .count-box a {
  font-weight: '600';
  display: block;
  margin-top: 20px;
  color: red;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.3s;
}

.counts .count-box a:hover {
  color: grey;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background:  url("../img/slide-1.jpg") fixed center center;
  background-size: cover;
  padding: 60px 0;
  position: relative;
}
@media (max-width:400px) {
  #testimonials {
    /*height: 717px;*/ padding-bottom: 40px;
}
  .cta{
    padding-bottom:110px;
  }
}

.cta h3 {
  color: #fff;
  font-size: 24px;
 
}

.cta p {
  color: #fff;
  font-size: 20px;
    font-weight: 700;

}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  position: absolute;
  right: 30px;
  top: 30%;
}

.cta .cta-btn:hover {
  border-color: #fff;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 35px auto;
  list-style: none;
  text-align: center;
  background: #ecf5f9;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 8px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #2f4d5a;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #156BA3;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 1;
  left: 0;
  right: 0;
  bottom: -60px;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
  display: flex;
  justify-content: center;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  font-size: 28px;
  text-align: center;
  background: rgba(103, 176, 209, 0.75);
  transition: 0.3s;
  width: 50%;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  background: rgba(103, 176, 209, 0.95);
}

.portfolio .portfolio-wrap .portfolio-links a + a {
  border-left: 1px solid #8ec4dd;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  bottom: 0;
}



/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}

.team .member .pic {
  overflow: hidden;
}

.team .member .member-info {
  position: absolute;
  top: 85%;
  left: 20px;
  right: 20px;
  background: #fff;
  padding: 20px 0;
  color: #2f4d5a;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  max-height: 95px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.team .member:hover .member-info {
  max-height: 300px;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 16px;
  color: #2f4d5a;
  position: relative;
  padding-bottom: 10px;
}

.team .member h4::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #b1cbd7;
  bottom: 0;
  left: calc(50% - 25px);
}

.team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

.team .member .social {
  margin-top: 15px;
}

.team .member .social a {
  transition: color 0.3s;
  color: #52869d;
}

.team .member .social a:hover {
  color: #156BA3;
}

.team .member .social i {
  font-size: 16px;
  margin: 0 2px;
}

@media (max-width: 992px) {
  .team .member {
    margin-bottom: 110px;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact {
  padding-bottom: 34px;
  padding-top: 80px;
  background-color: #333333;
}

.contact2 {
  padding-bottom: 80px;
  background-color: #ffffff;
}

.contact .info-box {
  color: #333333;
  background: #fff;
  text-align: center;
  border-radius: 20%;
  /* box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); */
  padding: 20px 0 30px 0;
}

.contact .info-box i {
  font-size: 32px;
  color: #156BA3;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #f0f7fa;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  color: white;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  /* box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); */
  padding: 30px;
  background: #fff;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #156BA3;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

/* .contact ul {
  list-style: none;
}

.contact ul li::before {
  content: "\2022";
  color: red;
  
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
} */

.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
  background-color: #156BA3;
}

.contact .php-email-form input {
  padding: 20px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #156BA3;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #8ec4dd;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #222;  
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  background: #333333;
  border-top: 1px solid #768fa6;
  border-bottom: 1px solid #67839c;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
  padding-right: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  color: #fff;
}

.colored_social .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #0C1A7B;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.colored_social .social-links a:hover {
  background: #156BA3;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #9eccf4;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #ffffff; text-decoration: underline;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #428bca;
  color: #fff;
  transition: 0.3s;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: #5295ce;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

#footer .credits a {
  color: #9eccf4;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?81qsui');
  src:  url('fonts/icomoon.eot?81qsui#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?81qsui') format('truetype'),
    url('fonts/icomoon.woff?81qsui') format('woff'),
    url('fonts/icomoon.svg?81qsui#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-affordability:before {
  content: "\e900";
  color: #6b6b6b;
}
.icon-reliable:before {
  content: "\e901";
  color: #6b6b6b;
}
.icon-cart-1:before {
  content: "\e902";
  color: #6b6b6b;
}
.icon-copywriting .path1:before {
  content: "\e903";
  color: rgb(47, 47, 47);
}
.icon-copywriting .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(212, 212, 212);
}
.icon-copywriting .path3:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path4:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path5:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path6:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path7:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path8:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path9:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path10:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path11:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(212, 212, 212);
}
.icon-copywriting .path12:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(197, 197, 197);
}
.icon-copywriting .path13:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(212, 212, 212);
}
.icon-copywriting .path14:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(197, 197, 197);
}
.icon-copywriting .path15:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(122, 122, 122);
}
.icon-copywriting .path16:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(152, 152, 152);
}
.icon-copywriting .path17:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(92, 92, 92);
}
.icon-copywriting .path18:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path19:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(62, 62, 62);
}
.icon-copywriting .path20:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(137, 137, 137);
}
.icon-copywriting .path21:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(167, 167, 167);
}
.icon-copywriting .path22:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path23:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(107, 107, 107);
}
.icon-copywriting .path24:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(182, 182, 182);
}
.icon-copywriting .path25:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(77, 77, 77);
}
.icon-copywriting .path26:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(77, 77, 77);
}
.icon-copywriting .path27:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(77, 77, 77);
}
.icon-copywriting .path28:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path29:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(92, 92, 92);
}
.icon-copywriting .path30:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(51, 51, 51);
}
.icon-copywriting .path31:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path32:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path33:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path34:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path35:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path36:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path37:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path38:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path39:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path40:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path41:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path42:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path43:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path44:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path45:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path46:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path47:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path48:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path49:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path50:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path51:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path52:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path53:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path54:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path55:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path56:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-copywriting .path57:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(47, 47, 47);
}
.icon-design:before {
  content: "\e93c";
  color: #6b6b6b;
}
.icon-development:before {
  content: "\e93d";
  color: #6b6b6b;
}
.icon-promotion:before {
  content: "\e93e";
  color: #6b6b6b;
}
.icon-horse:before {
  content: "\e93f";
  color: #6b6b6b;
}
.icon-smartphone:before {
  content: "\e940";
  color: #6b6b6b;
}
.icon-film:before {
  content: "\e941";
}
.icon-video-camera:before {
  content: "\e942";
}
.icon-cart:before {
  content: "\e943";
}
.icon-pushpin:before {
  content: "\e946";
}
.icon-database:before {
  content: "\e964";
}
.icon-users:before {
  content: "\e972";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-hammer:before {
  content: "\e996";
}
.icon-pie-chart:before {
  content: "\e99a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars:before {
  content: "\e99c";
}
.icon-upload2:before {
  content: "\e9c6";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-onedrive:before {
  content: "\eaaf";
}
.icon-android:before {
  content: "\eac0";
}
.icon-html-five2:before {
  content: "\eae5";
}

[card-stack] {
  position: relative;
  max-width: 75%;
  max-height: 50%;
  padding-left: 20px;
  margin: auto;
}

[name="card-set"] {
  display: none;
}
[name="card-set"]:checked + [card] {
  display: -webkit-box;
  display: flex;
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-transition: opacity 1s, -webkit-transform 1s, -webkit-filter .25s;
  transition: opacity 1s, -webkit-transform 1s, -webkit-filter .25s;
  transition: transform 1s, opacity 1s, filter .25s;
  transition: transform 1s, opacity 1s, filter .25s, -webkit-transform 1s, -webkit-filter .25s;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
  z-index: 0;
}
[name="card-set"]:checked + [card] ~ [card] {
  z-index: -1;
  display: -webkit-box;
  display: flex;
  opacity: .9;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  -webkit-transform: translateY(1.2rem) scale(0.95);
          transform: translateY(1.2rem) scale(0.95);
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s, -webkit-filter .5s;
  transition: opacity 1.5s, -webkit-transform 1.5s, -webkit-filter .5s;
  transition: transform 1.5s, opacity 1.5s, filter .5s;
  transition: transform 1.5s, opacity 1.5s, filter .5s, -webkit-transform 1.5s, -webkit-filter .5s;
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}
[name="card-set"]:checked + [card] ~ [card] ~ [card] {
  z-index: -2;
  display: -webkit-box;
  display: flex;
  opacity: .7;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  -webkit-transform: translateY(2.4rem) scale(0.9);
          transform: translateY(2.4rem) scale(0.9);
  -webkit-transition: opacity 2s, -webkit-transform 2s, -webkit-filter 1.5s;
  transition: opacity 2s, -webkit-transform 2s, -webkit-filter 1.5s;
  transition: transform 2s, opacity 2s, filter 1.5s;
  transition: transform 2s, opacity 2s, filter 1.5s, -webkit-transform 2s, -webkit-filter 1.5s;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}
[name="card-set"]:checked + [card] ~ [card] ~ [card] ~ [card] {
  z-index: -3;
  display: -webkit-box;
  display: flex;
  opacity: .5;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transform: translateY(3.6rem) scale(0.85);
          transform: translateY(3.6rem) scale(0.85);
  -webkit-transition: opacity 2.5s, -webkit-transform 2.5s, -webkit-filter 2s;
  transition: opacity 2.5s, -webkit-transform 2.5s, -webkit-filter 2s;
  transition: transform 2.5s, opacity 2.5s, filter 2s;
  transition: transform 2.5s, opacity 2.5s, filter 2s, -webkit-transform 2.5s, -webkit-filter 2s;
  -webkit-transition-delay: .7s;
          transition-delay: .7s;
}
[name="card-set"]:checked + [card] ~ [card] ~ [card] ~ [card] ~ [card] {
  z-index: -4;
  display: -webkit-box;
  display: flex;
  opacity: 0;
  -webkit-filter: blur(4px);
          filter: blur(4px);
  -webkit-transform: translateY(5rem) scale(0.8);
          transform: translateY(5rem) scale(0.8);
  -webkit-transition: opacity 3s, -webkit-transform 3s, -webkit-filter 2.5s;
  transition: opacity 3s, -webkit-transform 3s, -webkit-filter 2.5s;
  transition: transform 3s, opacity 3s, filter 2.5s;
  transition: transform 3s, opacity 3s, filter 2.5s, -webkit-transform 3s, -webkit-filter 2.5s;
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

[card] {
  display: -webkit-box;
  display: flex;
  will-change: filter opacity transform;
  position: absolute;
  top: 0;
  width: 80%;
    height: 300px;
  margin-bottom: 20px;
  /* width: 100%; */
  background-color: white;
  opacity: 0;
  -webkit-transform: translateY(0) translateX(calc(-100% - 1rem)) scale(1);
          transform: translateY(0) translateX(calc(-100% - 1rem)) scale(1);
  -webkit-transition: opacity .2s .3s, -webkit-transform .5s, -webkit-filter .1s;
  transition: opacity .2s .3s, -webkit-transform .5s, -webkit-filter .1s;
  transition: transform .5s, opacity .2s .3s, filter .1s;
  transition: transform .5s, opacity .2s .3s, filter .1s, -webkit-transform .5s, -webkit-filter .1s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  z-index: 1;
  /* min-height: 50vh; */
}
[card]::before {
  content: '';
  display: block;
  padding-bottom: 130%;
}
[card] .content {
  display: -webkit-box;
  display: flex;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around;
  padding: 2rem;
  /* text-align: center; */
}
[card] label {
  color: white;
  display: inline-block;
  padding: 1rem 2rem;
  margin: 1rem;
  background-color: blueviolet;
  border-radius: 200px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
[card] label:hover {
  background-color: blue;
}
[card] label:active {
  background-color: blueviolet;
}

[card] img {
        float: left;
}

body {
   background: #eff3f6;
}
#about > div {
    background: #fff;
    border-radius: 5px;
}

ul.feat {
    padding: 15px;
}
ul.feat li p {
    margin: 0;
}
ul.feat li {
  font-size: 20px;
  color: #EC8077;
  margin: 0 0 10px 0;
}
ul.feat li span{color: #ccc;}

#counts h3 {
    font-size: 25px;
}
#cta .quote-banner h2{font-family: "Raleway", sans-serif;font-size: 35px; color: #fff; font-weight: bolder; letter-spacing: -1px;}
.quote-banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#cta .quote-banner h2, .quote-banner a {
    text-transform: capitalize;
}p{text-align: justify;}
.fxdLeft {
  position: absolute;
  top: 45%;
  z-index: 1;
  transform: rotate(-90deg);
  left: -64px;
  padding-left: 25px;
  padding-right: 25px;
  position: fixed;
  display: none;
  font-size: 18px !important;
}

/*.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-5px);
  }
}*/
.bounce {
  -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
  -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
  animation:         ca3_fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

.box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.box span{
  display: block;
  width: 20px;
  height: 20px;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  transform: rotate(45deg);
  margin: -10px;
  animation: animate 2s infinite;
}

.box span:nth-child(2)
{
  animation-delay: -0.2s;
}

.box span:nth-child(3)
{
  animation-delay: -0.4s;
}

.box span:nth-child(4)
{
  animation-delay: -0.5s;
}


@keyframes animate{
  
  0%{
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px);
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    transform: rotate(45deg) translate(20px, 20px);
  }
}









section.about_contact h2 {
    font-size: 40px;
    font-weight: bold;
}

section.take_a_look {
    background-color: #171933;
    text-align: center;
    background: url(../img/slide-1.jpg) fixed center center;
    background-size: cover;
    position: relative;
}
section.take_a_look::before {
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
section.take_a_look > div{position: relative}
section.take_a_look > div:before{
  content: url(../images/take_a_look_left.svg);
  left: 0;
  bottom: -55px;
  width: 219px;
  position: absolute;
}
section.take_a_look > div:after{
  content: url(../images/take_a_look_right.svg);
  top: -20px;
  right: 0;
  width: 163px;
  position: absolute;
}
section.take_a_look h3 {
    font-size: 15px;
    color: #fff;
    margin: 20px;
}
section.take_a_look h2 {
    font-weight: bold;
    color: #fff;
    font-size: 50px;
}
section.take_a_look a.btn {
    padding: 14px 25px;
    margin: 35px 2.5px;
    border: 2px solid #156BA3;
}
section.take_a_look a.btn.btn_border {
    border: 1px solid #fff;
    color: #fff;
}
section.take_a_look a.btn.btn_border:hover {
    background: #fff;
    color: #156BA3;
}
.office_box {
    padding: 50px;
    box-shadow: 0 4px 11px -5px rgba(0,0,0,.4);
    border-radius: 5px;
    min-height: 285px;
    border-top: 1px solid rgb(210 205 205 / 40%);
}
.office_box p {
    margin: 20px 0;
}
.office_box h3 {
    margin-bottom: 35px;
    font-weight: bold;
}
section.our_offices h2 {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 50px;
}
section.contactBanner {
    text-align: center;
    background: url(../images/contact_bg.jpeg);
    padding: 85px;
    padding-bottom: 50px;
}
section.contactBanner h1 {
    font-size: 50px;
    font-weight: bold;
}
section.contactBanner p {
    width: 65%;
    text-align: center;
    margin: 35px auto;
    font-size: 20px;
}
section.contactBanner form input, section.contactBanner form textarea {
    width: 85%;
    padding: 10px 20px;
    margin: 10px;
    border-radius: 20px;
    border: 1px solid #ddd;
}
section.contactBanner form input::placeholder, section.contactBanner form textarea::placeholder {color:#777}
section.contactBanner form input:focus, section.contactBanner form textarea:focus{border: 1px solid #555;outline: none;}
section.contactBanner form textarea{min-height: 120px}
section.contactBanner img {
    width: 325px;
    position: absolute;
    left: 0;
    bottom: 100px;
}
section.contactBanner form {
    margin-top: 25px;
}
.office_contact iframe {
    width: 90%;
    margin-left: 5%;
    margin-top: -11%;
}


.colored_social .social-links a.twitter {
    background: #43bdef;
}
.colored_social .social-links a.linkedin {
    background: #2697cf;
}
.colored_social .social-links a.google-plus {
    background: #00aff0 ;
}
.colored_social .social-links a.instagram {
    background: #ce2d93;
}
.colored_social .social-links a.facebook {
    background: #5f80c4;
}







/*---------------Later Change in result driven processes---------------*/

.line-manage span{margin-bottom: 1px;}
 .block-margin{
  margin-left:4px;
 }

.process-text-color{color:#2d9cdb;}
.process-text-color2{color:#333333;}
.process-text-color3{color:#4f4f4f;font-size: 24px;}
.left-rounded-border{ border:0.5px solid #aaa; border-radius: 20px 0px 0px 20px;}
.right-border{ border:0.5px solid #bbb;}
hr{width:30px;color:#aaa;}
.process-light-border{ border:0.5px solid #aaa; padding-top: 10px;}
.process-ul1{
  list-style-image: url('../images/Vector1.png');
}
.process-ul2{
  list-style-image: url('../images/Vector2.png');
}
.process-ul3{
  list-style-image: url('../images/Vector3.png');
}
.process-ul4{
  list-style-image: url('../images/Vector4.png');
}
.process-ul5{
  list-style-image: url('../images/Vector5.png');
}
.process-ul6{
  list-style-image: url('../images/Vector6.png');
}
.stepgap2{position:relative; left:10px; top:5px;line-height:18px;}
.stepgap2 span{
display:block;

}
.stepgap span{
display:block;
margin:3px auto;
font-family: sans-serif;
font-weight:600;
}
.stepgap{position:relative; left:-10px; top:5px; line-height: 23px;font-family: Poppins-semibold; }
.head-bg{background-color:#f2f2f2; }
.body-bg{background-color: #f5f5f5;}
.step-bg1{background-color:#86EAE9; }
.step-bg2{background-color:#3EDAD8; }
.step-bg3{background-color:#37C9EF; }
.step-bg4{background-color:#1CBFEA; }
.step-bg5{background-color:#2C92D5; }
.step-bg6{background-color:#13538A; }

.solidline:before{content:"";display:inline-block;width:30px;background-color: #111;height:1px;margin-bottom: 5px;margin-right: 5px;}
.solidline:after{content:"";display:inline-block;width:30px;background-color: #111;height:1px;margin-bottom: 5px;margin-left: 10px;}

.solidline2:before{content:"";display:inline-block;width:30px;background-color: #111;height:1px;margin-bottom: 5px;margin-right: 5px;}
.solidline2:after{content:"";display:inline-block;width:30px;background-color: #111;height:1px;margin-bottom: 5px;margin-left: 10px;}

.solidline3:before{content:"";display:inline-block;width:50px;background-color: #111;height:1px;margin-bottom: 5px;margin-right: 10px;}
.solidline3:after{content:"";display:inline-block;width:50px;background-color: #111;height:1px;margin-bottom: 5px;margin-left: 10px;}

.solidline4:before{content:"";display:inline-block;width:60px;background-color: #111;height:1px;margin-bottom: 5px;margin-right: 40px;}
.solidline4:after{content:"";display:inline-block;width:60px;background-color: #111;height:1px;margin-bottom: 5px;margin-left: 40px;}

.solidline5:before{content:"";display:inline-block;width:60px;background-color: #111;height:1px;margin-bottom: 5px;margin-right: 40px;}
.solidline5:after{content:"";display:inline-block;width:60px;background-color: #111;height:1px;margin-bottom: 5px;margin-left: 40px;}

.solidline6:before{content:"";display:inline-block;width:60px;background-color: #111;height:1px;margin-bottom: 5px;margin-right: 40px;}
.solidline6:after{content:"";display:inline-block;width:60px;background-color: #111;height:1px;margin-bottom: 5px;margin-left: 40px;}
@font-face{
  font-family: Poppins-bold;
  src:url(fonts/poppins-bold.ttf);
}

.process-text-font{
   font-family: Poppins-bold;
}

@font-face{
  font-family: Poppins-semibold;
  src:url(fonts/Poppins-semibold.ttf);
}

/*.process-text-font2{
   font-family: Poppins-semibold;
}
*/
@media only screen and (max-width:580px)
{
.stepgap2{position:static;margin-bottom: 10px;}
.stepgap{position:static; line-height: 18px;}
.solidline:before{content:"";display:none;}
.solidline:after{content:"";display:none;}

}






/*==================================Blog Page==================================*/


.service_process .cstep {
  position: relative;
}
.service_process .cstep-1:before {
  background: url(../images/step-1.png); 
}
.service_process .cstep-2:before {
  background: url(../images/step-2.png); 
}
.service_process .cstep-3:before {
  background: url(../images/step-3.png); 
}
.service_process .cstep-4:before {
  background: url(../images/step-4.png); 
}
.service_process .cstep-5:before {
  background: url(../images/step-5.png); 
}
.service_process .cstep-6:before {
  background: url(../images/step-6.png); 
}
.service_process .cstep:before {
  content: "";
  position: absolute;
  height: 100px;
  width: 100px;
  left: -230px;
  top: 0;
  background-size: cover;
}
.service_process .cstep-1:after {
  background: url('../images/cstep-line-1.png');
}
.service_process .cstep-2:after {
  background: url('../images/cstep-line-2.png');
}
.service_process .cstep-3:after {
  background: url('../images/cstep-line-3.png');
}
.service_process .cstep-4:after {
  background: url('../images/cstep-line-4.png');
}
.service_process .cstep-5:after {
  background: url('../images/cstep-line-5.png');
}
.service_process .cstep:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  left: -180px;
  top: 100px;
  background-size: cover;
}
a.view-more img {
  transform: scale(0.85);
  transition: all 0.3s ease;
}
a.view-more:hover img {
  transform: scale(1);
  transition: all 0.3s ease;
}

/* Digital Marketing step */
.dm-process .cstep-1:before {
  background: url(../images/dm-step1.png); 
}
.dm-process .cstep-2:before {
  background: url(../images/dm-step2.png); 
}
.dm-process .cstep-3:before {
  background: url(../images/dm-step3.png); 
}
.dm-process .cstep-4:before {
  background: url(../images/dm-step4.png); 
}
.dm-process .cstep-5:before {
  background: url(../images/dm-step5.png); 
}
.dm-process .cstep-6:before {
  background: url(../images/dm-step6.png); 
}
/* Ecommerce step */
.ecomm-process .cstep-1:before {
  background: url(../images/dm-step1.png); 
}
.ecomm-process .cstep-2:before {
  background: url(../images/dm-step2.png); 
}
.ecomm-process .cstep-3:before {
  background: url(../images/dm-step3.png); 
}
.ecomm-process .cstep-4:before {
  background: url(../images/dm-step4.png); 
}
.ecomm-process .cstep-5:before {
  background: url(../images/dm-step5.png); 
}
.ecomm-process .cstep-5:after{display: none;}
/*.ecomm-process .cstep-6:before {
  background: url(../images/dm-step6.png); 
}*/
/* Content writing step */
.cw-process .cstep-1:before {
  background: url(../images/cw-step1.png); 
}
.cw-process .cstep-2:before {
  background: url(../images/cw-step2.png); 
}
.cw-process .cstep-3:before {
  background: url(../images/cw-step3.png); 
}
.cw-process .cstep-4:before {
  background: url(../images/cw-step4.png); 
}
.cw-process .cstep-4:after{display: none;}
/*.cw-process .cstep-5:before {
  background: url(../images/cw-step5.png); 
}
.cw-process .cstep-6:before {
  background: url(../images/cw-step6.png); 
}*/

/** Call Back **/
.sticky-call-back-form{
	position: fixed;
	left: -320px;
	top: 10%;
	transition: all 0.5s ease;
	z-index: 999;
	z-index: 10;
	height: 190px;
	width: 357px;
}
.sticky-action {
	float: right;
	cursor: pointer;
	margin-top: -12px;
}
.get-callback-sideform{
	float: left;
	width: 320px;
	padding: 15px;
	box-shadow: 0 1px 10px rgba(0,0,0,.1);
	background: #fff;
	position: relative;
}
.rcb-button{
	font-size: 14px;
	background: #156BA3;
	color: white;
	transform: rotate(270deg);
	display: inline-block;
	left: 46px;
	position: relative;
	top: 250px;
	z-index: 999;
	padding: 5px 10px;
	border-radius: 0px 0px 10px 10px;
    text-transform: uppercase;
}
.sticky-call-back-form.open{
	left: 0;
}
.close-callback {
	position: absolute;
	right: 10px;
	top: 10px;
	border: 0;
	background-color: transparent;
	font-size: 28px;
	font-weight: bold;
	transform: rotate(45deg);
	width: 30px;
	height: 30px;
	line-height: 30px;
  outline: none !important;
}
.close-callback:hover{color: #F2994A;}
body.innerservice{padding-top: 34px;}
.stack-cards-slider{max-width: 950px;margin-left: auto; margin-right: auto;}
.stack-cards-slider .owl-nav .owl-next img {
  width: 95px;
}

.stack-cards-slider .slide-item-content{
	background-color: #ffffff;
	border-radius: 10px;
	width: 90%;
    position: relative;
    z-index: 1;
    display: inline-block; vertical-align: top;
}
.stack-cards-slider .slide-item-content:before{content: ""; position: absolute; width: 90%; height: 80%; top: 10%; left: 15%; background-color: #ffffff; border-radius: 10px;z-index: -1;}
.quote-text{padding: 30px;float: left; width: 65%;}
.stack-cards-slider .slide-item .slide-item-content .testimonial-img{width: 35%;}
@media only screen and (max-width:414px){
    .stack-cards-slider .slide-item{padding-bottom: 30px;}
    .stack-cards-slider .slide-item .slide-item-content .testimonial-img{width: 100%; height: auto;border-radius: 10px 10px 0 0;}
    .quote-text{padding: 20px;width: 100%;}
    .stack-cards-slider .slide-item-content:before{left: 5%;height: 95%;}
    hr.serv_hr{margin-top: 10px!important;}
    .contact form.php-email-form h2{height: auto!important;line-height: 33px!important;}
    .solidline2:before, .solidline2:after, .solidline3:before, .solidline3:after, .solidline4:before, .solidline4:after, .solidline5:before, .solidline5:after, .solidline6:before, .solidline6:after{display: none;}
    .process-text-color3{font-size: 22px;}
    .h1.process-text-font{font-size: 2rem}
    .cstep .block-margin > div:nth-of-type(1){display: none;}
    .cstep .row.block-margin{margin-left: -15px; margin-right: -15px;}
    .cstep .row.block-margin div.process-light-border{margin: auto;}
    .process-light-border > ul{padding-left: 17px}
/*    .stack-cards-slider .owl-stage .owl-item{margin-right: auto!important;margin-left: auto!important;}*/
}


/*Give a call back*/
.get-callback-sideform .country_code_span {
  position: absolute;
  padding: 7px 15px; 
}
.get-callback-sideform .form_msg {
  font-size: 11px;
  margin-top: 10px;
}
.get-callback-sideform h4 {
  text-align: center;
  margin: 0;
}
.get-callback-sideform #phone {
  float: right;
  width: calc(100% - 80px);
  padding-left: 40px;
}
.get-callback-sideform #phone_prefix {
    width: 70px;
    padding: 0 10px;
    display: inline-block;
  }
/*//Give a call back*/
section.revenue {
	padding-top: 0;
}
form .validate {
  color: red;
font-size: 10px;
text-align: left;
margin-top: 5px;
}