* {
  outline: none;
}
body {
  font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.6em;
    overflow-x: hidden;
    margin-bottom: 392px;
}
section, .banner-sec {
  background-color:#fff;
}
h1, h2, h3 {
  font-family: 'Titillium Web', sans-serif;
}
a {
  transition-duration: .3s;
}
a:hover, a:focus {
  text-decoration: none;
  transition-duration: .3s;
}
.white-txt * {
  color: #fff !important;
}

.logo img {
    width: 200px;
    margin: 14px 0;
}

.ban-txt h1, .ban-txt h4, .ban-txt ul li {
    z-index: 15;
    position: relative;
}

.cyber-popup, .black-layout {
    display: none !important;
}

/*Slide Form*/
  .form-topmain {
      position: absolute;
      width: 100%;
      top: 140px;
      z-index: 1;
  }

  .open-form-slide .frmicon-box input, .open-form-slide .frmicon-box textarea, .open-form-slide .frmicon-box select {
    width: 100%;
    padding: 8px;
    border: 0px;
    background: transparent;
    color: #fff;
  }
.open-form-slide .frmicon-box select option{
    color:#000;
}
  .open-form-slide .frmicon-box {
    margin: 0 0 20px;
    background: #252525;
    border: 1px solid #555555;
    overflow: hidden;
    border-radius: 3px;
  }

  .open-form-slide {
      background: #191919;
      padding: 20px 25px;
      display: none;
  }

  .open-form-footr h4 {
      margin: 0px;
      color: #FFF;
      text-transform: uppercase;
      font-family: 'Titillium Web', sans-serif;
      font-weight: 600;
      font-size: 22px;
  }

  .open-form-footr {
      padding: 15px;
      text-align: center;
      background: #ff3839;
      border-radius: 0 0 18px 18px;
      cursor: pointer;
  }

  .open-form-slide button#popupformsubmit {
    padding: 7px 40px;
    border: 0px;
    background: #ef0000;
    text-transform: uppercase;
    margin: 0px;
    font-size: 16px;
    display: block;
    width: 100%;
    border-radius: 4px;
  border:1px solid #ef0000;
  }
  .open-form-slide button#popupformsubmit:hover {
    background:none;
    color:#ef0000;
  }

  .open-form-slide .frmicon-box select#popupformcountry {
      padding-left: 45px;
  }

  .open-form-slide .frmicon-box input#popupcountrycode {
      width: 19%;
  }

  .open-form-slide .frmicon-box input#phoneNum2 {
      width: 81% !important;
  }
/*Slide Form*/

/* Main Bann */
.ban-sec-sliderr ul.slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.ban-sec-sliderr ul.slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0px;
}

.ban-sec-sliderr ul.slick-dots li.slick-active button {
    background: #FFF;
}


.ban-sec-slider ul.slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.ban-sec-slider ul.slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0px;
}

.ban-sec-slider ul.slick-dots li.slick-active button {
    background: #FFF;
}

.banner-pic .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.banner-pic .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.fancybox-active.compensate-for-scrollbar {
    margin: 0px;
}

.avail-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #d50963;
    width: 24%;
    text-align: center;
    padding: 15px;
    font-size: 34px;
    font-family: 'Titillium Web', sans-serif;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bolder;
    border-radius: 10px 10px 0 0;
    animation-iteration-count: infinite;
    animation-name: pulse-light;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.avail-btn i{
  margin-left: 10px;
}

.banner-pic .hover-effect-bann {
  height: 860px;
  background-size: cover !important;
}
.banner-pic .hover-effect-bann .row,
.banner-pic .hover-effect-bann .column,
.banner-pic .hover-effect-bann .ItemCard,
.banner-pic .hover-effect-bann .ItemCard__thumb {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.banner-pic .hover-effect-bann .row {
  position: absolute;
  /*top: -140px;
  left: 109vh;*/
      top: -190px;
    left: 104vh;
  width: 960px;
  -webkit-transform: rotateX(70deg) rotateZ(25deg) scale(1.2);
          transform: rotateX(70deg) rotateZ(25deg) scale(1.2);
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.banner-pic .hover-effect-bann.web-hov-change .row{
  -webkit-transform: rotateX(40deg) rotateZ(15deg) scale(1.0);
  transform: rotateX(40deg) rotateZ(15deg) scale(1.0); 
}
.banner-pic .hover-effect-bann.web-hov-change .row .column{
  max-width: 32%;
}
.banner-pic .hover-effect-bann .column {
  width: 50%;
  max-width: 22%;
  padding: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.banner-pic .hover-effect-bann .shadow {
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: .9;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) shadow 2;
          animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) shadow 2;
}
.banner-pic .hover-effect-bann .ItemCard__thumb img {
  position: relative;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate3d(0, 0, 20px);
          transform: translate3d(0, 0, 20px);
  -webkit-animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) levitate 2;
          animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) levitate 2;
}
.banner-pic .hover-effect-bann .column:hover .ItemCard__dest {
  z-index: 10;
}
.banner-pic .hover-effect-bann .column:hover .ItemCard__dest,
.banner-pic .hover-effect-bann .column:hover .ItemCard__thumb img {
  -webkit-transform: translate3d(0, 0, 45px) rotateX(-12deg) rotateY(20deg);
          transform: translate3d(0, 0, 45px) rotateX(-12deg) rotateY(20deg);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.banner-pic .hover-effect-bann.web-hov-change .column:hover .ItemCard__dest, .banner-pic .hover-effect-bann.web-hov-change .column:hover .ItemCard__thumb img {
    -webkit-transform: translate3d(0, 0, 50px) rotateX(0deg);
    transform: translate3d(0, 0, 50px) rotateX(0);
}
.banner-pic .hover-effect-bann .column:hover .ItemCard__thumb .shadow {
  opacity: .6;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
}
.banner-pic .section--list .row {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 160px 0;
}
.banner-pic .section--list .column {
  padding: 20px;
}
.banner-pic .hero {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  padding: 160px 40px 0 40px;
  font-family: 'Roboto', sans-serif;
  color: #fff;
}
.banner-pic .ItemCard {
  position: relative;
  max-width: 510px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner-pic .ItemCard__thumb {
  position: relative;
  padding: 0;
}
.banner-pic .ItemCard__thumb img {
  display: block;
  cursor: pointer;
}
.banner-pic .ItemCard__summary {
  width: 100%;
  padding: 20px;
  background-color: #fff;
}
.banner-pic .ItemCard__title {
  margin: 6px 0;
  font-size: 1.2em;
}
.banner-pic .ItemCard__meta {
  font-size: .8em;
  color: #aaa;
}
.banner-pic .ItemCard__meta.category {
  font-weight: 800;
  text-transform: uppercase;
  color: #ec3e3a;
}
@-webkit-keyframes levitate {
  0% {
    -webkit-transform: translate3d(0, 0, 20px);
            transform: translate3d(0, 0, 20px);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 20px);
            transform: translate3d(0, 0, 20px);
  }
}
@keyframes levitate {
  0% {
    -webkit-transform: translate3d(0, 0, 20px);
            transform: translate3d(0, 0, 20px);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 20px);
            transform: translate3d(0, 0, 20px);
  }
}
@-webkit-keyframes shadow {
  0% {
    opacity: .9;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  }
  50% {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18);
  }
  100% {
    opacity: .9;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  }
}
@keyframes shadow {
  0% {
    opacity: .9;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  }
  50% {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18);
  }
  100% {
    opacity: .9;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  }
}

/* Main Bann */

header {
  webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #111111;
}

header.stick {
    position:fixed;
    top:-170px;
    left: 0;
    right: 0;
    z-index:999;
  transition:0.4s top cubic-bezier(.3, .73, .3, .74);
    
}

.stick.slideDown {
    top:0;
}

.slideform {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}

.slidefrm-inner {
    width: 470px;
    position: absolute;
    top: 0;
    right: -500px;
    z-index: 9999;
    background: transparent;
    height: 100vh;
    /*padding: 40px 50px;*/
    transition: all 0.4s ease;
    /*background: url(../images/sidefrm-bg.png) no-repeat;
    background-size: 100% 100%;*/
    overflow-y: scroll;
}

.slidefrm-inner>div{
    background: url(../images/sidefrm-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 40px 30px 40px 50px;
}

.slideform.activeslide .slidefrm-inner {
    right: 0%;
}

.slidefrm-inner p.ban-subhd {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    display: block;
    margin: 0 60px 20px 0;
}

.slidefrm-inner h3 {
    font-family: 'Titillium Web', sans-serif;
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #ff3839;
    margin: 0;
    text-transform: capitalize;
    margin: 0 0 10px;
}

.slidefrm-bdy label {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
}

.slidefrm-bdy input, .slidefrm-bdy select {
    width: 100%;
    border: 0px;
    background: transparent;
    padding: 4px 0;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
}
.slidefrm-bdy select#homeformcountry {
  margin-left:22px;
}

ul.techno-ul li {
    display: inline-block;
    text-align: center;
    padding: 20px 80px;
    vertical-align: top;

}

ul.techno-ul li:nth-child(even) {
    vertical-align: bottom;
}

section.right-technology-sec {
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}

ul.techno-ul {
    text-align: center;
}

ul.techno-ul li i {
    content: "";
    display: inline-block;
    background: url('../images/sprite.png') no-repeat;
    filter: grayscale(1);
    transition: all 0.4s ease;
}

ul.techno-ul li:hover i{
  filter: grayscale(0); 
}

ul.techno-ul li i.techno1 {
    background-position: -19px -1179px;
    width: 140px;
    height: 50px;
}

ul.techno-ul li i.techno2 {
    background-position: -198px -1179px;
    width: 148px;
    height: 49px;
}

ul.techno-ul li i.techno3 {
    background-position: -377px -1170px;
    width: 195px;
    height: 67px;
}

ul.techno-ul li i.techno4 {
    background-position: -19px -1253px;
    width: 178px;
    height: 39px;
}

ul.techno-ul li i.techno5 {
    background-position: -236px -1251px;
    width: 200px;
    height: 52px;
}

ul.techno-ul li i.techno6 {
    background-position: -467px -1262px;
    width: 156px;
    height: 38px;
}

ul.techno-ul li i.techno7 {
    background-position: -19px -1322px;
    width: 122px;
    height: 35px;
}

ul.techno-ul li i.techno8 {
    background-position: -199px -1323px;
    width: 147px;
    height: 46px;
}

ul.techno-ul li i.techno9 {
    background-position: -379px -1329px;
    width: 144px;
    height: 33px;
}

ul.techno-ul li i.techno10 {
    background-position: -558px -1315px;
    width: 108px;
    height: 61px;
}

ul.techno-ul li i.techno11 {
    background-position: -20px -1388px;
    width: 138px;
    height: 52px;
}

ul.techno-ul li i.techno12 {
    background-position: -218px -1395px;
    width: 179px;
    height: 71px;
}

ul.techno-ul li i.techno13 {
    background-position: -451px -1404px;
    width: 138px;
    height: 49px;
}

ul.techno-ul li i.techno14 {
    background-position: -22px -1489px;
    width: 153px;
    height: 36px;
}

ul.techno-ul li i.techno15 {
    background-position: -199px -1484px;
    width: 148px;
    height: 38px;
}

ul.techno-ul li i.techno16 {
    background-position: -364px -1478px;
    width: 113px;
    height: 50px;
}

ul.techno-ul li i.techno17 {
    background-position: -509px -1479px;
    width: 132px;
    height: 48px;
}

.slidefrm-bdy .frmicon-box {border-bottom: 2px solid #c8c8c8;margin: 0 0 26px; overflow: hidden;}

.slidefrm-bdy .frmicon-box span {left: 0px;top: inherit;bottom: 8px;}

.slidefrm-bdy .frmicon-box select#popupformcountry {
    padding-left: 22px;
}

ul.slide-cta {
    float: left;
    text-align: left;
    margin: 0px;
}

ul.slide-cta li a {
    color: #31b86c;
    font-size: 13px;
    font-weight: 600;
}

ul.slide-cta li {
    line-height: 20px;
}

.ds-block {
    display: block !important;
}

ul.slide-cta li a i {
    margin-right: 4px;
}

.slidefrm-bdy ul.features-ul{
  margin: 40px 0 0;
}

.slidefrm-bdy ul.features-ul li {
    padding: 0 4px;
}

.slidefrm-bdy ul.features-ul li h5 {
    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
}

.slideform:after {
    content: "";
    background: #0000007a;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    display: none;
}

.slidefrm-inner1 {
    position: absolute;
    right: 450px;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    display: none;
}

.slideform.activeslide .slidefrm-inner1{
  display: block;
}

.slideform.activeslide:after {
  display: block;
}

.slidefrm-close {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #FFF;
    background: #00000040;
}

.award-hd {
    font-size: 14px;
    color: #000;
    text-align: center;
    font-weight: 600;
}

body.ovr-hddn {
    overflow-y: hidden !important;
}

body {
    overflow-y: visible !important;
}

.slidefrm-bdy .popup-btn {
    float: right;
    margin: 0px;
    padding: 8px 50px;
    border: 0px;
    background: #56cbf1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #56cbf1 0%, #3891ee 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#56cbf1), color-stop(100%,#3891ee));
    background: -webkit-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: -o-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: -ms-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: linear-gradient(to right, #56cbf1 0%,#3891ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf1', endColorstr='#3891ee',GradientType=1 );
}

.hdr-top-links {
  padding: 18px 0 18px;
}
.hdr-top-links, 
.top-nav {
  float:right;
    line-height: 1.2em;
}
.hdr-top-links ul {
  float:right;
  text-align:right;
  margin-bottom:0;
}
.hdr-top-links ul li {
  display:inline-block;
  margin-left:13px;
}
.hdr-top-links ul li a {
  color:#fff;
  font-weight:300;
  font-size:13px;
}
.top-general-links {
  border-right: 1px solid #ccc;
    padding-right: 12px;
    margin-right: 6px;
}
.top-general-links li {
  margin-left:12px !important;
}
.hdr-top-links ul li a {
  position:relative;
}
.top-info-links a {
  padding-left: 20px;
}
.hdr-top-links ul li a i {
  color: #ff3839;
    width: 18px;
    height: 18px;
    border-radius: 27px;
    font-size: 14px;
    display: block;
    text-align: center;
    padding-top: 3px;
    position: absolute;
    top: 0;
    left: 0;
}

header *{
  transition: all 0.4s ease;
}

header.stick .logo img {
  width: 110px;
  margin: 4px 0px;
  display: none;
}

.top-nav li.sticky-call {
    display: none;
    padding-left: 24px;
}

header.stick li.sticky-call {
    display: inline-block;
}

li.sticky-call a i {
    color: #fff;
    background: #ff3839;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #ff3839 0%,#ff3839 53%,#e09000 100%);
    background: linear-gradient(to right, #ff3839 0%,#ff3839 53%,#e09000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
    width: 18px;
    height: 18px;
    border-radius: 27px;
    font-size: 10px;
    display: block;
    text-align: center;
    padding-top: 3px;
    position: absolute;
    top: 0;
    left: 0;
}

header.stick .logo img.stick-img {
    display: block;
}

header.stick .hdr-top-links {
    padding: 10px 0;
}

header.stick .top-nav {
    padding: 15px 0 0;
}

header.stick ul.top-general-links, header.stick .hdr-top-links {
    display: none;
}

header.stick .sub-nav-bg li a {
    padding: 5px 18px;
}

header.stick .sub-nav-bg li a:before, header.stick .sub-nav-bg li a:after {
    top: 0;
    bottom: 0;
    margin: auto;
    height: 22px;
}

header.stick .sub-nav-bg li+li:before {
    height: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.banner-sec+section+section {
    margin-top: 0px;
    border: 0px;
}

header.stick .top-nav li.active_nav a:after {
    bottom: -15px;
}

img.stick-img {
    display: none;
}

.slick-arrow {
    width: 34px;
    height: 66px;
    background: transparent;
    border: 0px;
    position: absolute;
    left: -50px;
    font-size: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.concept-sldr-img {
    position: initial;
}

.concept-sec .container {
    position: relative;
}

.slick-next.slick-arrow {
    left: inherit;
    right: 0;
}

section.concept-sec .col-lg-6 {
    position: inherit;
}

.slick-arrow:before {
    content: "";
    background: url('../images/sprite.png') no-repeat -527px -598px;
    width: 34px;
    height: 66px;
    display: block;
}

.slick-next.slick-arrow:before {
    background-position: -475px -598px;
}

ul.slick-dots li {
    width: auto;
    display: inline-block;
    margin: 0 7px 0 0;
}

ul.slick-dots li button {
    width: 15px;
    height: 15px;
    background: #cccccc;
    font-size: 0px;
    border: 0px;
    border-radius: 100%;
}

ul.slick-dots li.slick-active button {
    background: #ff3839;
}

.top-nav li {
  display:inline-block;
  position: relative;
}
.top-nav li+li {
  margin-left:18px;
}

header.with-dropdown li.active_nav a {
    /* color: #1c1c1f; */
    font-weight: normal;
}

.top-nav li.active_nav a:after {
    content: "\f0d8";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 30px;
    bottom: -23px;
    margin: auto;
    width: 18px;
    color: #ff3839;
}
.top-nav li.active_nav a {
    color: #ff3839;
    font-weight: 600;
}

.top-nav li a {
  font-size:15px;
  color:#fff;
}

.sub-nav-bg {
    background: #FF3839;
  text-align:center;
}
.sub-nav-bg {
  margin:0;
}
.sub-nav-bg li {
  display:inline-block;
  position:relative;
  padding-left:4px;
}
.sub-nav-bg li+li:before {
      width: 1px;
    height: 26px;
    display: block;
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
}
.sub-nav-bg li a {
  font-size: 14px;
    color: #ffffff;
    display: block;
    padding: 8px 18px;
  position:relative;
}
.sub-nav-bg li a:hover {
  background:#000;
}
.sub-nav-bg li a:hover:before,
.sub-nav-bg li a:hover:after,
.sub-nav-bg li.active_nav a:before, 
.sub-nav-bg li.active_nav a:after {
      width: 2px;
    height: 25px;
    display: block;
    background: #ff3839;
    content: "";
    position: absolute;
    top: 8px;
}
.sub-nav-bg li a:hover:before {
    left: 0;
}
.sub-nav-bg li a:hover:after {
    right: 0;
}
.banner-sec {
  height:850px;
  position:relative;
  overflow: hidden;
  z-index: 1;
}
.sm-bann {
    height: 650px;
}
.sm-bann .banner-pic {
    height: 650px;
}
.sm-bann .ban-txt h1 {
    font-size: 42px;
    text-transform: capitalize;
}

.sm-bann .ban-txt h4 {
    font-size: 18px;
    line-height: 26px;
}
.ban-lg-subhd {
  font-size:32px !important;
}
.banner-pic {
  width:100%;
  height:850px;
  overflow:hidden;
  position: relative;
  z-index: 1;
  padding-top: 100px;
}
.banner-pic img {
  width:100%;
}
.ban-txt-box {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.ban-txt h1{
  font-size: 41px;
  color: #FFF;
  font-weight: bold;
  text-transform: capitalize;
  line-height: 1.05em;
  margin-bottom: 14px;
  margin-top:30px;  
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.ban-txt h4{
  font-size: 23px;
  color: #ffffffcf;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.25em;
  font-family: 'Titillium Web', sans-serif;
  margin-bottom: 25px;
  

  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.ban-txt h4 span {
      font-weight: bold;
    color: #ff3839;
    font-size: 35px;
}
.ban-txt li{
  font-size: 16px;
    color: #ffffffcf;
    font-weight: 400;
    text-transform: capitalize;
    line-height: .95em;
    margin-top: 12px;
    position: relative;
    padding-left: 23px;
}
.ban-txt li:before {
  width: 12px;
    height: 12px;
    background: #FFF;
    display: block;
    content: "";
    border-radius: 15px;
    position: absolute;
    left: 1px;
    top: 2px;
}
.ban-txt li{
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.ban-txt li+li{
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}
.ban-txt li+li+li{
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.ban-txt li+li+li+li{
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
}
.ban-txt li+li+li+li+li{
  -webkit-animation-duration: 1.7s;
  animation-duration: 1.7s;
}

.types-sec {
    background: #ebecee;
    padding: 50px 0 60px;
}

.banner-pic video {
    width: 100%;
}
.ban-video .banner-pic video {
    width: 100%;
  height:100%;
}

.more-btn2 {
    font-family: 'Poppins', sans-serif;
    display: block;
    font-size: 20px;
    color: #313036;
    font-weight: 500;
    text-transform: none;
    line-height: 1.4em;
    padding-top: 8px;
    text-transform: capitalize;
}

.more-btn2 span {
    color: #ff3839;
    font-weight: 700;
}

ul.type-ul li {
  display: inline-block;
  width: 22%;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  margin: 0 10px 0;
  box-shadow: 0px 0px 3px 2px #0000001c;
}
ul.type-ul li a{
  padding: 10px;
}

ul.type-ul {
    text-align: center;
    margin: 80px 0 0;
}
.type-box i {
    width: 96px;
    height: 96px;
    display: inline-block;
    background: #fff;
    border-radius: 100%;
    margin: -70px auto 0;
    box-shadow: 0px 0px 3px 1px #00000026;
}

i.sprite-icn {
    display: flex;
    align-items: center;
    justify-content: center;
}

i.sprite-icn:before {
  content: "";
  width: 67px;
  height: 53px;
  background: url('../images/sprite.png') no-repeat;
  display: inline-block;
}

i.sprite-icn-iconic:before{
  background-position: -169px -79px;
}

i.sprite-icn-typographic:before {
    background-position: -247px -79px;
}

i.sprite-icn-illustrative:before {
    background-position: -328px -82px;
}

i.sprite-icn-animated:before{
  background-position: -420px -78px;
}

i.sprite-icn-static:before{
  background-position: -19px -774px;
}

i.sprite-icn-ecommerce:before{
  background-position: -102px -774px;
}

i.sprite-icn-cms:before{
  background-position: -180px -774px;
}

i.sprite-icn-portal:before{
  background-position: -257px -774px;
}

i.sprite-icn-stationery:before{
  background-position: -331px -774px;
}

i.sprite-icn-advertisement:before{
  background-position: -405px -774px;
}

i.sprite-icn-packaging:before{
  background-position: -473px -774px;
}

i.sprite-icn-social:before{
  background-position: -544px -774px;
}

i.sprite-icn-explainer:before{
  background-position: -17px -919px;
}

i.sprite-icn-motion:before{
  background-position: -97px -918px;
}

i.sprite-icn-typography:before{
  background-position: -174px -919px;
}

i.sprite-icn-whiteboard:before{
  background-position: -266px -920px;
}

i.sprite-icn-apple:before{
  background-position: -346px -920px;
}

i.sprite-icn-game:before{
  background-position: -422px -927px;
}

i.sprite-icn-smartphone:before{
  background-position: -491px -923px;
}

i.sprite-icn-android:before{
  background-position: -562px -922px;
}

i.sprite-icn-poster:before{
  background-position: -12px -1644px;
}

i.sprite-icn-stationery1:before{
  background-position: -106px -1644px;
}

i.sprite-icn-promo:before{
  background-position: -201px -1646px;
}

i.sprite-icn-invitation:before{
  background-position: -294px -1646px;
}

.wd-100{
  width: 100%;
}

.type-box h5 {font-size: 16px;margin: 20px 0 10px;color: #000;}

ul.type-ul li.type-li1:hover {
    background: #f7b733; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YjczMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjYwMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7b733 0%, #fb601f 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b733), color-stop(100%,#fb601f)); 
    background: -webkit-linear-gradient(top, #f7b733 0%,#fb601f 100%); 
    background: -o-linear-gradient(top, #f7b733 0%,#fb601f 100%); 
    background: -ms-linear-gradient(top, #f7b733 0%,#fb601f 100%); 
    background: linear-gradient(to bottom, #f7b733 0%,#fb601f 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b733', endColorstr='#fb601f',GradientType=0 ); 
}

ul.type-ul li.type-li1:hover i{
    background: #f7b733; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YjczMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjYwMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7b733 0%, #fb601f 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b733), color-stop(100%,#fb601f)); 
    background: -webkit-linear-gradient(top, #f7b733 0%,#fb601f 100%); 
    background: -o-linear-gradient(top, #f7b733 0%,#fb601f 100%); 
    background: -ms-linear-gradient(top, #f7b733 0%,#fb601f 100%); 
    background: linear-gradient(to bottom, #f7b733 0%,#fb601f 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b733', endColorstr='#fb601f',GradientType=0 ); 
}

ul.type-ul li.type-li2:hover {
    background: #56cbf1; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2Y2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODkxZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #56cbf1 0%, #3891ee 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56cbf1), color-stop(100%,#3891ee)); 
    background: -webkit-linear-gradient(top, #56cbf1 0%,#3891ee 100%); 
    background: -o-linear-gradient(top, #56cbf1 0%,#3891ee 100%); 
    background: -ms-linear-gradient(top, #56cbf1 0%,#3891ee 100%); 
    background: linear-gradient(to bottom, #56cbf1 0%,#3891ee 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf1', endColorstr='#3891ee',GradientType=0 ); 
}

ul.type-ul li.type-li2:hover i{
    background: #56cbf1; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2Y2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODkxZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #56cbf1 0%, #3891ee 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56cbf1), color-stop(100%,#3891ee)); 
    background: -webkit-linear-gradient(top, #56cbf1 0%,#3891ee 100%); 
    background: -o-linear-gradient(top, #56cbf1 0%,#3891ee 100%); 
    background: -ms-linear-gradient(top, #56cbf1 0%,#3891ee 100%); 
    background: linear-gradient(to bottom, #56cbf1 0%,#3891ee 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf1', endColorstr='#3891ee',GradientType=0 ); 
}

ul.type-ul li.type-li3:hover {
    background: #da4453; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhNDQ1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjI5NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #da4453 0%, #9b2966 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4453), color-stop(100%,#9b2966)); 
    background: -webkit-linear-gradient(top, #da4453 0%,#9b2966 100%); 
    background: -o-linear-gradient(top, #da4453 0%,#9b2966 100%); 
    background: -ms-linear-gradient(top, #da4453 0%,#9b2966 100%); 
    background: linear-gradient(to bottom, #da4453 0%,#9b2966 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da4453', endColorstr='#9b2966',GradientType=0 ); 
}

ul.type-ul li.type-li3:hover i{
    background: #da4453; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhNDQ1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjI5NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #da4453 0%, #9b2966 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4453), color-stop(100%,#9b2966)); 
    background: -webkit-linear-gradient(top, #da4453 0%,#9b2966 100%); 
    background: -o-linear-gradient(top, #da4453 0%,#9b2966 100%); 
    background: -ms-linear-gradient(top, #da4453 0%,#9b2966 100%); 
    background: linear-gradient(to bottom, #da4453 0%,#9b2966 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da4453', endColorstr='#9b2966',GradientType=0 ); 
}

ul.type-ul li.type-li4:hover {
    background: #a8e063; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZTA2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmI2MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a8e063 0%, #66b639 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8e063), color-stop(100%,#66b639)); 
    background: -webkit-linear-gradient(top, #a8e063 0%,#66b639 100%); 
    background: -o-linear-gradient(top, #a8e063 0%,#66b639 100%); 
    background: -ms-linear-gradient(top, #a8e063 0%,#66b639 100%); 
    background: linear-gradient(to bottom, #a8e063 0%,#66b639 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8e063', endColorstr='#66b639',GradientType=0 ); 
}

ul.type-ul li.type-li4:hover i{
    background: #a8e063; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZTA2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmI2MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a8e063 0%, #66b639 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8e063), color-stop(100%,#66b639)); 
    background: -webkit-linear-gradient(top, #a8e063 0%,#66b639 100%); 
    background: -o-linear-gradient(top, #a8e063 0%,#66b639 100%); 
    background: -ms-linear-gradient(top, #a8e063 0%,#66b639 100%); 
    background: linear-gradient(to bottom, #a8e063 0%,#66b639 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8e063', endColorstr='#66b639',GradientType=0 ); 
}

ul.type-ul li:hover .type-box h5{
    color: #FFF;
}

ul.type-ul li:hover .type-box p{
    color: #FFF;
}

ul.type-ul li:hover i.sprite-icn-iconic:before {
    background-position: -169px -142px;
}

ul.type-ul li:hover i.sprite-icn-typographic:before {
    background-position: -247px -145px;
}

ul.type-ul li:hover i.sprite-icn-illustrative:before {
    background-position: -327px -143px;
}

ul.type-ul li:hover i.sprite-icn-animated:before {
    background-position: -420px -142px;
}

ul.type-ul li:hover i.sprite-icn-static:before{
  background-position: -19px -839px;
}

ul.type-ul li:hover i.sprite-icn-ecommerce:before{
  background-position: -102px -839px;
}

ul.type-ul li:hover i.sprite-icn-cms:before{
  background-position: -180px -839px;
}

ul.type-ul li:hover i.sprite-icn-portal:before{
  background-position: -257px -839px;
}

ul.type-ul li:hover i.sprite-icn-stationery:before{
  background-position: -331px -839px;
}

ul.type-ul li:hover i.sprite-icn-advertisement:before{
  background-position: -405px -839px;
}

ul.type-ul li:hover i.sprite-icn-packaging:before{
  background-position: -473px -839px;
}

ul.type-ul li:hover i.sprite-icn-social:before{
  background-position: -544px -839px;
}

ul.type-ul li:hover i.sprite-icn-explainer:before{
  background-position: -17px -999px;
}

ul.type-ul li:hover i.sprite-icn-motion:before{
  background-position: -97px -999px;
}

ul.type-ul li:hover i.sprite-icn-typography:before{
  background-position: -174px -999px;
}

ul.type-ul li:hover i.sprite-icn-whiteboard:before{
  background-position: -266px -1001px;
}

ul.type-ul li:hover i.sprite-icn-apple:before{
  background-position: -346px -999px;
}

ul.type-ul li:hover i.sprite-icn-game:before{
  background-position: -422px -1002px;
}

ul.type-ul li:hover i.sprite-icn-smartphone:before{
  background-position: -491px -1001px;
}

ul.type-ul li:hover i.sprite-icn-android:before{
  background-position: -562px -1001px;
}

ul.type-ul li:hover i.sprite-icn-poster:before{
  background-position: -12px -1556px;
}

ul.type-ul li:hover i.sprite-icn-stationery1:before{
  background-position: -106px -1556px;
}

ul.type-ul li:hover i.sprite-icn-promo:before{
  background-position: -201px -1557px;
}

ul.type-ul li:hover i.sprite-icn-invitation:before{
  background-position: -294px -1558px;
}

.special-packg-sec.special-branding p {
    font-size: 14px;
    font-weight: 300;
}

.special-packg-sec.special-branding h2 {
    padding: 0px;
    margin-top: 12px;
    font-size: 45px;
}

.special-packg-sec.special-branding h2:before {
    display: none;
}

.request-proposal-sec label {
    display: block;
    font-size: 14px;
    color: #0d0d08;
    margin: 0 0 5px;
    font-weight: 500;
}

.request-proposal-sec input, .request-proposal-sec select {
    width: 100%;
    padding: 4px 0;
    border: 0;
    background: transparent;
    font-size: 12px;
    color: #a8a8a8;
    height: 33px;
}

.request-proposal-sec .field {
    margin: 0 0 50px;
    border-bottom: 2px solid #c8c8c8;
}

ul.addon-ul li label {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0 0 0 30px;
    position: relative;
}

ul.addon-ul li {
    display: inline-block;
    width: 49%;
    margin: 0 0 15px;
    position: relative;
}

ul.addon-ul {
    margin: 0 0 50px;
}

ul.addon-ul li [type="checkbox"]:not(:checked), ul.addon-ul li [type="checkbox"]:checked {
  position: absolute;
  z-index: 1;
  opacity: 0;
}

ul.addon-ul [type="checkbox"]:not(:checked) + label:before, ul.addon-ul li [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

ul.addon-ul [type="checkbox"]:not(:checked) + label:after, ul.addon-ul li [type="checkbox"]:checked + label:after{
    content: '✔';
    position: absolute;
    top: .1em;
    left: .2em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #34a622;
    transition: all .2s;
}

ul.addon-ul [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

ul.addon-ul li [type="checkbox"]:disabled:not(:checked) + label:before,
ul.addon-ul li [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
ul.addon-ul li [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
ul.addon-ul li [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
ul.addon-ul li [type="checkbox"]:checked:focus + label:before,
ul.addon-ul li [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted #34a622;
}

ul.addon-ul li [type="checkbox"]:not(:checked) + label, ul.addon-ul li [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}

ul.addon-ul li [type=checkbox]+label, [type=radio]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline;
}

.bann-price>* {
    display: inline-block;
    vertical-align: middle;
    margin: 0 14px 0 0;
}

.bann-price .new-price {
    font-size: 49px;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

.bann-price .old-price {
    font-size: 17px;
    font-weight: 400;
}

.bann-price .old-price span {
    text-decoration: line-through;
}

.bann-price a.blue-btn {
    padding: 16px 60px;
}

.all-in-pkg ul.special-pkg-cta li:after {
    right: inherit;
    left: -19px;
}

.all-in-pkg ul.special-pkg-cta li {
    margin: 0 0 0 40px;
}

.all-in-pkg ul.special-pkg-cta li:last-child {
    margin: 0 0 0 20px;
}

section.special-packg-sec.all-in-pkg h2:before {
    display: none;
}

section.special-packg-sec.all-in-pkg h2 {
    padding: 0px;
}

section.all-in-pkg .megapack-title {
    border: 1px solid #444444;
    border-bottom: 0px;
    font-size: 16px;
    color: #ff3839;
    font-weight: 500;
    padding: 6px 20px;
    width: 73%;
    text-transform: uppercase;
    display: inline-block;
}

section.all-in-pkg .megapack-points {
    border: 1px solid #454545;
    z-index: -1;
    padding: 20px;
    background: #4545451f;
    line-height: 1.4em;
}

section.all-in-pkg .megapack-points-left li {
    padding-right: 10px;
}

section.all-in-pkg .megapack-points li {
    color: #c9c9c9;
    font-size: 14px;
    position: relative;
    padding: 0 0 0 18px;
    margin: 0 0 5px;
    font-weight: 200;
}

section.all-in-pkg .megapack-points-left li:after {
    content: "\f054";
    position: absolute;
    font-size: 11px;
    left: 0;
    top: 1px;
    font-family: FontAwesome;
    font-weight: lighter;
}

section.all-in-pkg .megapack-points ul, section.all-in-pkg .megapack-points ul li:last-child {
    margin: 0px;
}

section.all-in-pkg .megapack-infobox {
    margin: 40px 0;
}

.orng-colr {
    color: #f9a002;
}

.white-colr {
    color: #FFF;
}

.color-white {
    color: #FFF !important;
}

.all-in-pkg .feature-sec h2 {
    display: none;
}

.all-in-pkg .feature-sec {
    margin: 20px 0 0;
}

.all-in-pkg ul.features-ul li h5 {
    color: #999999;
}

.request-proposal-sec {
  background: url('../images/proposal-bg.png') no-repeat;
  background-size: cover;
  display: none;
}

ul.check-ul li {
    display: inline-block;
    color: #ff3839;
    font-size: 18px;
    font-weight: 600;
    width: 49%;
    margin: 0 0 9px;
}

ul.check-ul li:before {
    content: "\f058";
    font-family: FontAwesome;
    margin: 0 8px 0 0;
    color: #ff3839;
}

ul.cstm-li li {
    display: inline-block;
    vertical-align: middle;
}

.price {
    font-size: 70px;
    font-weight: 700;
    color: #ff3839;
    font-family: 'Titillium Web', sans-serif;
}

.price span {
        display: inline-block;
    line-height: normal;
    font-size: 17px;
    font-weight: 300;
    margin: 0 30px 0 0;
    vertical-align: middle;
    color: #fff;
}

.price span div {
    display: inline-block;
    text-decoration: line-through;
}

ul.cstm-li {
    margin: 30px 0 0px;
}

.ticker {
    background: url('../images/ticker-img.png') repeat-x;
    z-index: 1;
    position: absolute;
    top: -39px;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 16px 0 4px;
}

.ticker p {
    margin: 0px;
    line-height: 20px;
    color: #FFF;
    font-size: 19px;
    cursor: pointer;
    animation-iteration-count: infinite;
    animation-name: pulse-light;
    animation-duration: .9s;
    animation-fill-mode: both;
}

@-webkit-keyframes pulse-light{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.04)}}
@keyframes pulse-light{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

ul.type-ul li *{
  transition: all 0.4s ease;
}

.type-box p {
    font-size: 12px;
    line-height: normal;
    color: #000;
}

.hdr-cont-box {
  float: right;
  margin-bottom: 0;
}
.hdr-cont-box li {
  display: inline-block;
  margin-right: 25px;
}
.hdr-cont-box li i {
  color: #ff3839;
  margin-right: 4px;
}
.req-btn a {
  float: right;
  background: #7dc64d;
  background: -moz-linear-gradient(left, #7dc64d 0%, #34b96b 100%);
  background: -webkit-linear-gradient(left, #7dc64d 0%, #34b96b 100%);
  background: linear-gradient(to right, #7dc64d 0%, #34b96b 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7dc64d', endColorstr='#34b96b', GradientType=1);
  font-size: 16px;
  color: #fff;
  padding: 26px 15px;
  display: block;
  width: 120px;
  text-align: center;
  font-weight: 500;
  line-height: 1.2em;
}

.contact-hd h1:before, .contact-hd h4:before {
  display: none !important;
}

/*.portfolio-box li a:before {
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    z-index: 9999999999999 !important;
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    transform-origin: left bottom;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-bottom: 3px solid #FFF;
    border-left: 3px solid #FFF;
}

.portfolio-box li a:after {
    width: 2px;
    height: 2px;
    z-index: 9999999999999 !important;
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    transform-origin: right top;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
}

.portfolio-box li a:hover:before, .portfolio-box li a:hover:after {
    -webkit-transform: scale(1);
    width: calc(100% - 22px);
    height: calc(100% - 22px);
}*/


ul.double-slidr li.slick-current:before {
  content: "";
  width: 9px;
  height: 100%;
  position: absolute;
  background: #FFF;
  left: 0;
  top: 0;
}
ul.double-slidr li h3 {
  margin-top: 0px;
}
ul.double-slidr li p {
  margin-bottom: 0px;
  padding-bottom: 12px;
}
ul.double-slidr li {
  margin-bottom: 40px;
}
.double-slidr-sync ul.slick-dots li button+button {
  display: none;
}
.double-slidr-sync ul.slick-dots li {
  display: inline-block;
}
.double-slidr-sync ul.slick-dots {
  width: 100%;
  text-align: center;
  position: relative;
  top: -22px;
}
.double-slidr-sync ul.slick-dots li button {
  border: 0px;
  background: #9e9e9e;
  font-size: 0px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  padding: 0px;
  margin: 0 0 0 5px;
}
.double-slidr-sync ul.slick-dots li.slick-active button {
  background: #ff3839;
}
ul.double-slidr li.slick-current h3, ul.double-slidr li.slick-current p {
  color: #FFF !important;
  transition: all 0.6s ease;
}
.what-makes-sec li {
  position: relative;
}
ul.double-slidr li.slick-current {
  padding-left: 30px;
}
ul.double-slidr li.slick-current:after {
  content: "\f0da";
  font-family: fontAwesome;
  color: #FFF;
  position: absolute;
  left: 6px;
  top: 0px;
  bottom: 0px;
  font-size: 40px;
  height: 26px;
  margin: auto;
}

.colr-black {
    color: #000;
}


ul.chk-bullets li:before {
    content: "\f058";
    font-family: FontAwesome;
    width: auto;
    height: auto;
    color: #ff3839;
    background: transparent;
}

.started{position: absolute;right: 0px;top: 40px;z-index: 17;}



ul.chk-bullets-tick{font-size: 0px;display: block;}
ul.chk-bullets-tick li{width: 50%; display: inline-block;vertical-align: top;}


ul.chk-bullets-tick li:before {
    content: "\f00c";
    font-family: FontAwesome;
    width: auto;
    height: auto;
    color: #fff;
    background: transparent;
}

.ballon-mn-bann{
    position:relative;
    top: 40px;
}

.ban-txt.txt-sm h1 span {
    font-size: 41px;
}

.ballon-mn-bann:before {
    content: "";
    width: 100%;
    height: 340px;
    background: url(../images/ballon-bann.png) no-repeat center;
    display: inline-block;
    position: relative;
    top: 66px;
    left: 24px;
    z-index: -1;
}

.banner-sec.sm-bann a.pack-ordernow {
    padding: 15px 75px;
    margin: 0px;
    overflow: hidden;
    z-index: 2;
}

.ballon-mn-bann-nested {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    font-size: 75px;
    color: #181819;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    line-height: 50px;
}

.ballon-mn-bann-nested span {
    display: block;
    font-size: 27px;
    color: #ffffff8f;
    text-decoration: line-through;
}

table.comapare-box.compare-to-packg .pack-title {
    font-size: 20px;
    color: #000000;
    margin: 0 0 5px;
    padding: 0px;
}

table.comapare-box.compare-to-packg thead th:first-child {
    padding: 0px;
    vertical-align: bottom;
    text-align: left;
}

table.comapare-box.compare-to-packg th {text-align: center; padding: 9px 0 5px;}
table.comapare-box.compare-to-packg th,
table.comapare-box.compare-to-packg td { width: 19%}
table.comapare-box.compare-to-packg th+th, 
table.comapare-box.compare-to-packg td+td { width: 13.5%}

table.comapare-box.compare-to-packg .pack-price h4 {
    font-size: 37px;
    color: #ff3839;
}

table.comapare-box.compare-to-packg .pack-price h4 sup {
    font-size: 20px;
    top: -14px;
}

table.comapare-box.compare-to-packg .pack-price p {
    font-size: 8px;
    line-height: 8px;
}

table.comapare-box.compare-to-packg .pack-price {
    padding: 4px 0 0;
}

@media only screen and (min-width:1600px) {
.ban-form-box {
  right: 20%;
  top: 28%;
}
}
.ban-btm-box {
  padding: 15px 0;
  width: 100%;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
  position: relative;
}
.ban-btm-hd {
  float: left;
  width: 229px;
  border-right: 1px solid #cccccc;
  font-size: 18px;
  color: #313036;
  font-weight: 600;
  margin-right: 20px;
  padding: 18px 19px 18px 0;
  line-height: 1.3em;
  letter-spacing: -1px;
}
.ban-btm-logos {
  float: left;
  width: 100%;
  overflow: hidden;
}
.ban-btm-logos ul {
  margin-bottom: 0;
}
.ban-btm-logos li {
  display: inline-block;
  margin: 0 0 0;
  text-align: center;
}
.ban-btm-logos li img {
  transition-duration: .3s;
}
.ban-btm-logos li:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  transition-duration: .3s;
}
.sec-pad {
  padding: 50px 0;
}
.nobanner-sec {
  padding-top: 70px;
    margin-top: 84px;
    border-top: 5px solid #4c2d7d;
}
.nobanner-sec .sec-hd {
  margin-bottom:40px;
}
.hm-ban-sec {
  position: relative;
}
.hm-form-container {
  position: absolute;
  top: 22%;
  right: 0;
  width: 100%;
  z-index: 2;
}

@media only screen and (min-width:1500px) {
.hm-form-container {
  top: 27%;
}
}
.banner-form-sec h3 {
  font-size: 22px;
  color: #fff;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  background: #feb003;
  background: -moz-linear-gradient(45deg, #feb003 0%, #f38701 51%, #f38701 100%);
  background: -webkit-linear-gradient(45deg, #feb003 0%, #f38701 51%, #f38701 100%);
  background: linear-gradient(45deg, #feb003 0%, #f38701 51%, #f38701 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb003', endColorstr='#f38701', GradientType=1);
  margin: 0;
  padding: 16px 10px 6px;
  text-transform: uppercase;
  line-height: 1.95em;
  border-radius: 20px 20px 0 0;
}
.banner-form-sec h3 strong {
  font-weight: bold;
  color: #fff;
}
.banner-form-sec h3 span {
  font-family: 'Titillium Web', sans-serif;
  display: block;
  font-size: 43px;
  font-weight: 400;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
.banner-form-sec {
  background: #f5f5f5;
  border-radius: 21px;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.45);
  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.45);
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.banner-form {
  padding: 0 27px 27px 27px;
}
.banner-form-sec p {
  font-size: 16px;
  color: #313036;
  font-weight: 500;
  text-align: center;
  position: relative;
  line-height: 1.1em;
  margin: 18px 25px 8px;
}
.banner-form-sec p span {
  background: whitesmoke;
  display: inline-block;
  width: 78%;
  z-index: 1;
  position: relative;
  padding: 0 10px;
}
.banner-form-sec p:before {
  width: 100%;
  height: 2px;
  background: #fca803;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 19px;
}
.banner-form input[type="text"], .banner-form input[type="email"], .banner-form input[type="tel"], .banner-form select {
  width: 100%;
  font-size: 14px;
  color: #5e5c68;
  font-weight: 500;
  outline: none;
  border: none;
  background-color: transparent;
  height: 42px;
}
.banner-form select {
  position: absolute;
  right: 6px;
  width: 85%;
  border-radius: 0;
  border: 0;
}
.banner-form input[type="submit"], .banner-form input[type="button"] {
  background: #f38701;
  background: -moz-linear-gradient(45deg, #f38701 0%, #feb003 50%, #feb003 100%);
  background: -webkit-linear-gradient(45deg, #f38701 0%, #feb003 50%, #feb003 100%);
  background: linear-gradient(45deg, #f38701 0%, #feb003 50%, #feb003 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38701', endColorstr='#feb003', GradientType=1);
  color: #fff;
  border: none;
  border-radius: 34px;
  font-size: 20px;
  padding-left: 12px;
  padding: 12px;
  margin-top: 10px;
  width: 100%;
}
.banner-form input[type="submit"]:hover, .banner-form input[type="button"]:hover {
  background: #feb003;
  background: -moz-linear-gradient(45deg, #feb003 0%, #feb003 50%, #f38701 99%);
  background: -webkit-linear-gradient(45deg, #feb003 0%, #feb003 50%, #f38701 99%);
  background: linear-gradient(45deg, #feb003 0%, #feb003 50%, #f38701 99%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb003', endColorstr='#f38701', GradientType=1);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
  transition-duration: .3s;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: 1s;
  animation-fill-mode: both;
  transition-duration: .3s;
}
.frmicon-box {
  position: relative;
  margin: 0 0 24px;
}

.popup-bdy label {
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0 0 3px;
    line-height: 12px;
    display: block;
}
.field-icon {
  position: absolute;
  top: 13px;
  left: 18px;
}
.name-icon {
  background: url(../images/sprite.png) no-repeat -10px -9px;
  width: 16px;
  height: 18px;
}
.email-icon {
  background: url(../images/sprite.png) no-repeat -45px -11px;
  width: 19px;
  height: 15px;
}
.phone-icon {
  background: url(../images/sprite.png) no-repeat -85px -10px;
  width: 10px;
  height: 17px;
  left: 22px;
}
.services-icon {
  background: url(../images/sprite.png) no-repeat -116px -10px;
  width: 19px;
  height: 16px;
}
.sec-hd {
  color: #ff3839;
  font-weight: bold;
  text-transform: capitalize;
  margin: 0 0 16px 0;
  line-height: 1.1em;
  font-size: 36px;
}
.sec-hd strong {
  color: #35353b;
}
.sec-hd span {
  font-family: 'Poppins', sans-serif;
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    text-transform: none;
    line-height: 1.4em;
    padding-top: 8px;
    text-transform: capitalize;
}

.lg-hd {
  font-size: 37px;
    color: #ff3839;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 25px;
}
.lg-hd:after {
      background: #ff3839;
    display: block;
    width: 18%;
    height: 6px;
    content: "";
    margin-top: 20px;
}
.lg-sub-hd {
  font-size:26px;
  color:#212121;
  font-weight:bold;
  margin-bottom:15px;
}

.only-hd {
  line-height: 1.4em;
}
.sec-hd3 {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 15px;
}
.large-pra {
  font-size: 15px;
    color: #313036;
    line-height: 1.6em;
    margin-bottom: 30px;
}
.more-btn {
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
  display: inline-block;
  padding: 15px 48px;
  background: #ff3839;
  border-radius: 34px;
  font-weight: 400;
  text-transform: capitalize;
}
.more-btn:hover {
  background: #ff3839;
  color: #fff;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
}
.always-pulse {
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
  font-size:16px;
}
.inno-con-list li {
  display: inline-block;
  text-align: center;
  padding: 10px 10px 0;
  width: 135px;
  font-size: 13px;
}
.inno-con-list li+li {
  border-left: 1px solid #ccc;
}
.inno-con-list li i {
  display: block;
}
.inno-con-list {
  padding-top: 54px;
}
.inno-con-list li i svg {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  opacity: 0;
}

.get-started-cta {
  background-size: cover;
  position: relative;
  padding: 60px 0;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
  background: url(../images/cta-bg-01.jpg) no-repeat;
  background-size: 100%;
}
.get-started-cta h3 {
      font-size: 42px;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.15em;
    margin: 0 0 15px;
}
.get-started-cta h3 span {
  font-size: 22px;
    display: block;
    color: #fff;
    font-weight: 600;
}
.get-started-cta h3 strong {
  color: #ff3839;
}
.get-started-cta li {
  display: inline-block;
}
.get-started-cta li+li {
  margin-left: 15px;
}
.get-started-cta li a {
    padding: 15px 10px;
    display: block;
    border-radius: 32px;
    font-size: 20px;
    line-height: .85em;
    color: #fff;
    width: 263px;
    position: relative;
}
.cta-call {
    width: auto;
    margin: 6px 0 0;
    display: inline-block;
    font-size: 20px;
    padding: 10px;
}
.cta-call, 
.cta-call a {
     color: #ffffff;
}
.blue-cta-btn {
    background: #ff3839;
}

.green-cta-btn {
    background: #ff3839;
}

.orange-cta-btn {
    background: #ff3839;
}
.get-started-cta a:hover {
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
}
.get-started-cta a.white-cta-btn {
  background: #fff;
  color: #ff3839;
}
.get-started-cta a.white-cta-btn i {
  font-size: 25px;
}
.get-started-cta a span {
  display: block;
  font-size: 13px;
}
.get-started-cta a i {
  font-size: 27px;
  margin: 0 10px 0 0;
  vertical-align: text-top;
}
.pack-sec {
  background: url(../images/portf-bg.jpg) bottom right no-repeat;/*height:1080px;*/
  background-size: cover;
  background-color: #fafafa;
  overflow: hidden;
}
/*.lp-pack-sec{height:990px;}*/
.pack-list {
  text-align: center;
}
.pack-list > li {
      position: relative;
    width: 28%;
    border: 1px solid transparent;
    text-align: center;
    padding: 30px 0 0px;
    border-radius: 8px;
    display: inline-block;
    margin: 12px 0;
    background: #FFF;
    transition-duration: .2s;
    transform: scale(1);
    border: 1px solid #ececec;
    vertical-align: top;
}
.pack-list li.pkg-active {
    border: 1px solid #2d2c32;
}
.pack-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 20px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(resources.svg#desaturate);
  filter: gray;
  -webkit-filter: grayscale(1);
  opacity: .2;
  transition-duration: .2s;
}
.pkg-icn:before {
  content: "";
    width: 63px;
    height: 60px;
    display: inline-block;
    background: url('../images/sprite.png') no-repeat;
}

i.pkg-icn.pkg-icn1:before{
  background-position:  -16px -239px;
}
i.pkg-icn.pkg-icn2:before{
    background-position: -98px -239px;
    width: 79px;
}
i.pkg-icn.pkg-icn3:before {
    background-position: -196px -239px;
    width: 120px;
}
i.pkg-icn.pkg-icn4:before{
    background-position: -342px -238px;
    width: 87px;
}
i.pkg-icn.pkg-icn5:before {
    background-position: -455px -238px;
    width: 91px;
}
i.pkg-icn.pkg-icn6:before {
    background-position: -565px -238px;
    width: 121px;
}
.pkg-sealed-icn:before {
    content: "";
    background: url('../images/sprite.png') no-repeat -471px -491px;
    width: 120px;
    height: 100px;
    position: absolute;
    right: -50px;
    top: -40px;
}
.special-packg-sec {
    background: url('../images/special-brand-bg.jpg') no-repeat;
    background-size: cover;
    padding: 30px 0;
}
.spe-pack-best {
    background: url('../images/business-guide/special-brand-bg.jpg') no-repeat;
  background-size: cover;
}
.special-packg-sec h2 {
    font-size: 51px;
    color: #ff3839;
    font-weight: 700;
    line-height: 56px;
    margin: 0 0 19px;
    padding: 0 0 0 130px;
    position: relative;
}
.special-packg-sec h2 span {
    color: #FFF;
    font-size: 42px;
    display: block;
    font-weight: 400;
}
.special-packg-sec h2:before {
    content: "";
    background: url('../images/sprite.png') no-repeat -14px -590px;
    width: 119px;
    height: 99px;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.special-packg-sec p {
    color: #FFF;
    font-size: 18px;
}
.comaparing ul li {
    width: 100%;
    background: #ebecee;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #e3e3e3;
    border-bottom: 0px;
    transition: all 0.4s ease;
}
.special-packg-sec .icn-tooltip .tooltip-innr {
  background: #fff;
  color: #000;
}
.special-packg-sec .icn-tooltip .tooltip-innr:before {
  color: #fff;
}
.comaparing ul li:hover, .comaparing ul li:nth-child(even):hover {
    background: #00000052;
}
.comaparing ul li:hover i {
    color: #FFF;
}
.comaparing .fa-check{
  color: #9100eb;
  font-size:15px;
}
.comaparing .fa-times{
  color: #DF0003;
  font-size:15px;
}

.no-pad{
    padding: 0px;
}

.comaparing ul li:nth-child(even) {
    background: #ffffff;
}

.compare-logo {
    text-align: center;
    padding: 20px 20px 0;
    border-bottom: 0px;
}
.comaparing h4 {
    margin: 0 10px 19px;
    font-size: 20px;
    color: #ff3839;
}
.comaparing ul li:last-child {
    border-bottom: 1px solid #e3e3e3;
}
.comaparing ul.text-left li {
    text-align: left;
    font-weight: 500;
}
.col-md-cstm {
    width: 20%;
    float: left;
}
.comaparing .sec-hd {
    margin: 0 0 40px;
}

table.comapare-box tr td {
    background: #ebecee;
    padding: 10px;
    width: 20%;
    text-align: center;
    font-size: 13px;
    border: 1px solid #e3e3e3;
    border-bottom: 0px;
    transition: all 0.4s ease;
}

table.comapare-box tr:nth-child(even) td{
    background: #FFF;
}

table.comapare-box tr td:hover{
    background: #00000052;
}
table.comapare-box tr td:hover i {
    color: #FFF;
}

table.comapare-box tr td:first-child {
    text-align: left;
    font-weight: 600;
}
table.comapare-box thead th {
    border: 1px solid #e3e3e3;
}

table.comapare-box thead th:first-child {
    border: 0px;
}

.zindx-4{
  z-index: 4;
}
.pos-rel{
  position: relative;
}
.pkg-icn {
    display: block;
    transition: all 0.4s ease;
}
.pack-list > li:hover i.pkg-icn, .pack-list > li.pkg-active i.pkg-icn {
    transform: scale(0.94);
}
ul.special-pkg-cta li {
    display: inline-block;
    margin: 0 40px 0 0;
    position: relative;
}

.special-ordernow {
  background: #ff3839; /* Old browsers */
  background: -moz-linear-gradient(left, #ff3839 0%, #ff3839 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ff3839 0%,#ff3839 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ff3839 0%,#ff3839 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3839', endColorstr='#ff3839',GradientType=1 ); /* IE6-9 */
    display: block;
    padding: 13px 50px;
    border-radius: 32px;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.special-ordernow:hover {
      animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.orange-btn{
  background: #fdad03; 
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYWQwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNThlMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #fdad03 0%, #f58e01 100%); 
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fdad03), color-stop(100%,#f58e01)); 
  background: -webkit-linear-gradient(left, #fdad03 0%,#f58e01 100%); 
  background: -o-linear-gradient(left, #fdad03 0%,#f58e01 100%); 
  background: -ms-linear-gradient(left, #fdad03 0%,#f58e01 100%); 
  background: linear-gradient(to right, #fdad03 0%,#f58e01 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdad03', endColorstr='#f58e01',GradientType=1 ); 
  display: block;
  padding: 13px 60px;
  border-radius: 32px;
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
}

ul.special-pkg-cta li a {
    color: #FFF;
    font-size: 15px;
}

ul.special-pkg-cta li a i {
    margin: 0 5px 0 0;
}

ul.special-pkg-cta li:after {
    content: "";
    width: 2px;
    height: 15px;
    background: #fff;
    position: absolute;
    right: -19px;
    bottom: 5px;
}

ul.special-pkg-cta li:first-child:after, ul.special-pkg-cta li:last-child:after {
    display: none;
}

ul.special-pkg-cta li:first-child {
    margin: 0 20px 0 0;
}
ul.special-pkg li {
    background: #ffffff;
    border-radius: 6px;
    padding: 10px;
}

ul.special-pkg li .pack-title {
    font-size: 38px;
    color: #ff3839;
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
}

ul.special-pkg li .pack-price h4 {
    color: #ff3839;
}

ul.special-pkg li ul.pack-features li {
    padding: 2px 0;
    border: 0px;
    text-align: left;
    font-size: 13px;
    color: #666666;
    font-weight: 500;
    position: relative;
}

ul.special-pkg li ul.pack-features li:after {
    content: "\f058";
    font-family: FontAwesome;
    color: #ff3839;
    position: absolute;
    right: 10px;
    font-size: 13px;
    top: 3px;
}

ul.special-pkg li ul.pack-features {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    margin: 0 20px;
    padding: 4px 0;
    height: 183px;
}

ul.special-pkg li ul.pack-features div#mCSB_25_container {margin: 0 10px;}

ul.special-pkg {
    margin: 0px;
}
.pack-title {
  font-size: 30px;
  color: #000000;
  font-weight: bold;
  padding: 0 18px 0;
  text-transform: capitalize;
  margin-top: 0;
  z-index: 1;
  position: relative;
}
.combo-package .pack-title {
  font-size: 32px;
}
.pack-title span {
  font-size: 16px;
  color: #484848;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  display: none;
  padding-top: 4px;
  line-height: 1.28em;
  text-transform: none;
}
.pack-price {
  background: #fff;
  padding: 10px 10px;
  position: relative;
  color: #ff3839;
  transition-duration: .2s;
  border-radius: 0 0 10px 10px;
}
.pack-price h4 {
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0.8em;
  font-size: 50px;
  font-family: 'Poppins', sans-serif;
  color: #282828;
  display: inline-block;
  width: auto;
  text-align: right;
}
.pack-price sup {
      top: -0.2em;
    padding-right: 2px;
    font-size: 38px;
}
.pack-price sub {
  font-size: 13px;
  top: -4px;
  padding-left: 1px;
  text-transform: capitalize;
  font-weight: 600;
}
.pack-price p {
  font-size: 17px;
    font-weight: 600;
    margin: 0 0 0;
    display: inline-block;
    width: auto;
    text-align: left;
    border-left: 1px solid #b6b6b6;
    padding: 3px 0 3px 5px;
    color: #b6b6b6;
    line-height: 17px;
    vertical-align: super;
}
.pack-price p span {
  text-decoration: line-through;
  display: block;
}
.pack-features {
  font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin: 12px 0 5px;
    height: 170px;
    position: relative;
    overflow: hidden;
}
.pack-features li {
  text-transform: capitalize;
  color: #666666;
    font-size: 13px;
    overflow: hidden;
}
.pack-features li:hover {
    overflow: visible;
}
.pack-features li+li {
  border-top: 1px solid #e2e2e2;
  padding: 2px 0;
}
.view-more {
    display: block;
    margin: 3px 0 0 0;
    font-size: 14px;
    color: #333333;
    text-decoration: underline;
}

ul.features-ul li {
    display: inline-block;
    padding: 10px 40px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

ul.features-ul li:hover {
    overflow: initial;
    vertical-align: top;
}

ul.features-ul li:after {
    content: "";
    width: 2px;
    height: 50px;
    background: #d5d3d8;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0;
    margin: auto;
}

ul.features-ul li:last-child:after{
  display: none;
}

ul.features-ul li .feature-icn:before {
    content: "";
    display: inline-block;
    background: url('../images/sprite.png') no-repeat;
    width: 52px;
    height: 52px;
}
i.feature-icn-1:before {
    background-position: -13px -499px !important;
}
i.feature-icn-2:before {
    background-position: -103px -499px !important;
}
i.feature-icn-3:before {
    background-position: -204px -499px !important;
}
i.feature-icn-4:before {
    background-position: -295px -498px !important;
}
i.feature-icn-5:before {
    background-position: -388px -499px !important;
}
ul.features-ul li h5 {
    font-family: 'Poppins', sans-serif;
    margin: 10px 0 0;
    font-size: 16px;
    color: #5e5c68;
    font-weight: 400;
    line-height: 22px;
}
ul.pack-detail-feature li {
    padding: 10px 14px;
}

ul.pack-detail-feature li h5 {
    color: #999999;
}

ul.pack-detail-feature {
    margin: 30px 0 0;
}
section.special-packg-sec.pack-detail ul.special-pkg li ul.pack-features {
    height: 350px;
}

section.special-packg-sec.pack-detail ul.special-pkg li ul.pack-features li {
    padding-right: 30px;
}

.special-packg-sec.pack-detail .pack-ordernow {
    margin: 12px 0 0;
    font-weight: 600;
    padding: 15px 75px;
    background: #56cbf1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #56cbf1 0%, #3891ee 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#56cbf1), color-stop(100%,#3891ee));
    background: -webkit-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: -o-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: -ms-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: linear-gradient(to right, #56cbf1 0%,#3891ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf1', endColorstr='#3891ee',GradientType=1 );
}

.special-packg-sec.pack-detail .pack-ordernow {
    border-radius: 40px;
}

.topbar-pack h2 {
  padding: 0 0 0 0;
    display: inline-block;
    vertical-align: top;
}

.topbar-pack img{
  padding: 0 20px 0 0;
}

.topbar-pack h2:before {
    display: none;
}

.popular:before {
    content: "";
    background: url('../images/sprite.png') no-repeat -521px -82px;
    width: 71px;
    height: 83px;
    position: absolute;
    right: 0px;
    top: 0px;
}
li.pkg-active .pack-price h4 {
    color: #ff3839;
}
li.pkg-active .pack-title {
    color: #ff3839;
}
ul.pkg-cta li {
  display: inline-block;
    padding: 0 12px;
    border-right: 2px solid #dddbe0;
    line-height: 2px;
    font-weight: 600;
}
ul.pkg-cta {
    margin: 10px 0 10px;
}
ul.pkg-cta li a {
    color: #dddbe0;
    font-size: 14px;
}
ul.pkg-cta li:last-child {
    border-right: 0px;
}
.pkg-active ul.pkg-cta li a {
    color: #ff3839;
}
a.mega-pkg-btn {
    /*display: none;*/
}
a.view-more {
    display: none;
}
.icn-tooltip {
  display: inline-block;
  position: relative;
  transition: all 0.4s ease;
}
.icn-tooltip .tooltip-innr {
  position: absolute;
    width: 160px;
    right: -19px;
    top: 24px;
    background: #000000;
    padding: 3px 3px 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    text-transform: capitalize;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 2;
    box-shadow: 0 0 11px 3px #00000042;
    line-height: 1.5em;
}
.icn-tooltip i {
      margin: 0 0 0 4px;
    /* font-size: 12px; */
    /* color: #000; */
}
.icn-tooltip .tooltip-innr:before {
  content: "\f0d8";
  font-family: FontAwesome;
  right: 17px;
  top: -12px;
  position: absolute;
  color: #000000;
  font-size: 24px;
}
.icn-tooltip:hover .tooltip-innr {
  opacity: 1;
}
.pack-ordernow {
  font-size: 17px;
  display: inline-block;
  padding: 8px 75px;
  margin: 0 18px;
  color: #FFF;
  background: #ff3839;
  border-radius: 30px;
  font-weight: 500;
  position: relative;
  transition-duration: .2s;
  text-transform: uppercase;
}
.pack-ordernow:hover {
  color: #fff;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
}
.pack-list > li:hover, .pack-list > li.pkg-active {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
  transition-duration: .2s;
  transform: scale(1.06);
  z-index: 1;
}
.pack-list > li:hover .pack-features li+li, .pack-list > li.pkg-active .pack-features li+li {
  border-top: 1px solid #e2e2e2;
}
.pack-list > li:hover .pack-bg, .pack-list > li.pkg-active .pack-bg {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: url(resources.svg#desaturate);
  filter: gray;
  -webkit-filter: grayscale(0);
  opacity: 1;
  transition-duration: .2s;
}
.pack-list > li:hover .pack-price, .pack-list > li.pkg-active .pack-price {
  transition-duration: .2s;
  color: #484343;
}
.pack-list > li:hover .pack-ordernow, .pack-list > li.pkg-active .pack-ordernow {
  transition-duration: .2s;
}
.pack-list-tabs {
  border: 1px solid #ccc;
  background: #efefef;
  text-align: center;
  margin: 0 auto 25px;
  border-radius: 50px;
  padding: 6px 1px 5px;
  -moz-box-shadow: inset 0px 2px 8px #0000003d;
  -webkit-box-shadow: inset 0px 2px 8px #0000003d;
  box-shadow: inset 0px 2px 8px #0000003d;
  display: inline-block;
}
.pack-list-tabs li {
  display: inline-block;
  line-height: 1em;
  padding: 0 5px;
}
.pack-list-tabs li a {
  font-size: 15px;
  color: #ff3839;
  font-weight: 400;
  padding: 15px 30px 15px 60px;
  border-radius: 27px;
  position: relative;
  display: block;
}
.pack-list-tabs li a i {
  position: absolute;
  top: 10px;
  left: 26px;
}
.pack-list-tabs li a i svg {
  fill: #ff3839;
  width: 26px;
  height: 26px;
}
.pack-list-tabs li a:hover, .pack-list-tabs li a.active {
  color: #fff;
      background: #9d00fd;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
  text-decoration: none;
}
.pack-list-tabs li a:hover svg, .pack-list-tabs li a.active svg {
  fill: #fff;
}
.tab-pack-box .tab-pack {
  display: none;
}
.process-ul li {
    display: inline-block;
    width: 16%;
    text-align: center;
}

.process-icn {
    width: 69px;
    height: 69px;
    border: 5px solid #dcdcdc;
    border-radius: 100%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.process-icn:before {
    content: "";
    background: url('../images/sprite.png') no-repeat;
    width: 31px;
    height: 30px;
    display: inline-block;
    z-index: 1;
}

.prcss-icn1:before {
    background-position: -152px -594px;
}

.prcss-icn2:before {
    background-position: -205px -596px;
}

.prcss-icn3:before {
    background-position: -258px -594px;
}

.prcss-icn4:before {
    background-position: -365px -594px;
}

.prcss-icn5:before {
    background-position: -312px -594px;
}

.prcss-icn6:before {
    background-position: -418px -597px;
    width: 34px;
}
ul.process-ul:before {
    z-index: -1;
    content: "";
    width: 0%;
    height: 18px;
    background: #ea635f; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OWNmNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ea635f), color-stop(100%,#99cf70)); 
    background: -webkit-linear-gradient(left, #ea635f 0%,#99cf70 100%); 
    background: -o-linear-gradient(left, #ea635f 0%,#99cf70 100%); 
    background: -ms-linear-gradient(left, #ea635f 0%,#99cf70 100%); 
    background: linear-gradient(to right, #ea635f 0%,#99cf70 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#99cf70',GradientType=1 ); 
    position: absolute;
    left: 70px;
    bottom: 27px;
    margin: auto;
    transition: all 0.4s ease;
    display: none;
}

ul.process-ul.process2:before{
    width: 21%;
}

ul.process-ul.process3:before{
    width: 33%;
    background: #ea635f; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzNlYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 52%, #a73eb8 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ea635f), color-stop(52%,#99cf70), color-stop(100%,#a73eb8)); 
    background: -webkit-linear-gradient(left, #ea635f 0%,#99cf70 52%,#a73eb8 100%); 
    background: -o-linear-gradient(left, #ea635f 0%,#99cf70 52%,#a73eb8 100%); 
    background: -ms-linear-gradient(left, #ea635f 0%,#99cf70 52%,#a73eb8 100%); 
    background: linear-gradient(to right, #ea635f 0%,#99cf70 52%,#a73eb8 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#a73eb8',GradientType=1 ); 
}

ul.process-ul.process4:before{
    width: 53%;
    background: #ea635f; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGExZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 34%, #a73eb8 68%, #38a1f4 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ea635f), color-stop(34%,#99cf70), color-stop(68%,#a73eb8), color-stop(100%,#38a1f4)); 
    background: -webkit-linear-gradient(left, #ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%); 
    background: -o-linear-gradient(left, #ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%); 
    background: -ms-linear-gradient(left, #ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%); 
    background: linear-gradient(to right, #ea635f 0%,#99cf70 34%,#a73eb8 68%,#38a1f4 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#38a1f4',GradientType=1 ); 
}

ul.process-ul.process5:before{
    width: 66%;
    background: #ea635f; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzM4YTFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdkNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 25%, #a73eb8 52%, #38a1f4 77%, #ff7d54 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ea635f), color-stop(25%,#99cf70), color-stop(52%,#a73eb8), color-stop(77%,#38a1f4), color-stop(100%,#ff7d54)); 
    background: -webkit-linear-gradient(left, #ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%); 
    background: -o-linear-gradient(left, #ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%); 
    background: -ms-linear-gradient(left, #ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%); 
    background: linear-gradient(to right, #ea635f 0%,#99cf70 25%,#a73eb8 52%,#38a1f4 77%,#ff7d54 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#ff7d54',GradientType=1 ); 
}

ul.process-ul.process6:before{
    width: 86%;
    background: #ea635f; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzM4YTFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2ZmN2Q1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzhkOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 19%, #a73eb8 39%, #38a1f4 60%, #ff7d54 79%, #738d99 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ea635f), color-stop(19%,#99cf70), color-stop(39%,#a73eb8), color-stop(60%,#38a1f4), color-stop(79%,#ff7d54), color-stop(100%,#738d99)); 
    background: -webkit-linear-gradient(left, #ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%); 
    background: -o-linear-gradient(left, #ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%); 
    background: -ms-linear-gradient(left, #ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%); 
    background: linear-gradient(to right, #ea635f 0%,#99cf70 19%,#a73eb8 39%,#38a1f4 60%,#ff7d54 79%,#738d99 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#738d99',GradientType=1 ); 
}

ul.process-ul:after {
    z-index: -2;
    content: "";
    width: 83%;
    height: 18px;
    background: #dcdcdc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 27px;
    margin: auto;
    box-shadow: 0 0 13px 2px gainsboro;
    display: none;
}

ul.process-ul {
    position: relative;
    margin: 50px 0 20px;
    z-index: 0;
}

ul.process-ul *{
  transition: all 0.4s ease;
}

/*ul.process-ul:before {
    content: "";
    width: 75px;
    height: 85px;
    background: url('../images/sprite.png') no-repeat -483px -596px;
    position: absolute;
    border-radius: 100%;
    bottom: -15px;
    left: 53px;
    z-index: 1;
    transition: all 0.6s ease;
}*/

i.actv-ul {
    width: 69px;
    height: 69px;
    display: inline-block;
    position: absolute;
    background: #ea635f;
    border-radius: 100%;
    border: 3px solid #FFF;
    left: 54px;
    bottom: 0px;
    z-index: 1;
}

i.actv-ul:before {
    content: "";
    border-top: 25px solid transparent;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    transition: all .3s linear;
    position: absolute;
    bottom: -15px;
    left: 18px;
    border-top-color: #ea635f;
}

.process-ul li.active .prcss-icn1:before {
    background-position: -149px -635px;
}

.process-ul li.active .prcss-icn2:before {
    background-position: -205px -637px;
}

.process-ul li.active .prcss-icn3:before {
    background-position: -258px -635px;
}

.process-ul li.active .prcss-icn4:before {
    background-position: -365px -635px;
}

.process-ul li.active .prcss-icn5:before {
  background-position: -312px -635px;
}

.process-ul li.active .prcss-icn6:before {
    background-position: -418px -638px;
}

.process-ul li .prcss-icn7:before {
    background-position: -17px -1072px;
}

.process-ul li .prcss-icn8:before {
    background-position: -69px -1072px;
}

.process-ul li .prcss-icn9:before {
    background-position: -122px -1072px;
}

.process-ul li .prcss-icn10:before {
    background-position: -173px -1073px;
}

.process-ul li .prcss-icn11:before {
    background-position: -225px -1073px;
}

.process-ul li .prcss-icn12:before {
    background-position: -278px -1074px;
}

.process-ul li.active .prcss-icn7:before {
    background-position: -17px -1123px;
}

.process-ul li.active .prcss-icn8:before {
    background-position: -71px -1124px;
}

.process-ul li.active .prcss-icn9:before {
    background-position: -122px -1123px;
}

.process-ul li.active .prcss-icn10:before {
    background-position: -173px -1123px;
}

.process-ul li.active .prcss-icn11:before {
    background-position: -225px -1123px;
}

.process-ul li.active .prcss-icn12:before {
    background-position: -278px -1123px;
}

ul.process-ul.process2 i.actv-ul {
    left: 234px;
    background-color: #67b636;
}

ul.process-ul.process2 i.actv-ul:before{
  border-top-color: #67b636;
}

ul.process-ul.process3 i.actv-ul {
    left: 415px;
    background-color: #a73eb8;
}

ul.process-ul.process3 i.actv-ul:before{
  border-top-color: #a73eb8;
}

ul.process-ul.process4 i.actv-ul {
    left: 597px;
    background-color: #38a1f4;
}

ul.process-ul.process4 i.actv-ul:before{
  border-top-color: #38a1f4;
}

ul.process-ul.process5 i.actv-ul {
    left: 778px;
    background-color: #ff7d54;
}

ul.process-ul.process5 i.actv-ul:before{
  border-top-color: #ff7d54;
}

ul.process-ul.process6 i.actv-ul {
    left: 959px;
    background-color: #738d99;
}

ul.process-ul.process6 i.actv-ul:before{
  border-top-color: #738d99;
}

ul.process-ul.process-animate i.actv-ul{
  -webkit-animation:anim-cur-step .6s;
  animation:anim-cur-step .6s;
}

@-webkit-keyframes anim-cur-step{20%{-webkit-transform:rotate(45deg)}70%{-webkit-transform:rotate(-45deg)}100%{-webkit-transform:rotate(0deg)}}
@keyframes anim-cur-step{20%{transform:rotate(45deg)}70%{transform:rotate(-45deg)}100%{transform:rotate(0deg)}}

.process-ul li.active h4 {
    color: #fc7e00;
}

.process-arrows>div {
    width: 34px;
    height: 66px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.process-arrows>div:before {
    content: "";
    background: url(../images/sprite.png) no-repeat -527px -598px;
    width: 34px;
    height: 66px;
    display: block;
}

.process-arrows .arrow-right:before {
    background-position: -475px -598px;
}

.process-arrows>div.disable {
    opacity: 0.2;
}

.process-content {
    position: relative;
}

.process-arrows .arrow-right {
    left: inherit;
    right: 20px;
}

.process-tabs {
    overflow: hidden;
    padding: 50px 0 0;
    display: none !important;
}

.process-tabs.active {
    display: block !important;
}

ul.idustries-ul {
    text-align: center;
}

ul.idustries-ul li {
    display: inline-block;
    text-align: center;
    padding: 20px 25px;
    margin: 0 11px;
    border-radius: 12px;
    transition: all 0.4s ease;
}

ul.idustries-ul li:hover {
    background: #e6e6e6;
    box-shadow: 0px 0px 10px 4px #3131310d;
}

ul.idustries-ul li h4 {
    margin: 10px 0 0;
}

.icn-ind{
  display: block;
}

.icn-ind:before {
    content: "";
    background: url('../images/sprite.png') no-repeat;
    width: 49px;
    height: 60px;
    display: inline-block;
}

i.icn-ind-1:before {
    background-position: -18px -702px;
}

i.icn-ind-2:before {
    background-position: -93px -703px;
    width: 56px;
}

i.icn-ind-3:before {
    background-position: -175px -699px;
    width: 51px;
}

i.icn-ind-4:before {
    background-position: -252px -703px;
    width: 59px;
}

i.icn-ind-5:before {
    background-position: -337px -705px;
    width: 79px;
}

i.icn-ind-6:before {
    background-position: -442px -706px;
    width: 73px;
}

i.icn-ind-7:before {
    background-position: -541px -706px;
    width: 52px;
}

section.serv-industries {
    background: url('../images/serv-indust.png') no-repeat;
    background-size: cover;
    padding: 60px 0;
}

.dark-grey-bg {
    background: #ffffff91;
}

section.serv-industries .dark-grey-bg {
    padding: 20px;
    border-radius: 12px;
}

ul.idustries-ul-slide-toggle li {
    display: inline-block;
    width: 33%;
    background: #ffffffe0;
    margin: 0 0 4px;
    transition: all 0.4s ease;
}

ul.idustries-ul-slide-toggle li:hover {
    background: #ff3839;
}

ul.idustries-ul-slide-toggle li:hover a {
    color: #FFF;
}

ul.idustries-ul-slide-toggle li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    margin: 0 -7px 0 0;
    padding: 10px 20px;
}

ul.idustries-ul-slide-toggle li a {
    color: #000;
    display: block;
}

.pack-list > li:hover{
  webkit-animation-play-state: paused;
  animation-play-state: paused;
}

ul.idustries-ul-slide-toggle {
    display: none;
}

.blue-btn {
    background: #56cbf1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #56cbf1 0%, #3891ee 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#56cbf1), color-stop(100%,#3891ee));
    background: -webkit-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: -o-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: -ms-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: linear-gradient(to right, #56cbf1 0%,#3891ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf1', endColorstr='#3891ee',GradientType=1 );
    display: inline-block;
    padding: 13px 30px;
    border-radius: 32px;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
.blue-btn:hover {
  animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

section.serv-industries .blue-btn {
    margin: 0px 0 -20px;
    position: relative;
    top: 30px;
    width: 238px;
    background: #ff3839;
}

.ftr-award-sec h2.sec-hd span {
    font-size: 28px;
}

div#mega-packg {
    width: 100%;
    position: relative;
    z-index: 1;
}

.parallax-layer {
    position: absolute;
    left: 0;
}

.parallax-layer2 {
    z-index: 2 !important;
}

.parallax-layer1 {
    z-index: 3 !important;
}

.parallax-layer3 {
    z-index: 1;
}

.topminus {
  margin-top: -15px !important;
}
.testi-slider {
    margin: -50px 0 0;
}
.testi-box {
  background: #ebecee;
    padding: 40px 102px 40px 50px;
    color: #272727;
    font-size: 16px;
    position: relative;
    font-weight: 300;
    font-style: italic;
    text-align: left;
    min-height: 208px;
    line-height: 1.6em;
    width: 80%;
    margin: 68px 0 0;
}
.testi-box:before {
  content: '\2018 \2018';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: #ff3839;
    margin: 30px 0 0;
    font-style: normal;
    font-weight: 500;
    position: relative;
    top: 8px;
}
.testi-box:after {
  content: '\2019 \2019';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: #ff3839;
    margin: 30px 0 0;
    font-style: normal;
    font-weight: 500;
    position: relative;
    bottom: -20px;
    text-align: right;
}
.testi-author {
  position: absolute;
    right: 7px;
    top: 43px;
    text-align: right;
    overflow: hidden;
}

.testi-author img {
    display: inline-block;
    box-shadow: 0px 0px 10px 2px #6b6b6b52;
    margin: 0 0 10px;
    width: 210px;
}

.testi-author p {
    font-size: 12px;
    color: #ff3839;
    line-height: 17px;
    font-weight: 500;
    margin: 0 10px 0 0;
}

.testi-author p span {
    display: block;
    color: #000;
}
.rating {
    font-size: 13px;
    margin: 10px 14px 0 0;
    color: #f5d60d;
}

.awrd-icn:before {
    content: "";
    background: url('../images/sprite.png') no-repeat -14px -322px;
    width: 88px;
    height: 75px;
    display: block;
}

.awrd-icn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
}

i.awrd-icn2:before{
  background-position: -121px -327px;
  width: 103px;
  height: 65px;
}

i.awrd-icn3:before{
  background-position: -228px -325px;
  width: 108px;
  height: 69px;
}

i.awrd-icn4:before{
  background-position: -354px -335px;
  width: 134px;
  height: 50px;
}

i.awrd-icn5:before{
  background-position: -506px -334px;
  width: 148px;
  height: 50px;
}

ul.award-sldr {
    margin: 20px 0;
}

footer {
  background: #1c1c1f;
      z-index: -100;
    position: fixed;
    bottom: 0px;
  width:100%;
}
.ftr-logo svg, .ftr-logo img {
  width: 150px;
}
.ftr-top-section {
  text-align: center;
  padding-bottom: 35px;
  padding-top: 35px;
}
ul.ds-inline-blck li {
    display: inline-block;
    width: 100%;}
.ftr-btm-section {
  background: #26262a;
  line-height: 2.2em;
  padding: 18px 0;
  font-size: 12px;
  line-height: 2.5em;
}
.ftr-btm-section, .ftr-btm-section a {
  color: #676572;
}
.ftr-btm-section a {
  text-decoration: underline;
}
.ftr-btm-section a:hover {
  text-decoration: none;
  color: #fff;
}
.ftr-contact-info li {
  display: inline-block;
}
.ftr-top-section li, .ftr-top-section li a {
  color: #676572;
  font-size: 14px;
}
.ftr-top-section li a:hover {
  color: #e2e2e2;
}
.ftr-logo {
  margin: 0 0 17px;
}
.ftr-contact-info {
  margin-bottom: 20px;
}
.ftr-contact-info > li+li {
  border-left: 2px solid #28282d;
}
.ftr-contact-info > li {
  padding: 0 0 3px 21px;
    position: relative;
    display: block;
}
.ftr-contact-info > li > i {
  color: #FFF;
    margin-right: 2px;
    position: absolute;
    top: 5px;
    left: 0;
}
.ftr-social-icon i {
  font-size: 19px;
  margin: 0 2px;
}
.ftr-links {
  clear: both;
  padding-top: 8px;
}
.ftr-links h4 {
  font-size: 16px;
  color: #e2e2e2;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  font-weight: 300;
  margin-bottom: 13px;
  display: inline-block;
}
.guide-fpic {
  margin-right: -20px;
  margin-bottom: -40px;
}
.web-fpic {
  margin-right: -90px;
}
.green-bullets li {
  position: relative;
  padding-left: 20px;
  line-height: 1.3em;
  margin-top: 10px;
}
.green-bullets li:before {
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  background: red;
  border-radius: 20px;
  content: "";
  background: #ff3839;
}
.need-logo-sec {
  position: relative;
  background: #9d00fd;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
  overflow: hidden;
}
section.need-logo {
  overflow: hidden;
}
.need-logo-sec:before {
  background: url(../images/logo101-img2.png) no-repeat;
  width: 1352px;
  height: 722px;
  display: block;
  content: "";
  position: absolute;
  left: -10%;
  top: 18%;
}
.need-website-sec:before {
  background: url(../images/web101-img2.png) no-repeat;
  width: 733px;
  height: 400px;
  left: -2% !important;
  top: 12%;
}
.need-brand-sec:before {
  background: url(../images/brand101-img2.png) no-repeat;
  width: 770px;
  height: 527px;
  left: -5% !important;
  top: -20%;
}
.extra-features h4 {
  font-size: 24px;
  color: #ff3839;
  font-weight: 400;
  line-height: 30px;
  font-family: 'Titillium Web', sans-serif;
  margin: 0 0 20px;
}
.extra-features p {
  font-size: 14px;
}
.extra-features>div {
  padding: 20px 15px;
}
.industry-portf img {
  width: 100%;
}
.industry-portf1 .col-lg-4.active {
  display: inline-block;
}
.industry-portf1 .col-lg-4 {
  display: none;
}
select#industryswitch {
  padding: 7px 10px;
}

li.custom-cal-li {
    padding: 20px 0 10px;
    width: 56% !important;
    min-height: 483px;
}

.animation-pricing .col-md-4:after {
    content: "";
    width: 1px;
    height: 60%;
    background: #c9c9c9;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.animation-pricing .col-md-4:last-child:after {
    display: none;
}

.video-qty label {
  font-weight: 400;
  width: 54%;
}

@media only screen and (min-width:1600px) {
.need-logo-sec:before {
  left: 125px;
}
.need-website-sec:before {
  left: 12% !important;
}
.need-brand-sec:before {
  left: 0% !important;
}
}
.need-logo-sec h3 {
  font-weight: 500;
  font-style: italic;
  font-size: 22px;
  line-height: 1.4em;
  margin-top: 30px;
}
.str-brand-sec li p {
  min-height: 110px;
}
.str-brand-sec h4 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}
.str-brand-sec li {
  margin: 20px 0;
}
.str-brand-sec i {
  margin-bottom: 12px;
  display: inline-block;
}
.str-brand-sec i svg {
  width: 75px;
  height: 70px;
}
.brandlogo-st0 {
  fill: url(#SVGID_1_);
}
.brandlogo-st1 {
  fill: url(#SVGID_2_);
}
.brandlogo-st2 {
  fill: url(#SVGID_3_);
}
.brandlogo-st3 {
  fill: url(#SVGID_4_);
}
.brandlogo-st4 {
  fill: url(#SVGID_5_);
}
.brandlogo-st5 {
  fill: url(#SVGID_6_);
}
.brandlogo-st6 {
  fill: url(#SVGID_7_);
}
.brandlogo-st7 {
  fill: url(#SVGID_8_);
}
.brandlogo-st8 {
  fill: url(#SVGID_9_);
}
.brandlogo2-st0 {
  fill: url(#SVGID_1_);
}
.brandlogo2-st1 {
  fill: url(#SVGID_2_);
}
.brandlogo2-st2 {
  fill: url(#SVGID_3_);
}
.brandlogo2-st3 {
  fill: url(#SVGID_4_);
}
.brandlogo3-st0 {
  fill: url(#SVGID_1_);
}
.brandlogo3-st1 {
  fill: url(#SVGID_2_);
}
.brandlogo3-st2 {
  fill: url(#SVGID_3_);
}
.brandlogo3-st3 {
  fill: url(#SVGID_4_);
}
.brandlogo3-st4 {
  fill: url(#SVGID_5_);
}
.brandlogo4-st0 {
  fill: url(#SVGID_1_);
}
.brandlogo4-st1 {
  fill: url(#SVGID_2_);
}
.brandlogo4-st2 {
  fill: url(#SVGID_3_);
}
.brandlogo4-st3 {
  fill: url(#SVGID_4_);
}
.brandlogo5-st0 {
  fill: url(#SVGID_1_);
}
.brandlogo5-st1 {
  fill: url(#SVGID_2_);
}
.brandlogo5-st2 {
  fill: url(#SVGID_3_);
}
.brandlogo5-st3 {
  fill: url(#SVGID_4_);
}
.brandlogo5-st4 {
  fill: url(#SVGID_5_);
}
.awardone0 {
  fill: #000000;
}
.awardone1 {
  fill: #CB982C;
}
.stawardfour0 {
  fill: url(#SVGID_45_);
}
.stawardfour1 {
  fill: #000000;
}
.awardtwo0 {
  fill: #000000;
}
.awardtwo1 {
  fill: #E9252D;
}
.awardtwo2 {
  fill: #327af5;
}
.awardfive0 {
  fill: #F6D60D;
}
.awardfive1 {
  fill: #000;
}
.awardthree0 {
  fill: #939598;
}
.awardthree1 {
  fill: #F7D73B;
}
.awardthree2 {
  fill: #F79E27;
}
.awardthree3 {
  fill: #F05E51;
}
.awardthree4 {
  fill: #CE60A1;
}
.what-makes-sec {
  position: relative;
  background: #9d00fd;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
}
.what-makes-sec h3 {
  font-size: 22px;
  font-style: italic;
  font-weight: 600;
}
.what-makes-sec p {
  font-size: 13px;
  line-height: 1.4em;
}
.what-makes-sec li * {
  color: #ebccff !important;
}
.what-makes-sec li+li {
  margin-top: 40px;
}
.whatmake-container {
  float: right;
  width: 610px;
}
.double-slidr-sync li img {
  display: inline-block;
}
.double-slidr-sync li {
  text-align: center;
  margin: 0px !Important;
}
.double-slidr-sync {
  position: absolute;
  top: 29px;
  right: 0;
  left: 37px;
}
.double-slidr li {
  margin-top: 0px !important;
}
.which-type-pic img {
  margin: 30px auto;
}
.green-bold-pra {
  font-weight: bold;
  color: #ff3839;
}
.colors-pic img {
  margin: 0 auto;
}
.what-fonts-sec {
  position: relative;
  background: #9d00fd;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
}
.fonts-list {
  padding-top: 10px;
}
.fonts-list li {
  font-family: Brush Script MT, cursive;
  font-size: 30px;
  margin-top: 22px;
}
.fonts-list li+li {
  font-family: times new roman, times, serif;
}
.fonts-list li+li+li {
  font-family: arial, helvetica, sans-serif;
}
.fonts-list li+li+li+li {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}
.fonts-list li+li+li+li+li {
  font-family: Rockwell Extra Bold, Rockwell Bold, monospace;
}
.style-guide-sec li {
  margin-top: 60px;
}
.style-guide-sec li i {
  width: 60px;
  height: 60px;
  font-size: 28px;
  border-radius: 60px;
  color: #fff;
  padding-top: 18px;
  display: inline-block;
  background: #9d00fd;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
}
.style-guide-sec li h4 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 25px 0 8px;
}
.style-guide-sec li p {
  overflow: hidden;
  margin: 0;
}
#portfolio .portfolio-tar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  display: none;
  float: left;
  overflow: hidden;
  width: 100%;
  margin: 0 0 15px;
}
.sel-indus-dd {
  width: 43%;
  margin: 0 auto 20px;
  background: #eee;
  padding: 1.5%;
}
.sel-indus-dd select {
  width: 100%;
  height: 58px;
  border: 2px solid #dcdcdc;
  color: #848484;
  font-size: 18px;
}
#packageslist .package {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  display: none;
  float: left;
  width: 100%;
  margin: 0 0 15px;
}
.inner-sec p {
}
.inner-hd3 {
  font-weight: 600;
  margin-top: 30px;
}
.sec-hd4 {
  font-size: 24px;
  font-weight: 500;
  font-style: italic;
  margin: 30px 0;
}
.sec-hd4 a {
  border-bottom: 1px solid #ff3839;
  color: #ff3839;
  padding-bottom: 5px;
}
.sec-hd4 a:hover {
  border-bottom: none;
}
.tag-list li {
  display: inline-block;
}
.tag-list li a {
  background: #d7d7d7;
  font-size: 18px;
  color: #666666;
  display: block;
  padding: 20px 64px;
  border-radius: 21px;
  margin: 10px;
}
.tag-list li a:hover {
  background: #ff3839;
  color: #fff;
}
.nopad-top {
  padding-top: 0px !important;
}
.nopad-btm {
  padding-bottom: 0px !important;
}
.nopad-left {
  padding-left: 0px !important;
}
.nomar-bottom {
  margin-bottom: 0 !important;
}
.client-says-box {
  margin-top: 20px;
}
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
      background: #9d00fd;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
  color: #fff;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -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;
}
#return-to-top:hover {
  background: #353535eb;
}
#return-to-top:hover i {
  color: #fff;
  top: 10px;
}
.philosophy-sec {
  background: url(../images/about-philosophy-bg.jpg);
  background-size: cover;
}
.philosophy-sec * {
  color: #fff;
}
.philosophy-bg-icons {
  padding-bottom: 305px;
}
.expect-sec {
  background: url(../images/grey-arrow-bg.png) top right no-repeat #FFF;
  overflow: hidden;
  position: relative;
  padding: 90px 0;
}
.expect-sec:before {
  background: url(../images/expect-bg-pic.png);
  width: 787px;
  height: 689px;
  display: block;
  content: "";
  position: absolute;
  left: -10%;
  bottom: 0px;
}

.pack-list-li {
    background: #FFF;
    padding: 34px 0 0px;
    border: 1px solid #ececec;
    border-radius: 8px;
}

.animation-meta {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}

.animation-pricing h6, .animation-pricing h5 {
    margin: 0;
}

.pack-ordernow1 {
    font-size: 17px;
    display: inline-block;
    padding: 8px 75px;
    margin: 0 18px;
    color: #FFF;
    background: #45ade6;
    border-radius: 30px;
    font-weight: 500;
    position: relative;
    transition-duration: .2s;
    text-transform: uppercase;
}

.animation-pricing h6 {
    font-size: 12px;
    color: #636363;
}

.animation-pricing h5 {
    font-size: 14px;
    color: #404040;
    font-weight: 700;
    margin: 6px 0 0px;
}

.animation-pricing .pack-ordernow1 {
    padding: 11px 0px;
    width: 88%;
    margin: 30px 0 0 30px;
}

li.custom-cal-li ul.pkg-cta {margin: 15px 0 0;}

@media only screen and (min-width:1600px) {
.expect-sec:before {
  left: 6%;
}
}
.portfolio-box li {
  /* margin: 15px 0; */
    padding: 14px;
}
.portfolio-box li a {
  position: relative;
    display: block;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    border-radius: 12px;
}
.portfolio-box li a img {
  transition-duration: 0.3s;
}
.portfolio-box li a .iconport {
  position: absolute;
  left: 0;
  top: 0px;
  background: rgba(0, 0, 0, 0.70);
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all .5s ease;
  text-align: center;
}
.portfolio-box li a .iconport i {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 40px;
  font-size: 30px;
  color: rgb(255, 255, 255);
  margin: auto;
  text-shadow: 0px 0px 15px rgba(150, 150, 150, 1);
}
.portfolio-box li a:hover > img {
  transform: scale(1.2);
  transition-duration: .3s;
}
.portfolio-box li a:hover .iconport {
  opacity: 1;
}
.portfolio-box .slick-prev, .portfolio-box .slick-next {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
  z-index: 1;
}
.portfolio-box .slick-prev i, .portfolio-box .slick-next i {
  font-size: 54px;
  color: #a0a0a0;
}
.portfolio-box .slick-prev i:hover, .portfolio-box .slick-next i:hover {
  color: #171719;
}
.portfolio-box .slick-prev {
  left: -50px;
}
.portfolio-box .slick-next {
  right: -50px;
}
.client-says-sec {
  background: #efefef;
}
.mobile-nav {
  display: none;
}
.btn-readmore {
  border: 2px solid #fff;
  padding: 14px 42px;
  display: inline-block;
  font-size: 16px;
  border-radius: 44px;
  color: #fff;
  margin-top: 8px;
  outline: none;
  font-weight: 400;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
  transition-duration: .3s;
}
.btn-readmore:hover {
  background: none;
  color: #020202;
  background: #fff;
  animation-iteration-count: inherit;
}
.disclaimer-sec {
    padding: 15px 0;
    text-align: center;
}
.disclaimer-sec p {
  color: #676572;
  font-size: 10px;
  margin: 0;
  line-height: 1.4em;
}
.video-review-box {
  padding-top: 30px;
  position: relative;
}
.video-rev-img {
  position: relative;
  background: #000;
}
.video-rev-img img {
  opacity: .50;
}
.review-play {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 30em;
}
.review-play svg {
  width: 80px;
  height: 80px;
  fill: #fff;
}
.video-rev-txt {
  background: #e2e2e2;
  margin-left: -75px;
  padding: 60px 60px 40px;
  text-align: center;
  margin-top: 40px;
}
.video-rev-txt h4 {
  font-size: 24px;
  margin: 0 0 0 0;
  color: #ff3839;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 15px;
  position: relative;
  padding: 0 40px;
}
.video-rev-txt h4:before, .video-rev-txt p:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}
.video-rev-txt h4:before {
  content: "\f10d";
  display: block;
  position: absolute;
  left: -25px;
  top: -25px;
  color: #b3b3b3;
}
.video-rev-txt p:after {
  content: "\f10e";
  display: block;
  position: absolute;
  right: 0;
  bottom: 13px;
  color: #9d9d9d;
}
.video-rev-txt p {
  font-size: 18px;
  color: #9d9d9d;
  font-weight: 400;
  height: 110px;
  overflow: hidden;
  position: relative;
}
.video-author-name {
  font-size: 21px;
  color: #9d9d9d;
  line-height: 1.2em;
}
.video-author-name strong {
  display: block;
  color: #313036;
}
.video-review-box .slick-dots {
  text-align: center;
  padding-top: 35px;
  clear: both;
  position: absolute;
  right: 0;
  bottom: 4%;
}
.video-review-box .slick-dots button {
  display: none;
}
.video-review-box .slick-dots li {
  width: 45px;
  height: 5px;
  background: #ccc;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.video-review-box .slick-dots .slick-active {
  background: #ff3839;
}
.txt-rev-img img {
  border-radius: 150px;
  border: 1px solid #ccc;
  width: 81px;
  height: 81px;
}
.testi-txt-box {
  background: #abd8ff;
  padding: 20px 20px 20px 60px;
  position: relative;
  transition: all 0.4s ease;
}
.testi-txt-box:hover {
  transform: scale(1.03);
}
.testi-txt-box:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #abd8ff;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 26px;
  left: -9px;
  content: "";
}
.testi-txt-box:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 23px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.testi-txt-box:before {
  content: "\f10d";
  display: block;
  position: absolute;
  left: 26px;
  top: 17px;
  color: #3d3d3d;
}
.testi-txt-box p {
  font-size: 15px;
  color: #3d3d3d;
  line-height: 1.5em;
}
.txt-rev-name {
  text-align: right;
  color: #02642c;
  line-height: 1.2em;
  font-size: 14px;
}
.testi-star i {
  font-size: 14px;
  color: #ffa200;
}
.txt-review-container {
  padding-top: 40px;
}
.txt-review-container > ul > li {
  margin: 25px 0;
}
.contact-form-container, .contact-info-container {
  padding: 50px 55px;
  min-height: 605px;
}
ul.features-ul li .icn-tooltip {
        position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 134px;
    width: 100%;
    text-align: center;
}

ul.features-ul li:hover .icn-tooltip .tooltip-innr {
    opacity: 1;
}

ul.features-ul li .icn-tooltip .tooltip-innr {
    position: initial;
    padding: 6px;
    display: inline-block;
    line-height: 1.4em;
    font-size: 11px;
}

ul.features-ul li .icn-tooltip .tooltip-innr:before {
    right: 0;
    left: 0;
    content: "\f0d7";
    top: initial;
    bottom: -10px;
}

ul.dropdown {
    display: none;
}

header.with-dropdown .top-nav ul li ul.dropdown {
    position: absolute;
    left: 0px;
    top: 80px;
    width: 250px;
    padding: 0px;
    z-index: 100;
    display: none;
    background: #fff;
    border-top: 3px solid #6500aa;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
    display: block;
    visibility: hidden;
    opacity: 0;
}

header.with-dropdown li.active_nav a:after {
    display: none;
}

header li.active_nav a:after {
    display: block;
}

a.btn-drpdwn {
    display: none;
}

.sub-nav-bg li.active_nav a {
    background: #000;
}

.sub-nav-bg li.active_nav a:before{
    left: 0px;
}

.sub-nav-bg li.active_nav a:after{
    right: 0px;
}

header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown {
    visibility: visible;
    opacity: 1;
    top: 36px;
}

header.with-dropdown ul.dropdown li a {
    position: relative;
    display: block;
    padding: 7px 15px;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #1a1c24 !important;
    text-align: left;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

header.with-dropdown ul.dropdown li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(101, 101, 101, 0.15);
    padding: 0;
    margin-left: 0;
}

header.with-dropdown li.dropdown-parent>a {
    padding: 20px 0;
}

header.with-dropdown li.dropdown-parent {
    overflow: hidden;
    vertical-align: top;
}

header.with-dropdown li.dropdown-parent:hover {
    overflow: inherit;
}

header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown:before {
    content: "\f0d8";
    font-family: FontAwesome;
    position: absolute;
    font-size: 30px;
    left: 11%;
    top: -17px;
    color: #6500aa;
}

header.with-dropdown ul.dropdown li a:hover {
    background: #6500aa;
    color: #FFF !important;
}

.contact-form-container {
  background: #fff;
  -webkit-box-shadow: -2px 4px 10px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: -2px 4px 10px 0px rgba(0,0,0,0.24);
  box-shadow: -2px 4px 10px 0px rgba(0,0,0,0.24);
}
.contact-info-container {
  background: #9d00fd;
  background: -moz-linear-gradient(left,  #ff3839 0%,#e29d20 53%,#dc8e00 100%);
  background: -webkit-linear-gradient(left,  #ff3839 0%,#e29d20 53%,#dc8e00 100%);
  background: linear-gradient(to right, #ff3839 0%,#e29d20 53%,#dc8e00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
}
.contact-form-container h4 {
  margin: 0 0 30px 0;
  font-size: 21px;
  color: #5e5c68;
}
.contact-form-container input[type="text"], .contact-form-container input[type="tel"], .contact-form-container select, .contact-form-container textarea {
  width: 100%;
  border: 1px solid #dadada;
  padding: 12px 25px;
  border-radius: 10px;
  margin: 10px 0;
}
.contact-dd {
  position: relative;
}
.contact-dd.newcountrycode span {
  left: 26px;
  top: 29px;
}
.contact-dd select {
  padding-left: 48px;
}
.intl-tel-input.allow-dropdown {
  width: 100%;
}
.contact-form-container textarea {
  height: 160px;
  resize: none;
}
.contact-form-container input[type="submit"] {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  padding: 15px 90px;
  background: #9d00fd;
  background: -moz-linear-gradient(left, #ff3839 0%,#e29d20 53%,#dc8e00 100%);
  background: -webkit-linear-gradient(left,  #ff3839 0%,#e29d20 53%,#dc8e00 100%);
  background: linear-gradient(to right,  #ff3839 0%,#e29d20 53%,#dc8e00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
  border-radius: 34px;
  font-weight: 400;
  text-transform: capitalize;
  border: none;
  float: right;
}
.contact-info-container * {
  color: #fff;
}
.contact-info-container h4 {
  margin: 0 0 30px 0;
  font-size: 37px;
  font-weight: normal;
}
.contact-info-container h5 {
  margin: 24px 0 16px 0;
  font-size: 24px;
  font-weight: normal;
}
.contact-info-container h5:after {
  width: 27px;
  height: 2px;
  content: "";
  display: block;
  background: #fff;
  margin-top: 10px;
}
.contact-social li {
  display: inline-block;
  margin-right: 6px;
}
.contact-social li i {
  font-size: 22px;
}
.sidebar-fix-box {
  position: fixed;
  top: 25%;
  right: 0;
  z-index: 2;
  display: none;
}
.sidebar-fix-box ul {
  background: #9d00fd;
background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%); 
background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
  border-radius: 35px 0 0 35px;
  padding: 15px 7px;
  -webkit-box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.25);
  box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.25);
}
.sidebar-fix-box ul li+li {
  margin-top: 15px;
}
.sidebar-fix-box a {
  display: block;
  border-radius: 50px;
  padding: 5px;
  position: relative;
}
.fixbar-tooltip {
  position: absolute;
  left: -202px;
  top: 0;
  width: 178px;
  padding: 5px 10px 7px;
  text-align: right;
  font-size: 13px;
  color: #fff;
  line-height: 1.3em;
  display: none;
  -webkit-box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.25);
  box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.25);
  background: #9d00fd;
background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%); 
background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
}
.fixbar-tooltip:after {
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-left: 10px solid #68b736;
  border-bottom: 23px solid transparent;
  content: "";
  float: right;
  position: absolute;
  right: -9px;
  top: -1px;
}
.fixbar-tooltip span {
  display: block;
  font-size: 18px;
  font-weight: 500;
}
.sidebar-fix-box a:hover .fixbar-tooltip {
  display: block;
}
.sidebar-fix-box a:hover {
  background: #f38701;
  background: -moz-linear-gradient(45deg, #f38701 0%, #faa202 50%, #feb103 100%);
  background: -webkit-linear-gradient(45deg, #f38701 0%, #faa202 50%, #feb103 100%);
  background: linear-gradient(45deg, #f38701 0%, #faa202 50%, #feb103 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38701', endColorstr='#feb103', GradientType=1);
  background: #fff;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
}
.sidebarfix-icon {
  width: 36px;
  height: 36px;
  display: block;
  background: url(../images/sprite.png) no-repeat 0 0;
}
.sidebarfix-iconphone {
  background: url(../images/sprite.png) no-repeat 0 -108px;
}
.sidebar-fix-box a:hover .sidebarfix-iconphone {
  background: url(../images/sprite.png) no-repeat 0 -72px;
}
.sidebarfix-iconchat {
  background: url(../images/sprite.png) no-repeat -36px -108px;
}
.sidebar-fix-box a:hover .sidebarfix-iconchat {
  background: url(../images/sprite.png) no-repeat -36px -72px;
}
.sidebarfix-iconquote {
  background: url(../images/sprite.png) no-repeat -72px -108px;
}
.sidebar-fix-box a:hover .sidebarfix-iconquote {
  background: url(../images/sprite.png) no-repeat -72px -72px;
}
.sidebarfix-icontop {
  background: url(../images/sprite.png) no-repeat -108px -108px;
}
.sidebar-fix-box a:hover .sidebarfix-icontop {
  background: url(../images/sprite.png) no-repeat -108px -72px;
}
.list-bullets {
  list-style: disc;
  margin: 10px 0 25px 30px;
}
.list-bullets li {
  margin-bottom: 4px;
}
#faq-accord {
  border-bottom: 3px solid #e6e6e6;
  margin-top: 25px;
}
#faq-accord h4 {
  padding: 25px 15px;
  color: #000;
  margin: 0;
  border-top: 3px solid #e6e6e6;
  cursor: pointer;
  position: relative;
}
#faq-accord h4:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 26px;
  right: 15px;
  content: "\f067";
  color: #ff3839;
  font-size: 21px;
}
#faq-accord h4.ui-state-active:after {
  content: "\f068";
}
#faq-accord .ui-accordion-content {
  padding: 0 80px 20px 40px;
}
.download-cta {
  background: url(../images/download-cta-bg.jpg);
  background-size: cover;
  position: relative;
  padding: 50px 0;
}
.download-cta-pic {
  margin-top: -115px;
  float: right;
  margin-bottom: -57px;
}
.download-cta h3 {
  font-size: 38px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 12px;
  font-weight: bold;
}
.download-cta h3 strong {
  color: #39ba69;
}
.download-cta p {
  font-size: 18px;
  color: #fff;
  font-style: italic;
  margin-bottom: 20px;
}
.download-cta li {
  display: inline-block;
}
.download-cta li+li {
  margin-left: 25px;
}
.download-cta a {
  width: 242px;
  padding: 18px 8px 17px 57px;
  display: block;
  border-radius: 32px;
  font-size: 20px;
  line-height: .85em;
  color: #fff;
  position: relative;
}
.download-cta a:hover {
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
}
.download-cta a.white-cta-btn {
  background: #9d00fd;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
  color: #fff;
}
.download-cta a.white-cta-btn i {
  font-size: 25px;
}
.download-cta a span {
  display: block;
  font-size: 13px;
}
.download-cta a i {
  position: absolute;
  top: 14px;
  left: 23px;
  font-size: 27px;
}
.whyus-list {
  padding-top: 25px;
}
.whyus-list li {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 10px;
  transition-duration: .2s;
}
.whyus-list li:hover {
  background: #efefef;
  transition-duration: .2s;
  -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.18);
  -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.18);
  box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.18);
}
.whyus-list li i {
  background: #d55cbf;
  display: flex;
  width: 200px;
  height: 200px;
  text-align: center;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-bottom: 40px;
}
.whyus-list li:hover i {
  -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.16);
  transition-duration: .2s;
}
.whyus-list li+li i {
  background: #009bd9;
}
.whyus-list li+li+li i {
  background: #ff9b53;
}
.whyus-list li+li+li+li i {
  background: #4ede76;
}
.whyus-list li+li+li+li+li i {
  background: #8186d8;
}
.whyus-list li+li+li+li+li+li i {
  background: #3ec396;
}
.whyus-list svg {
  height: 94px;
  fill: #fff;
}
.whyus-list li h4 {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
.whyus-list li h4 span {
  display: block;
  font-style: italic;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 18px;
  padding-bottom: 3px;
  color: #8a8a8a;
}
.whyus-list li p {
  margin: 0;
  min-height: 145px;
}
.wework-txt {
  padding-top: 55px;
}
.wework-txt h3 {
  color: #ff3839;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.doted-bg {
      background: url(../images/dots-bg.png);
    background-size: cover;
    background-color: #fff;
}
.thankyou-sec h2 {
  color: #4c2d7d;
  font-size: 79px;
  font-weight: 900;
  line-height: 1em;
  text-shadow: 0px 4px 4px rgba(150, 150, 150, 0.75);
}
.thankyou-pic {
  padding-top: 40px;
}
.thankyou-btn {
  margin: 0;
  padding-top: 30px;
}
.thankyou-btn li {
  display: inline-block;
}
.thankyou-btn li+li {
  margin-left: 25px;
}
.thankyou-btn a {
  width: 242px;
  border: 2px solid #4c2d7d;
  padding: 9px 8px 11px 57px;
  display: block;
  border-radius: 32px;
  font-size: 20px;
  line-height: .85em;
  color: #ff3839;
  position: relative;
  text-align: left;
}
.thankyou-btn a:hover {
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
}
.thankyou-btn .colored-btn {
      background: #9d00fd;
    background: -moz-linear-gradient(left, #9d00fd 0%, #7a00c9 53%, #4e0088 100%);
    background: -webkit-linear-gradient(left, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    background: linear-gradient(to right, #9d00fd 0%,#7a00c9 53%,#4e0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00fd', endColorstr='#4e0088',GradientType=1 );
  color: #fff;
}
.thankyou-btn a.white-cta-btn i {
  font-size: 25px;
}
.thankyou-btn a span {
  display: block;
  font-size: 13px;
}
.thankyou-btn a i {
  position: absolute;
  top: 14px;
  left: 23px;
  font-size: 27px;
}
.error-sec h2 {
  font-size: 192px;
  font-weight: 900;
  line-height: 1em;
  padding-top: 110px;
  text-shadow: 0px 4px 4px rgba(150, 150, 150, 0.75);
  color: #5ec15a;
}
.error-sec h2 span {
  font-size: 102px;
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  line-height: .85em;
  margin: 0;
  padding-top: 0;
  color: #5ec15a;
}
.grey-bg {
  background: #f7f7f7;
}
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke: transparent;
}
.drawl svg .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke: #FFF;
  stroke-width: 2;
  animation: dash 1.8s linear forwards;
}
@keyframes dash {
from {
stroke-dashoffset:1000;
}
to {
stroke-dashoffset:0;
}
}
.draw-line>svg {
  width: 1010px;
  position: absolute;
  top: 67px;
  left: 100px;
}
.draw-line>ul li figure svg {
  width: 110px;
  height: 90px;
  z-index: 1;
}
.draw-line>ul li {
  transform: scale(0);
}
.draw-line>ul li.drwln {
  transform: scale(1);
}
.draw-line>ul li figure {
  background: #FFF;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  padding: 20px 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  text-align: center;
}
.draw-line>ul li.reserch {
  position: absolute;
  left: 50px;
  top: 20px;
}
.draw-line>ul li.ideate {
  position: absolute;
  left: 440px;
  top: 110px;
}
.draw-line>ul li.create {
  position: absolute;
  left: 650px;
  top: -170px;
}
.draw-line>ul li.validate {
  position: absolute;
  left: 990px;
  top: -240px;
}
.draw-line>ul li.drwln:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: 0 0 2px #fff;
  -webkit-animation: glow-grow 4s ease-out infinite 1s;
  animation: glow-grow 4s ease-out infinite 1s;
}
.draw-line>ul li.drwln:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: 0 0 2px #fff;
  -webkit-animation: glow-grow 4s ease-out infinite;
  animation: glow-grow 4s ease-out infinite;
}
@-webkit-keyframes glow-grow {
0% {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
80% {
opacity:1
}
to {
-webkit-transform:scale(2);
transform:scale(2);
opacity:0
}
}
@keyframes glow-grow {
0% {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
80% {
opacity:1
}
to {
-webkit-transform:scale(2);
transform:scale(2);
opacity:0
}
}
.draw-line>ul {
  position: relative;
}
.draw-line>ul li svg {
  fill: #68c356;
}
.draw-line>ul li .hov-box h4 {
  font-size: 20px;
  margin: 0 0 5px;
  color: #FFF;
  position: relative;
  left: -22px;
  top: 0px;
  transition: all 0.2s ease;
  width: 190px;
}
.draw-line>ul li .hov-box {
  background: transparent;
  width: 282px;
  padding: 20px;
  position: absolute;
  top: 30px;
  left: 150px;
  transition: all 0.4s ease;
}
.draw-line>ul li .hov-box p {
  color: #000;
  font-size: 13px;
  line-height: 1.4em;
  opacity: 0;
}
.draw-line>ul li figure:hover+.hov-box {
  top: 0px;
  background: white;
  box-shadow: 0 2px 1px #00000040;
}
.draw-line>ul li figure:hover+.hov-box h4 {
  color: #2cb555;
  left: 0px;
}
.draw-line>ul li figure:hover+.hov-box p {
  opacity: 1;
}
.draw-line>ul li:last-child .hov-box {
  right: 20px;
  top: 140px;
  left: initial;
}
.draw-line>ul li:last-child figure:hover+.hov-box {
  left: initial;
  top: 140px;
  right: 0px;
}
.draw-line>ul li:last-child .hov-box h4 {
  left: initial;
  right: -175px;
}
.draw-line>ul li:last-child figure:hover+.hov-box h4 {
  left: initial;
  right: 0px;
}
.draw-line .draw-line ul.dot li:before, .draw-line ul.dot li:after {
  display: none;
}
.draw-line ul.dot li .dots {
  width: 30px;
  height: 30px;
  background: #FFF;
  border-radius: 100%;
  border: 5px solid #519b44;
  position: absolute;
  left: 280px;
  top: 270px;
}
.draw-line ul.dot li .dots.dot-1 {
  left: 280px;
  top: 270px;
}
.draw-line ul.dot li .dots.dot-2 {
  left: 524px;
  top: -42px;
  border-color: #48b74e;
}
.draw-line ul.dot li .dots.dot-3 {
  left: 895px;
  top: 6px;
  border-color: #30b356;
}
.draw-line>ul li.popout-li figure {
  transform: scale(0);
  animation: popout-li 1s ease-out forwards;
}
@-webkit-keyframes popout-li {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
@keyframes popout-li {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
.draw-line>ul li.popout-li1 figure {
  transform: scale(0);
  animation: popout-li1 1s ease-out 0.6s forwards;
}
@-webkit-keyframes popout-li1 {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
@keyframes popout-li1 {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
.draw-line>ul li.popout-li2 figure {
  transform: scale(0);
  animation: popout-li2 1s ease-out 1.2s forwards;
}
@-webkit-keyframes popout-li2 {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
@keyframes popout-li2 {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
.draw-line>ul li.popout-li3 figure {
  transform: scale(0);
  animation: popout-li3 1s ease-out 1.8s forwards;
}
@-webkit-keyframes popout-li3 {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
@keyframes popout-li3 {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
ul.phlsphy-cls li:hover {
  z-index: 1;
}
.popup-layout {
  position: fixed;
  background: #000000cf;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.popup-inner .col-md-5 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.popup-layout .popup-inner {
  width: 786px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 500px;
    background: #FFF;
  margin: auto;
  border-radius: 18px;
}
.popup-inner img {
    width: 100%;
}
.popup-inner .ovrflw-hdden {
    height: 500px;
    overflow: hidden;
    border-radius: 12px 0 0 12px;
}
.popup-header h3, .popup-header1 h3 {
  font-family: 'Titillium Web', sans-serif;
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #ff3839;
    margin: 0;
    text-transform: capitalize;
    min-height: 35px;
}
.popup-header, .popup-header1 {
  border-radius: 0 20px 0 0;
    padding: 10px 0 10px 29px;
    position: relative;
}
.popup-bdy {
  padding: 10px 40px 10px;
  border-radius: 0 0 20px 0;
}

.popup-layout .popup-inner:before {
    content: "";
    width: 92%;
    height: 40px;
    background: #ffffff57;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0 0 10px 10px;
}

.popup-layout .popup-inner:after {
    content: "";
    width: 86%;
    height: 35px;
    background: #ffffff2b;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0 0 10px 10px;
}
.popup-header h3 span {
  display: none;
}
.popup-header p span sup {
  font-size: 100%;
    top: 0; 
}
.popup-header p, .popup-header1 p {
  font-size: 23px;
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    margin: 0;
    text-transform: capitalize;
    line-height: 30px;
    font-weight: 600;
    min-height: 30px;
}
.popup-header p span>span {
    display: none;
}
.popup-layout .popup-inner input, .popup-layout .popup-inner select {
  background: transparent;
    width: 100%;
    height: 100%;
    border: 0px;
    font-size: 13px;
    padding: 5px 0;
    border-bottom: 2px solid #a8a8a8;
}
.popup-layout .popup-inner button, .popup-layout  .popup-inner input[type="submit"] {
  padding: 6px 39px !important;
  width: auto;
  border: none;
}
.popup-layout select {
  height: 42px;
  border-radius: 0;
  border: 0;
}
.popup-btn, .popup-layout .text-right .popup-btn {
  display: inline-block;
    background: #ff3839;
    padding: 12px;
    text-align: center;
    margin: 20px 0 0;
    border-radius: 20px;
    font-size: 14px;
    color: #FFF;
}
.popup-close {
  position: absolute;
    font-size: 20px;
    background: #fff;
    color: #ff3839;
    right: -10px;
    top: -10px;
    border: 1px solid #ff3839;
    border-radius: 41px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.dsply-none{
  display: none;
}
.white-bullets li {
  position: relative;
  padding-left: 20px;
  line-height: 1.3em;
  margin-top: 10px;
}
.white-bullets li:before {
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  background: red;
  border-radius: 20px;
  content: "";
  background: #FFF;
}
.list-sitemap > li {
  margin-top: 5px;
}
.list-sitemap a {
  padding-left: 23px;
  position: relative;
  color: #171719;
}
.list-sitemap a:hover {
  color: #ff3839;
}
.list-sitemap li ul {
  margin-left: 25px;
  margin-top: 3px;
  margin-bottom: 12px;
}
.list-sitemap a:before {
  content: "\f061";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0px;
  top: -1px;
  color: #ff3839;
}
.mob-call-icon {
  display: none;
}
.phonecode #countrycode, .phonecode #popupcountrycode, .phonecode #animationcountrycode {
  width: 13%;
  float: left;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.phonecode #phoneNum, .phonecode #phoneNum2, .phonecode #phoneNum3 {
  width: 87% !important;
  float: left;
  padding-left: 15px;
}
.popup-bdy .newcountrycode span {
    left: 0px;
    bottom: 9px;
    top: initial;
}

.popup-bdy select#popupformcountry, .popup-bdy select#animationcountry {
    padding: 5px 0 5px 22px;
}
.flag-num {
  padding-left: 20px;
}
.country-list {
  font-size: 13px;
}
.with-ribbin {
  position: relative;
}
.top-rated-ribbin {
  position: absolute;
  top: -11px;
  right: -11px;
  background: url(../images/top-rated.png);
  width: 105px;
  height: 120px;
  display: block;
  z-index: 99;
}
.less-offer-pack {
  display: none !important;
}
.offer-less-lp .less-offer-pack {
  display: inline-block !important;
}
.offer-less-lp .normal-offer-pack {
  display: none !important;
}
.offer-less-lp .view-more {
  display:none;
}


.view-txt {
  font-size:18px;
  color:#333333;
  font-weight:600;
}
.view-txt a {
  font-weight:700;
  color:#ff3839;
}

.newuptownloader {
    background: url(https://www.sharptechdesigns.com/crm/assets/images/loader.gif) no-repeat 0 0 transparent;
    width: 90px;
    height: auto;
    float: left;
    background-size: auto 100%;
    float: left;
    position: relative;
    text-align: right;
    display: none;
    height: 35px;
    background-position: right center;
}


.pack-one-highlight .pack-one, 
.pack-two-highlight .pack-two, 
.pack-three-highlight .pack-three, 
.pack-four-highlight .pack-four, 
.pack-five-highlight .pack-five, 
.pack-six-highlight .pack-six {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.35);
  position: relative;
  z-index: 2;
}
.pack-one-highlight .pack-one .view-more, 
.pack-two-highlight .pack-two .view-more, 
.pack-three-highlight .pack-three .view-more, 
.pack-four-highlight .pack-four .view-more, 
.pack-five-highlight .pack-five .view-more, 
.pack-six-highlight .pack-six .view-more {
    visibility: hidden;
}
.pack-one .icn-tooltip, 
.pack-two .icn-tooltip, 
.pack-three .icn-tooltip, 
.pack-four .icn-tooltip, 
.pack-five .icn-tooltip, 
.pack-six .icn-tooltip {
  display:none;
}

a.nav-btn {
  display: none !important;
  font-size: 25px;
  color: #FFF;
  background: #4c2d7d;
  padding: 0px 8px;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 9px;
}

.special-packg-sec.special-branding p a {
    color: #FFF;
    font-weight: 500;
    text-decoration: underline;
    margin: 0 0 0 9px;
    color: #78c036;
}

.mega-pkg-btn {
    text-align: center;
    display: inline-block;
    color: #ffffff;
    padding: 6px 15px;
    margin-right: 50px;
}

.mega-pkg-btn:hover {
  color: #fdc024;
}

.fixed-mob-call-icon {
    display: none;
    position: fixed;
    bottom: 15px;
    left: 15px;
    background-color: #7ec603 !important;
    color: white !important;
    border-radius: 70px;
    width: 40px;
    height: 40px;
    font-size: 23px;
    padding: 9px 0;
    text-align: center;
    z-index: 9;
}

table.comapare-box.compare-to-packg td .special-ordernow2 {
    padding: 6px;
    font-size: 12px;
    background: #56cbf1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #56cbf1 0%, #3891ee 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#56cbf1), color-stop(100%,#3891ee));
    background: -webkit-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: -o-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: -ms-linear-gradient(left, #56cbf1 0%,#3891ee 100%);
    background: linear-gradient(to right, #56cbf1 0%,#3891ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf1', endColorstr='#3891ee',GradientType=1 );
    display: block;
    border-radius: 32px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
}

.pack-sec .pack-list > li i img {
    height: 70px;
    width: auto;
    margin: 0 0 10px;
}


.lp-hdr-ftr .sub-nav-bg, 
.lp-hdr-ftr .top-nav, 
.lp-hdr-ftr .top-general-links, 
.lp-hdr-ftr .ftr-top-section, 
.lp-hdr-ftr .ftr-btm-section .ftr-btm-links, 
.lp-hdr-ftr .top-info-links li, 
.lp-hdr-ftr .view-more, 
.lp-hdr-ftr .mega-pkg-btn, 
.lp-hdr-ftr .lp-hdrFtr-hide {
  display:none;
}
.lp-hdr-ftr .top-info-links li+li {
  display:inline-block;
}
.lp-hdr-ftr .hdr-top-links {
    padding: 31px 0;
}
body.lp-hdr-ftr {
    margin-bottom: 113px;
}





.remv-bar .ticker {
    display: none;
}

.special-web-offer .ticker {
    display: none;
}

.cta-sm .container .cta-sm-inner {
    padding: 0 0;
}

section.cta-sm {
    background: #f9f1ff;
    margin: 0;
    position: relative;
    padding: 30px 0;
}

.cta-sm h2.sec-hd {
    font-size: 30px;
    color: #333;
    font-weight: 300;
    padding-top: 12px;
    margin: 0;
}

.cta-sm a.blue-btn {
    font-size: 19px;
    padding: 17px 48px;
}

.special-web-offer .ban-txt h1 {
    font-size: 40px;
}

.special-web-offer .ban-txt h4 {
    font-size: 21px;
    color: #FFF;
}

.special-web-offer .ban-txt li{
  color: #FFF;
}

.special-web-offer header.stick .hdr-top-links {
    display: block;
}

.special-web-offer .more-btn {
    font-size: 22px;
}

.grey-btn .blue-btn {
  background:#666;
}
.lgt-grey-btn .blue-btn {
  background: #5d5d5d7d;
}



body.custom-hdr-ftr {
    margin-bottom: 154px;
}
.custom-hdr-ftr .view-more, 
.custom-hdr-ftr .mega-pkg-btn, 
.custom-hdr-ftr .pack-price p {
  display:none;
}
.custom-hdr-ftr .price span {
  visibility:hidden;
  width: 20px;
}
.custom-hdr-ftr .top-nav li+li {
    margin-left: 15px;
}
.custom-ban .banner-sec, 
.custom-ban .banner-pic {
  height: 100vh;
}
.custom-ban .ban-txt li:before {
  background:none;
      top: 0;
  content: "\f058";
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.custom-hdr-ftr .ticker {
  display:none;
}
.custom-ban .banner-pic img {
    width: 100%;
  height:100%;
}
.custom-ban .top-nav li.active_nav a:after {
  display:none;
}
.custom-ban .ban-logos-pic img {
  position:relative;
  z-index:2;
}
.custom-ban .ban-logos-pic {
    margin-top: 60px;
}
.custom-ban .ban-txt h1 {
  font-size: 54px;
    line-height: .95em;
    margin-bottom: 20px;
    margin-top: 0;
}
.custom-ban .ban-txt h1 span{
  display: block;
    font-size: 36px;
    font-weight: normal;
}
.custom-ban .ban-txt h4 {
      font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3em;
    text-transform: none;
    margin-bottom: 20px;
    padding-right: 26px;
}
.custom-ban .ban-txt p {
  position: relative;
    z-index: 1;
    color: #fff;
    font-size: 20px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    margin-bottom: 2px;
  webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
.custom-hdr-ftr .ban-txt h4 strong {
  color:#6ebb36;
}
.custom-ban .ban-txt ul {
  margin-bottom: 30px;
}
.custom-ban .ban-txt ul li {
  color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 17px;
    margin-top: 10px;
    font-weight: 300;
    padding-left: 30px;
}
.custom-ban .ban-txt a {
  position: relative;
    z-index: 1;
    background: #304fff;
    padding: 14px 16px;
    display: inline-block;
    color: #fff;
    width: 85%;
    text-align: center;
    font-size: 21px;
    margin-top: 13px;
}
.custom-ban .ban-txt .urgency-btn {
  background:#ff3030;
  border-radius:5px;
}
.custom-ban .ban-txt a:hover {
  animation-iteration-count: infinite;
    animation-name: pulse-light;
    animation-duration: .9s;
    animation-fill-mode: both;
}
.purple-s-btn {
  font-size: 21px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.24), 0 0 2px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.24), 0 0 2px 0 rgba(0,0,0,.12);
    background-color: #ff3839;
    padding: 0.75em 1.4em;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}
.purple-s-btn:hover {
  animation-iteration-count: infinite;
    animation-name: pulse-light;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.lp-num-chat .hdr-top-links ul li {
    margin-left: 20px;
}
.lp-num-chat .hdr-top-links ul li a {
    font-size: 20px;
}
.lp-num-chat .hdr-top-links ul li a  i {
    top: 4px;
    left: 0px;
}

section.cta-sm.cta-cstmpad {
    padding: 10px 0;
}

.cta-sm.cta-cstmpad .purple-s-btn {
    margin: 32px 0 0;
}

.lgrey-bg {
  background:#f9f9f9;
}

.disclaimer-sec p:last-child {
    display: none;
}

.disclaimer-sec p strong {
    display: block;
    font-size: 13px;
}

.disclaimer-sec p strong:after {
    content: "\f0fe";
    font-family: FontAwesome;
    margin: 0 0 0 10px;
}



/*.inthemedia-sec h2 {
  font-size:50px;
  font-weight:bold;
  text-align:center;
  margin-bottom:35px;
  margin-top:0;
  line-height: 1em;
}*/
.inthemedia-sec {
    background: url(../images/in-the-media/bg.jpg);
  background-size:cover;
}
.inthemedia-sec ul {
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
.inthemedia-sec li {
  border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    overflow: hidden;
    background: #fff;
}
.inthemedia-sec li img {
  width:100%;
}

.disclaimer-sec p.active strong:after {
    content: "\f146";
}

.getstarted-sec {
  background: url(../images/ftr-top-frm-bg.jpg);
    background-size: cover;
    padding: 50px 0;
}
.getstarted-sec h2 {
    margin-bottom: 34px;
}
.getstarted-sec .sec-hd {
    color: #fff;
}
.getstarted-sec input[type="text"], 
.getstarted-sec input[type="email"], 
.getstarted-sec input[type="tel"], 
.getstarted-sec select {
  width: 100%;
  background: none;
  border: 1px solid #fff;
  height: 48px;
  border-radius: 6px;
  color: #ffffff;
  font-size: 13px;
  padding: 0 12px;
}
.getstarted-sec select option{
  color:#000;
}
.getstarted-sec input[type="submit"] {
  border-radius: 50px;
    color: #ff3839;
    font-size: 19px;
    padding: 19px 26px;
    background: #fff;
    text-transform: capitalize;
    border: none;
    font-weight: 600;
    margin-top: 35px;
  border:2px solid #fff;
}
.getstarted-sec input[type="submit"]:hover {
  background: none;
    color: #fff;
}

.remove-border li {
    border-left: 0px !important;
}
.ftr-social-icon {
    margin-top: 12px;
}




.getnew-sec {
  background:#f4f4f4;
}
.getnew-img {
  margin-left: -60px;
  margin-top: 36px;
}
.getnew-sec h4 {
  font-size: 25px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    margin: 0 0 13px 0;
  color: #fff;
}
.logooffer-getnew  h4 {
  color: #404349;
}
.getnew-sec form input[type="text"], 
.getnew-sec form input[type="email"], 
.getnew-sec form input[type="tel"], 
.getnew-sec form select {
  width: 100%;
    background: #fff;
    padding: 13px 18px;
    margin: 6px 0;
    border-radius: 10px;
    font-size: 12px;
    color: #a0a9ba;
    border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.15);
box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.15);
}
.getnew-sec form input[type="text"]:focus {
  border-color:#ff3839;
}
.getnew-sec form input[type="email"]:focus {
  border-color:#ff3839;
}
.getnew-sec form input[type="tel"]:focus {
  border-color:#ff3839;
}
.getnew-sec form input[type="submit"] {
      width: 100%;
    background: #fdc024;
    color: #fff;
    padding: 11px 18px;
    margin: 6px 0 0;
    border: none;
    border-radius: 9px;
}

.getnew-sec form select {
    background: #ffffff;
    color: #888;
}
.logooffer-getnew form select {
  background:#404349;
  color:#fff;
}
.getnew-sec .getnew-info {
  border-left: 1px solid #000;
    margin-left: 2px;
    padding: 22px 0 22px 29px;
    margin-top: 62px;
}
.getnew-sec .getnew-info li,
.getnew-sec .getnew-info li i, 
.getnew-sec .getnew-info li a {
  color:#fff;
}
.logooffer-getnew .getnew-info li,
.logooffer-getnew .getnew-info li i, 
.logooffer-getnew .getnew-info li a {
  color:#404349;
}
.getnew-sec .getnew-info li {
  margin:2px 0;
}

/* Side popup Start */

.side-bar-sm-frm {
    width: 350px;
    background: #000;
    position: fixed;
    top: 26%;
    z-index: 1111;
    cursor: pointer;
    display: none;
}

.side-bar-sm-frm.rght-open{
  right: 31px;
  transform: rotate(-90deg);
  transform-origin: right;
}


.side-bar-sm-frm.lft-open{
  right: 0;
  transform: rotate(180deg);
  top: 21%;
  width: auto;
  padding: 0px;
  background: transparent;
}

.side-bar-sm-frm.lft-open span {
    position: initial !important; 
    padding: 11px 19.2px !important;
    font-size: 30px !important;
}

.side-bar-sm-frm.lft-open .side-head {
    padding: 0px;
}

.side-bar-sm-frm .side-head {
    color: #FFF;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 18px 22px;
    font-family: 'Titillium Web', sans-serif;
}

.side-bar-sm-frm .side-head strong {
    color: #ff3839;
    font-size: 29px;
}

.side-bar-sm-frm .side-head span {
    display: inline-block;
    padding: 16px;
    background: #ff3839;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.side-bar-sm-frm.lft-open span i {
    transform: rotate(180deg);
}

.popup-slide {
    position: fixed;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1111;
    padding: 5% 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.popup-slide-innr .sec-hd {
    font-size: 76px;
    text-align: center;
    font-weight: 700;
}

.popup-slide-innr .sec-hd span {
    color: #FFF;
    font-size: 24px;
}

.popup-slide-innr .field input, .popup-slide-innr .field select, .popup-slide-innr .field textarea {
    width: 100%;
    background: transparent;
    padding: 10px;
    border: 0px;
    border-bottom: 1px solid #353535;
    color: #FFF;
    font-size: 20px;
    border-radius: 0px;
}

.popup-slide-innr .field {
    margin-bottom: 30px;
    overflow: hidden;
    width: 48.9%;
    display: inline-block;
    margin-right: 20px;
}

.popup-slide-innr .field .col-lg-10 {
    padding-right: 0px;
}

.popup-slide-innr .field:nth-child(even) {
    margin-right: 0px;
}

.field.field-100 {
    width: 100%;
}

.popup-slide-innr .field .contact-dd span {
  top: 20px;
}

.popup-slide-innr input#countrycode{    
  width: 100%;
    padding: 10px 0;
    border-radius: 0px;
  }

.popup-slide-innr .num-with-code{
    width: 100%;
}

.popup-slide-innr .field select.countrylist {
    padding: 10px 10px 10px 58px;
}

.popup-slide-innr .field select option{
  background: #000;
}

.popup-slide-innr input[type="submit"] {      background: #ff3839;     border:
0px;     font-size: 20px;     color: #FFF;     padding: 15px 30px;     
text-transform: uppercase;     border-radius: 4px;     letter-spacing: 2px;
width: 150px;     min-width: 150px; }

.popup-slide-innr {
    width: 100%;
}

.popup-slide-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    background: #ffffff9e;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-slide-close:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 28px;
}

.popup-slide.popup-slide-lft {
    left: 130%;
}

.popup-slide.popup-slide-rght {
    right: -110%;
}

.popup-slide.popup-slide-lft.active {
    left: 0;
}

.popup-slide.popup-slide-rght.active {
    right: 0;
}

/* Side popup Start */

.popup-header.sm-headngtxt h3 {
    font-size: 24px;
    min-height: auto;
}

.popup-header.sm-headngtxt p.ban-subhd {
    font-size: 16px;
}

.all-in-pkg-page .chk-bullets li {
  color:#000;
}
.all-in-pkg-page .special-packg-sec.all-in-pkg h2, 
.all-in-pkg-page .special-packg-sec.all-in-pkg .megapack-title {
    color: #fff;
}

.christmas .ban-txt h1,
.christmas .ban-txt ul li{ color: #000; }
.christmas .ban-txt li:before{ background: #000; }

.christmas .get-started-cta{     background: url(../images/bg-cta.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0; 
    text-align: center;
  }
.get-started-cta a{
  border-radius: none!important;
}
.get-started-cta .white-btn{
  color: #ff3839;
}

.christmas .get-started-cta a.white-cta-btn{    background: #e4e4e4;  }

.christmas .portfolio-sec{ position: relative; }
/*.christmas .portfolio-sec:before{ content: ''; position: absolute;  left: -190px; bottom: 0; background: url(../images/christmas-img1.png) no-repeat; width: 380px; height: 595px; }*/
.christmas .process-sec{ position: relative; }
/* .christmas .process-sec:before{ content: ''; position: absolute;  left: 0; bottom: 80px; background: url(../images/christmas-img2.png) no-repeat; width: 129px; height: 356px; } */
.christmas .formSection{ position: relative; }
.christmas .formSection:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(../images/christmas-bulb3.png) no-repeat; width: initial; max-width: 100%; height: 62px;
background-size: contain; background-position: center; }
/* .christmas footer:before{ content: ''; position: absolute; left: 0; bottom: 0; background: url(../images/christmas-img3.png) no-repeat; width: 100%; height: 50px; background-size: cover; } */
.christmas footer{     padding-bottom: 40px; }
.christmas{  margin-bottom: 430px; }

.christmas .get-started-cta h3 span{ color: #fff; }
.christmas .cta-call, .christmas .cta-call a{ color: #fff; }
.christmas .special-packg-sec{
  position: relative;
}
/* New CSS */
.main-banner-content{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding-top: 120px;
}
.main-banner-content h6{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  text-transform: capitalize;
}
.main-banner-content h6 span{
  font-weight: 700;
  color: #FF3839;
}
.main-banner-content h1{
  font-size: 70px;
  font-weight: 700;
  color: #fff;
  line-height: 80px;
  text-transform: capitalize;
  padding: 10px 0 20px;
  border-bottom: 1px solid #ff3839;
  margin: 0;
}
.main-banner-content h1 span{
  color: #ff3839;
  display: block;
}
.main-banner-content p{
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  color: #fff;
  padding: 25px 0;
}
.main-banner-content .txt{
  padding-right: 40%;
}
.main-banner-content .btns{
  display: flex;
  align-items: center;
  gap: 20px;
}
.theme-btn{
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  border-radius: 5px;
  background-color: #ff3839;
  padding: 12px 60px;
  text-transform: capitalize;
}
.theme-btn:hover{
  transform: scale(1.02);
}
.white-btn{
  font-size: 16px;
  font-weight: normal;
  color: #202020;
  border-radius: 5px;
  background-color: #fff;
  padding: 12px 33px;
  text-transform: capitalize;
}
.white-btn:hover{
  transform: scale(1.02);
}
.abt-img{
  position: relative;
}
.abt-img .abs{
  position: absolute;
  bottom: -50px;
  right: 0;
}
.common-heading{
  padding-bottom: 25px;
}
.common-heading h3{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.55;
  color: #696969;
  text-transform: capitalize;
  padding-left: 20%;
  position: relative;
  margin-bottom: 15px;
}
.common-heading h3 span{
  color: #ff3839;
  font-weight: bold;
}
.common-heading h3::before{
  position: absolute;
  content: "";
  width: 18%;
  height: 1px;
  top: 12px;
  left: 0;
  background-color: #d8d8d8;
}
.common-heading .double{
  display: inline-block;
  position: relative;
  padding: 0 5px;
}
.common-heading .double::before{
  width: 100%;
  background-color: #333333;
  left: -100%;
}
.common-heading .double::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 12px;
  right: -100%;
  background-color: #333333;
}
.common-heading h2{
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  color: #333;
  text-transform: capitalize;
  margin: 0;
}
.common-heading h2 span{
  color: #ff3839;
  display: inline-block;
}
/* .types-sec{ padding-top: 100px;background-image: url("../images/bg-services.png");background-size: cover;background-position: center; }
.types-sec .content h2,.types-sec .content h3{
  color: #fff;
}
.types-sec .content p{
  color: #fff;
  padding-bottom: 40px;
}
.types-sec .type-box{
  position: relative;
}
.types-sec .type-box .icon{
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  margin: auto;
  width: 82px;
  height: 82px;
  border: solid 3px #fff;
  background-color: #ff3839;
  border-radius: 50%;
  overflow: hidden;
}
.types-sec .type-box .icon img{
  width: 50%;
  height: 100%;
  object-fit: contain;
}
.types-sec {
  padding: 30px 0!important;
} */
.special-packg-sec .common-heading h2{
  color: #fff;
}
.special-packg-sec .img-box img{
  width: 100%;
  padding: 20px;
}
.process-ul li h4{
  font-size: 16px;
  padding: 15px 5px;
  border-radius: 5px;
  background-color: #f2f2f2;
}
.process-ul li.active h4{
  background-color: #ff3839;
  color: #fff;
}
.concept-sec{
  padding: 50px 0 100px;
}





@media (min-width: 1026px) and (max-width:1600px) {
  .ban-video .banner-pic video {
    width: 100%;
    height:100%;
  }
  .ban-video.banner-sec {
    height: 500px;
  }

}


@media (min-width: 824px) and (max-width:1025px) {
    .fixed-mob-call-icon{
      display: inherit;
    }

    /* Responsive Menu */

    header .col-lg-3.col-md-3, header .col-lg-9.col-md-9 {
        width: 100%;
    }

    .top-nav {
        float: none;
        position: fixed;
        left: -80%;
        top: 0;
        background: #565656;
        height: 100vh;
        width: 224px;
        padding: 0px !important;
        transition: all 0.4s ease;
        z-index: 1111;
    }

    .top-nav.responsive.active li.active_nav a {
        color: #6dba36;
    }

    .top-nav li a.btn-drpdwn.active:before {
        content: "\f077";
    }

    .top-nav.active{
      left: 0%;
    }

    .top-nav li {
        display: block;
        margin: 0px;
        border-bottom: 1px solid #ffffff4f;
    }

    .top-nav li a {
        padding: 10px 12px;
        display: inline-block;
        width: 80%;
        color: #FFF;
        font-size: 11px;
    }

    .top-nav li.active_nav a:after {
        display: none;
    }

    .top-nav li a.btn-drpdwn {
        width: 18%;
        background: #000;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        padding: 10px;
        text-align: center;
    }

    .top-nav li a.btn-drpdwn:before {
        content: "\f078";
        font-family: FontAwesome;
        display: block;
        font-size: 15px;
    }

    .top-nav li.sticky-call {
        display: none !important;
    }

    .top-nav li ul.dropdown.active {
        display: block;
    }

    .top-nav li ul.dropdown li a {
        color: #FFF;
        font-weight: 500;
        padding: 10px 27px;
    }

    header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown {
        position: initial !important;
        opacity: initial !important;
        width: 100%;
        background: transparent;
        border: 0px;
        box-shadow: 0px 0px transparent;
        top: 0px;
        display: none;
    }

    header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown:before {
        display: none;
    }

    header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li a {
        color: #FFF !important;
        font-size: 11px;
        padding: 6px 30px;
        width: 100%;
    }

    .slid-up .spacebr br+br {
        display: none;
    }

    header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li {
        border-bottom: 1px solid #ffffff4f;
    }

    header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li:last-child {
        border-bottom: 0px;
    }

    a.nav-btn{
      display: block !important;
      line-height: 31px;
      position: fixed;
      top: 20px;
      right: 40px;
    }

    /* Responsive Menu*/

    header.StickyHeader.stick {
        display: none;
    }

    header ul.sub-nav-bg {
         display: none;
    }

    ul.top-general-links {display: none;}

    .logo {
        text-align: center;
    }

    ul.top-info-links {
        float: none;
        text-align: center;
    }

    .hdr-top-links {
        float: none;
        padding: 15px 0 10px;
    }

    .logo img {
        margin: 0px;
    }

    .ban-txt h1 {
        margin: 0px 0 15px;
    }

    .slick-arrow {
        left: -30px;
    }

    .lg-hd {
        font-size: 36px;
    }

    .lg-sub-hd {
        margin: 0 0 10px;
    }

    .concept-sldr-img img {
        width: 100%;
    }

    .pack-ordernow {
        padding: 8px 55px;
    }

    ul.features-ul li {
        padding: 10px 23px;
    }

    .price {
        font-size: 48px;
    }

    .special-ordernow {
        padding: 13px 40px;
    }

    .price span {
        margin: 0 15px 0 0;
    }

    i.actv-ul {
        left: 38px;
    }

    ul.process-ul.process2 i.actv-ul {
        left: 187px;
    }

    ul.process-ul.process3 i.actv-ul {
        left: 337px;
    }

    ul.process-ul.process4 i.actv-ul {
        left: 486px;
    }

    ul.process-ul.process5 i.actv-ul {
        left: 635px;
    }

    ul.process-ul.process6 i.actv-ul {
        left: 785px;
    }

    .process-arrows>div {
        z-index: 1;
    }

    ul.idustries-ul li {
        padding: 20px 11px;
    }

    .sec-hd {
        font-size: 28px;
    }

    .ftr-award-sec h2.sec-hd span {
        font-size: 24px;
    }

    a.nav-btn.active i:before{
      content: "\f00d";
    }

    .type-box h5 {
        font-size: 13px;
    }

    ul.type-ul li {
        width: 22%;
    }

    footer {
        position: inherit;
    }

    body {
        margin: 0px;
    }

    .banner-pic img {
        height: 100%;
    }

    .need-logo-sec:before {
        left: -30%;
    }

    .what-makes-sec {
        display: none;
    }

    .download-cta-pic {
        margin-top: -65px;
    }

    .top-nav.responsive.active li.active_nav ul.dropdown li a {
        color: #FFF;
    }

    .need-website-sec:before {
        left: -15% !important;
    }

    .need-brand-sec:before {
        left: -23% !important;
    }

    .banner-pic video {
        height: 100%;
        width: auto;
    }

    .animation-tabs ul li.active i {
        z-index: 1;
        position: relative;
    }

    .animation-meta h6, .animation-pricing h4 {
        font-size: 11px !important;
    }

    .video-qty label {
        width: 45%;
    }

    .animation-title h4 {
        font-size: 27px;
    }

    .request-proposal-sec {
        background-size: cover;
    }

    ul.techno-ul li {
        padding: 10px 30px;
    }

    .draw-line.drawl {
        display: none;
    }

    .philosophy-bg-icons {
        padding-bottom: 0px;
    }

    .expect-sec:before {
        left: -27%;
    }

    ul.features-ul.pack-detail-feature li {
        padding: 10px 10px;
    }

    ul.features-ul.pack-detail-feature li h5 {
        font-size: 13px;
        line-height: normal;
    }

    table.comapare-box.compare-to-packg .pack-title {
        font-size: 16px;
    }

    .sm-bann .ban-txt h1 {
        font-size: 38px;
    }

    .ban-txt.txt-sm h1 span {
        font-size: 33px;
    }

    .ballon-mn-bann {
        top: 0px;
    }

    .ban-txt li {
        font-size: 12px;
    }

    .bann-price a.blue-btn {
        padding: 12px 40px;
    }

    .bann-price .new-price {
        font-size: 41px;
    }

    .all-in-pkg ul.special-pkg-cta li:last-child {
        margin: 0 0 0 10px;
    }

    ul.special-pkg-cta li a.orange-btn {
        padding: 9px 30px;
    }

    .top-nav {
        overflow-y: scroll;
    }

    header .hdr-top-links+.clearfix.responsive {
        width: 100vw;
        height: 100vh;
        position: fixed;
        left: 224px;
        top: 0;
    }
  
}

@media (max-width:823px) {
  .getnew-sec .getnew-info {
    border-left: none;
    margin-left: 0px;
    padding: 0;
    margin-top: 35px;
  }
  .getnew-img {
    display:none;
  }
  .ban-btm-text li {
    font-size: 14px;
  }
  
  .form-topmain {
    top: 90px;
  }
  .open-form-footr {
    padding: 7px;
  }
  .open-form-footr h4 {
    font-size: 16px;
  }
  
  .getstarted-sec h2 {
    font-size: 40px;
    margin-bottom: 34px;
    margin-bottom:20px;
  }
  .getstarted-sec input[type="submit"] {
    margin-top: 8px;
    width: 100%;
    padding: 15px 12px;
    font-size: 15px;
  }
  
  .getstarted-sec input[type="text"], 
  .getstarted-sec input[type="email"], 
  .getstarted-sec input[type="tel"], 
  .getstarted-sec select {
    height: 40px;
    margin-bottom: 11px;
  }
  
  .thankyou-sec h2 {
    font-size: 45px;
  }
  
  .custom-ban .ban-txt-box {
    top: 0px;
  }
  .custom-ban .ban-txt h1 span {
    font-size: 17px;
  }
  .custom-ban .ban-txt h1 {
    font-size: 33px;
  }
  .custom-ban .ban-txt h4 {
    font-size: 18px;
  }
  .custom-ban .ban-txt a {
    font-size: 15px;
    width:100%;
  }
  .custom-ban .banner-sec, .custom-ban .banner-pic {
    height: 325px;
  }
  body.custom-hdr-ftr {
    margin-bottom: 0;
  }
  
  
  .lp-hdr-ftr .hdr-top-links {
    padding: 0;
  }

  .cta-sm .container {
      padding: 20px 0 !important;
  }

  .cta-sm h2.sec-hd {
      font-size: 29px !important;
      margin: 0 0 20px !important;
  }

  .cta-sm a.inds-toggle.blue-btn {
      font-size: 15px !important;
  }

  section.cta-sm {
      text-align: center !important;
  }

  header .hdr-top-links+.clearfix.responsive {
      width: 100vw;
      height: 100vh;
      position: fixed;
      left: 224px;
      top: 0;
  }

  .pkg-sealed-icn:before {
      right: -30px;
      top: -30px;
  }

  .fixed-mob-call-icon{
    display: inherit;
  }

  .top-nav.responsive.active li.active_nav ul.dropdown li a {
      color: #FFF;
  }

  /* Responsive Menu */
 
  .top-nav {
      float: none;
      position: fixed;
      left: -80%;
      top: 0;
      background: #565656;
      height: 100vh;
      width: 224px;
      padding: 0px !important;
      transition: all 0.4s ease;
      z-index: 1111;
  }

  .top-nav.responsive.active li.active_nav a {
      color: #4c2d7d;
  }

  .top-nav li a.btn-drpdwn.active:before {
      content: "\f077";
  }

  .top-nav.active{
    left: 0%;
  }

  .top-nav li {
      display: block;
      margin: 0px;
      border-bottom: 1px solid #ffffff45;
  }

  .top-nav li ul.dropdown li {
      border-top: 1px solid #ffffff12;
      border-bottom: 0px;
  }

  .ftr-top-section li, .ftr-top-section li a {
      font-size: 11px;
      padding: 0px;
  }

  .top-nav {
      overflow-y: scroll;
  }

  .top-nav li a {
      padding: 10px 12px;
      display: inline-block;
      width: 80%;
      color: #FFF;
      font-size: 11px;
  }

  .top-nav li.active_nav a:after {
      display: none;
  }

  .top-nav li a.btn-drpdwn {
      width: 18%;
      background: #000;
      display: inline-block;
      height: 100%;
      vertical-align: top;
      padding: 10px;
      text-align: center;
  }

  .top-nav li a.btn-drpdwn:before {
      content: "\f078";
      font-family: FontAwesome;
      display: block;
      font-size: 15px;
  }

  .top-nav li.sticky-call {
      display: none !important;
  }

  .top-nav li ul.dropdown.active {
      display: block;
  }

  .top-nav li ul.dropdown li a {
      color: #FFF;
      font-weight: 500;
      padding: 10px 27px;
  }

  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown {
      position: initial !important;
      opacity: initial !important;
      width: 100%;
      background: transparent;
      border: 0px;
      box-shadow: 0px 0px transparent;
      top: 0px;
      display: none;
  }

  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown:before {
      display: none;
  }

  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li a {
      color: #FFF !important;
      font-size: 11px;
      padding: 6px 30px;
      width: 100%;
  }

  .slid-up .spacebr br+br {
      display: none;
  }

  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li {
      border-bottom: 1px solid #ffffff4f;
  }

  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li:last-child {
      border-bottom: 0px;
  }

  /* Responsive Menu*/

  header {
    position: relative;
  }

  header.stick {
    top: -60%;
  }

  ul.top-general-links {
    display: none;
  }

  .hdr-top-links {
    padding: 0;
    text-align: center;
    width: 100%;
  }

  header .col-lg-9 {
      padding: 0px;
  }

  .hdr-top-links ul li {
    margin: 0 0 0 5px;
  }

  .hdr-top-links ul {
    text-align: center;
    float: none;
    background: #efefef;
    padding: 4px 0 7px;
  }

  ul.sub-nav-bg {
    display: none;
  }

  a.nav-btn{
    display: block !important;
      line-height: 31px;
      position: fixed;
  }

  .top-nav li.active_nav a {
    color: #6dba36;
  }

  a.nav-btn.active i:before{
  content: "\f00d";
  }

  .banner-pic .hover-effect-bann, .banner-sec {
    height: 70vh;
  }

  .banner-pic {
      height: 80vh;
  }

  .ban-txt h1, .special-web-offer .ban-txt h1 {
    margin: 0;
    font-size: 22px;
  }

  .ban-txt h4, .special-web-offer .ban-txt h4 {
    font-size: 14px;
    margin: 7px 0;
    color: #FFF;
    line-height:1.3em;
  }

  .ban-txt br {
    display: none;
  }

  .ban-txt-box {
    top: -20px;
  }

  .hover-effect-bann.web-hov-change {
    background-size: cover !important;
  }

  html, body{
    overflow-x: hidden;
  }

  .ban-txt li {
    font-size: 11px;
    margin: 0 0 7px;
    padding: 0 0 0 16px;
    color: #FFF;
  }

  .ban-txt li:before {
    width: 8px;
    height: 8px;
    top: 2px;
  }

  .ticker p {font-size: 12px;line-height: 14px;padding: 4px;}

  .ticker {
    top: -38px;
    padding: 10px 0 6px;
  }

  .ticker:after {
    content: "";
    background: #d50924;
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 15px;
    left: 0;
    z-index: -1;
  }

  .sec-pad {
    padding: 20px 0;
  }

  .lg-hd {
    font-size: 20px;
    margin:0 0 10px;
  }

  .lg-hd:after {
    margin: 6px 0 0;
    height: 3px;
  }

  .lg-sub-hd {
    font-size: 16px;
    margin: 0 0 10px;
  }

  .large-pra {
    font-size: 12px;
    margin: 0px;
  }

  .hdr-top-links ul li a {
    font-size: 11px;
  }

  .slidefrm-inner {
    width: 334px;
  }

  .slidefrm-header img {
    width: 100%;
  }

  .slidefrm-header br {
    display: none;
  }

  .slidefrm-inner p.ban-subhd {
    font-size: 10px;
    margin: 0 0 10px;
    line-height: normal;
    text-align: center;
  }

  .slidefrm-inner p.ban-subhd br {
    display: none;
  }

  .slidefrm-inner>div {
    padding: 40px 20px 40px 40px;
  }

  .slidefrm-bdy label {
    font-size: 11px;
  }

  .slidefrm-bdy input, .slidefrm-bdy select {
    padding: 0;
    font-size: 12px;
  }

  .slidefrm-bdy .frmicon-box {
    margin: 0 0 10px;
  }

  ul.award-sldr, h5.award-hd {
    display: none;
  }

  .logo img {
    width: 110px;
  }

  .concept-sldr-img img {
    width: 100%;
    height: auto;
  }

  .slick-next.slick-arrow {
    right: 10px;
  }

  button.slick-prev.slick-arrow {
    left: 8px;
  }

  .concept-sldr-img button.slick-arrow {
    display: none !important;
  }

  ul.slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0px;
  }

  ul.slick-dots li {
    margin: 0 4px 0 0;
    height: auto;
  }

  ul.slick-dots {
    margin: 0px;
    text-align: center;
  }

  .types-sec {
    overflow: hidden;
    padding: 20px 0;
  }

  .sec-hd {
    font-size: 20px;
  }

  .sec-hd span {
    font-size: 14px;
  }

  ul.type-ul {
    margin: 60px 0 0;
  }

  ul.type-ul * {
    overflow: visible;
  }

  .portfolio-box li {
    padding: 4px;
  }

  .view-txt {
    font-size: 11px;
  }

  .get-started-cta {
    padding: 20px 0;
  }

  .get-started-cta h3 {
    font-size: 20px;
    margin: 0 0 6px;
  }

  .get-started-cta h3 span {
    font-size: 17px;
    line-height: normal;
  }

  .get-started-cta li a {
    width: auto;
    font-size: 11px;
    padding: 8px 15px;
  }

  .get-started-cta a i {
    font-size: initial;
  }

  .get-started-cta li+li {
    margin: 0px;
  }

  .get-started-cta ul {
    margin: 0px;
  }

  .cta-call {
    font-size: 13px;
    padding: 0px 0;
  }

  .pack-list > li {
    width: 100%;
  }

  .pack-sec .spacebr {
    display: none;
  }

  .pack-list > li:hover, .pack-list > li.pkg-active {
    transform: scale(1);
  }

  .pack-sec br {
    display: none;
  }

  .more-btn {
    padding: 10px 40px;
    margin: 0px;
  }

  ul.features-ul li {
    padding: 0px;
  }

  ul.features-ul li:after {
    display: none;
  }

  ul.features-ul li h5 {
    font-size: 13px;
    margin: 0;
    line-height: 17px;
  }

  .pack-title {
    font-size: 24px;
  }

  .pack-features li {
    font-size: 11px;
  }

  ul.pkg-cta li a {
    font-size: 12px;
  }

  ul.pkg-cta {
    margin: 5px 0;
  }

  .special-packg-sec {
    padding: 20px 0;
  }

  .special-packg-sec.special-branding h2 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 34px;
  }

  .special-packg-sec h2 span {
    font-size: 20px;
  }

  .special-packg-sec.special-branding p {
    font-size: 12px;
    line-height: normal;
  }

  ul.check-ul li {
    font-size: 10px;
    margin: 0px;
    line-height: normal;
  }

  .price {
    font-size: 37px;
    margin: 0 0 10px;
    text-align: center;
  }

  ul.cstm-li li {
    width: 100%;
    text-align: center;
  }

  .special-ordernow {
    padding: 6px 30px;
    width: auto;
    display: inline-block;
    font-size: 12px;
  }

  ul.check-ul {
    margin: 0px;
  }

  ul.cstm-li {
    margin: 10px 0 0;
  }

  .special-packg-sec .spacebr {
    display: none;
  }

  div#mega-packg {
    display: none;
  }

  ul.process-ul {
      margin: 0;
      white-space: nowrap;
      overflow: scroll;
  }

  i.actv-ul {
    display: none;
  }

  ul.process-ul:after {
    display: none;
  }

  .process-ul li {
    margin: 0;
    width: 28%;
  }

  ul.process-ul.process3:before{
  display: none;
  }

  .process-sec .col-lg-12 {
    padding: 0px;
  }

  .process-tabs, .process-tabs .col-md-5 {
    padding: 0px;
    text-align: center;
  }

  .process-tabs .spacebr {
    display: none;
  }

  .process-tabs img {
    width: 100%;
  }

    .process-ul li.active .prcss-icn1:before {
      background-position: -152px -594px;
  }

  ul.process-ul:before {
      display: none;
  }

  .process-ul li.active .prcss-icn2:before {
      background-position: -205px -596px;
  }

  .process-ul li.active .prcss-icn3:before {
      background-position: -258px -594px;
  }

  .process-ul li.active .prcss-icn4:before {
      background-position: -365px -594px;
  }

  .process-ul li.active .prcss-icn5:before {
      background-position: -312px -594px;
  }

  .process-ul li.active .prcss-icn6:before {
      background-position: -418px -597px;
  }

  .process-ul li h4 {
      font-size: 12px;
  }

  .process-icn {
      width: 59px;
      height: 59px;
      border-width: 3px;
  }

  .process-tabs {
      margin: 20px 0 0;
  }

  ul.idustries-ul li {
      padding: 0px;
      margin: 0px;
  }

  section.serv-industries {
      padding: 20px 0;
  }

  ul.idustries-ul-slide-toggle li {
      width: 100%;
  }

  ul.cstm-li+.text-right {
      text-align: center;
  }

  a.mega-pkg-btn {
      margin: 0px;
  }

  .testi-sec .spacebr {
      display: none;
  }

  .ftr-award-sec h2.sec-hd span {
      padding: 0px;
      font-size: 16px;
      text-align: center;
  }

  .testi-sec ul.award-sldr {
      display: block;
  }

  .testi-slider {
      margin: 0px;
  }

  .testi-box {
      padding: 20px;
      width: 100%;
      min-height: auto;
      margin: 0px;
  }

  .testi-author {
      text-align: center;
      position: initial;
  }

  .testi-author img {
      width: 100%;
  }

  section.testi-sec .sec-hd {
      text-align: center;
  }

  section.serv-industries .blue-btn {
      margin: 0px;
      top: 10px;
      width: auto;
  }

  .blue-btn {
      font-size: 12px;
      padding: 8px 30px;
  }

  footer {
      position: initial;
  }

  body {
      margin: 0px;
      overflow-x: hidden;
  }

  .ftr-contact-info > li {
      padding: 0 18px;
  }

  .ftr-contact-info > li+li {
      border-left: 0px;
  }

  .ftr-links ul {
      display: none;
  }

  .ftr-links h4 {
      text-align: left;
      display: block;
      font-size: 13px;
      position: relative;
      border: 0px;
      background: #000;
      padding: 10px;
      border-radius: 2px;
  }

  .ftr-links {
      padding: 0 0px;
  }

  .ftr-links h4:after {
      content: "\f0fe";
      font-family: FontAwesome;
      position: absolute;
      right: 10px;
  }

  .ftr-links h4.active:after {
      content: "\f146";
  }

  header.stick {
      padding: 0 0 5px;
  }

  .ban-btm-box {
      padding: 10px;
  }

  header.stick .logo img {
      width: 105px;
  }

  .process-arrows {
      display: none;
  }

  .slidefrm-bdy ul.features-ul{
    display: none;
  }

  .sm-bann .ban-txt h1 {
      font-size: 20px;
  }

  .sm-bann .ban-txt h4 {
      font-size: 12px;
      line-height: 14px;
  }

  .banner-sec.sm-bann {
      height: 65vh;
  }

  p {
      font-size: 12px;
      line-height: normal;
  }

  .whyus-list {
      padding: 0px;
  }

  .whyus-list li img {
      display: inline-block;
      width: 60px !important;
  }

  .spece-box {
      display: none;
  }

  .whyus-list li {
      padding: 0 10px;
  }

  section.sec-pad img {
      width: 100%;
  }

  .sel-indus-dd {
      width: 100%;
  }

  select#industryswitch {
      font-size: 15px;
      height: auto;
  }

  .ovr-scroll {
      overflow: scroll;
      position: relative;
  }

  table.comapare-box {
      width: 290%;
  }

  section.sec-pad .txt-rev-img img {
      width: 81px;
  }

  .txt-review-container {
      padding: 0px;
  }

  #faq-accord h4 {
      padding: 6px 31px 6px 5px;
      font-size: 10px;
      border-width: 1px;
  }

  #faq-accord h4.ui-state-active:after, #faq-accord h4:after {
      top: 7px;
      font-size: 14px;
  }

  #faq-accord .ui-accordion-content {
      padding: 2px 10px;
  }

  #faq-accord .ui-accordion-content p {
      font-size: 9px;
  }

  .ftr-logo svg, .ftr-logo img {
      width: 90px;
  }

  .str-brand-sec li p {
      min-height: auto;
  }

  .need-logo-sec h3 {
      font-size: 13px;
      margin: 0 0 10px;
  }

  .need-logo-sec h2.sec-hd {
      margin: 0 0 10px;
  }

  .need-logo-sec:before {
      display: none;
  }

  .what-makes-sec {
      display: none;
  }

  .sec-hd3 {
      font-size: 16px;
      margin: 0 0 5px;
  }

  .str-brand-sec h4 {
      font-size: 14px;
  }

  .str-brand-sec i svg {
      width: auto;
      height: 50px;
  }

  .style-guide-sec li {
      margin: 0px;
  }

  .clearfix.slick-slide {
      display: none;
  }

  .download-cta {
      display: none;
  }

  .green-bullets li {
      font-size: 10px;
      padding-left: 10px;
  }

  .green-bullets li:before {
      width: 5px;
      height: 5px;
  }

  .wework-txt {
      padding: 10px 0 0;
      text-align: center;
  }

  .wework-txt h3 {
      font-size: 12px;
      margin: 0 0 10px;
  }

  .banner-pic img {
      width: auto;
      height: 100%;
  }

  .banner-pic video {
      width: auto;
      height: 100%;
  }

  li.custom-cal-li {
      width: 100% !important;
      padding: 20px;
  }

  .animation-calculator {
      padding: 0px !important;
  }

  .animation-title h4 {
      font-size: 26px !important;
      line-height: 20px !important;
  }

  .animation-tabs > h6 {
      font-size: 12px !important;
      margin: 10px 0 !important;
  }

  .animation-tabs ul li {
      width: 49% !important;
  }

  .animation-meta h6, .animation-pricing h4 {
      font-size: 12px !important;
  }

  .animation-pricing .pack-ordernow1 {
      margin: 10px 0 0;
      font-size: 12px;
      padding: 6px 36px;
      width: auto;
  }

  .popup-layout .popup-inner .col-md-7.no-pad {
      display: none;
  }

  .popup-layout .popup-inner {
      width: 90%;
      height: 400px;
  }

  .popup-header h3 {
      font-size: 28px;
      min-height: auto;
      line-height: 20px;
  }

  .popup-header p {
      font-size: 12px;
      line-height: normal;
      min-height: auto;
  }

  .popup-header {
      padding: 10px;
      text-align: center;
  }

  .popup-bdy {
      padding: 0 20px;
  }

  .frmicon-box {
      margin: 0 0 10px;
  }

  .popup-btn, .popup-layout .text-right .popup-btn {
      margin: 10px 0 0;
      font-size: 12px;
  }

  .popup-layout .popup-inner:before,.popup-layout .popup-inner:after {
      display: none;
  }

  .popup-layout {
      z-index: 9999;
  }

  .request-proposal-sec .spacebr {
      display: none;
  }

  .request-proposal-sec label {
      font-size: 12px;
      margin: 0px;
      line-height: 17px;
  }

  .request-proposal-sec input, .request-proposal-sec select {
      height: auto;
      padding: 0px;
      font-size: 10px;
  }

  .request-proposal-sec .field {
      margin: 0 0 12px;
  }

  .request-proposal-sec {
      background-size: cover;
  }

  ul.addon-ul li {
      width: 100%;
  }

  ul.addon-ul {
      margin: 0px;
  }

  .request-proposal-sec input[type="submit"] {
      padding: 3px 30px !important;
      font-size: 12px !important;
      height: auto;
  }

  .process-ul li.active .prcss-icn7:before {
      background-position: -17px -1072px;
  }

  .process-ul li.active .prcss-icn8:before {
      background-position: -69px -1072px;
  }

  .process-ul li.active .prcss-icn9:before {
      background-position: -122px -1072px;
  }

  .process-ul li.active .prcss-icn10:before {
      background-position: -173px -1073px;
  }

  .process-ul li.active .prcss-icn11:before {
      background-position: -225px -1073px;
  }

  .process-ul li.active .prcss-icn12:before {
      background-position: -278px -1074px;
  }

  section.right-technology-sec {
      display: none;
  }

  .nobanner-sec {
      margin: 0px;
  }

  header.StickyHeader+br, header.StickyHeader+br+br, header.StickyHeader+br+br+br {
      display: none;
  }

  header.with-dropdown li.dropdown-parent>a {
      padding: 10px 10px;
  }

  .sec-hd br {
      display: none;
  }

  .draw-line.drawl {
      display: none;
  }

  .philosophy-bg-icons {
      padding: 0 10px;
  }

  .expect-sec:before {
      display: none;
  }

  header.StickyHeader.stick a.nav-btn{
      display: none !important;
  }

  header.StickyHeader.stick.slideDown+header.StickyHeader {
      z-index: 999;
  }

  .top-nav li+li {
      margin-left: 0px;
  }

  h4.ban-lg-subhd {
      font-size: 15px !important;
  }

  .banner-sec .container {
      width: 100%;
  }

  header.StickyHeader.stick .clearfix {
      display: none !important;
  }

  header.StickyHeader.stick .top-nav{
    display: none;  
  }

  .ballon-mn-bann {
      display: none;
  }

  .banner-sec.sm-bann.push-pg-bann .container {
      margin: 0;
      width: 100%;
  }

  .ban-txt.txt-sm h1 span {
      font-size: 16px;
      display: block;
      margin: 0 0 10px;
  }

  .push-pg-bann .ban-txt-box {
      top: 0px;
  }

  .banner-sec.sm-bann a.pack-ordernow {
      padding: 5px 30px;
      font-size: 12px;
  }

  .topbar-pack img {
      display: none;
  }

  .special-packg-sec h2 {font-size: 20px;line-height: normal;margin: 0 0 6px;}

  .special-packg-sec h2 span {
      line-height: 10px;
  }

  .special-packg-sec p {
      font-size: 12px;
  }

  .special-packg-sec br {
      display: none;
  }



  ul.special-pkg-cta li a {
      padding: 5px 34px;
      display: inline-block;
      font-size: 12px;
  }

  ul.special-pkg-cta li {
      margin: 0px !important;
      display: block;
  }

  ul.special-pkg-cta {
      text-align: center;
  }

  ul.special-pkg-cta li+li {
      display: inline-block;
      margin: 3px 0 0 !important;
  }

  ul.special-pkg-cta li+li a {
      padding: 5px 14px;
  }

  ul.special-pkg-cta li:after {
      right: -3px;
      bottom: 9px;
  }

  .special-packg-sec.pack-detail ul.special-pkg {
      margin: 10px 0 0;
  }

  table.comapare-box.compare-to-packg .pack-price h4 {
      font-size: 28px;
  }

  table.comapare-box.compare-to-packg .pack-title {
      font-size: 17px;
  }

  table.comapare-box tr td {
      padding: 7px;
      font-size: 11px;
  }

  .ban-txt.txt-sm .col-md-6 {
      padding: 0px;
  }

  .ban-txt.txt-sm .col-md-6.no-pad ul {
      margin: 0px;
  }

  section.special-packg-sec.pack-detail ul.special-pkg li ul.pack-features {
      margin: 0px;
  }

  .ban-txt-box .col-lg-6 img {
      display: none;
  }

  .bann-price .new-price {
      font-size: 34px;
      color: #FFF;
  }

  .bann-price>* {
      margin: 0 5px 0 0;
      color: #FFF;
  }

  .bann-price a.blue-btn {
      padding: 8px 34px;
      margin: 10px 0 0;
  }

  .all-in-pkg-bann .ban-txt.txt-sm br+br {
      display: block;
  }

  .push-pg-bann .bann-price a.blue-btn {
      display: none;
  }

  .all-in-pkg ul.special-pkg-cta {
      display: none;
  }

  section.all-in-pkg .megapack-infobox {
      margin: 10px 0;
  }

  .all-in-pkg .col-md-4 {
      padding: 0px;
  }

  .ftr-btm-section {
      font-size: 10px;
      text-align: center;
      line-height: 1.5em;
  }

  .ftr-btm-section img {
      margin: 12px auto 0;
      display: inline-block;
  }

  .ftr-btm-section {
      text-align: center;
  }

  .ftr-btm-section .text-right {
      text-align: center !important;
  }

  .disclaimer-sec p {
      font-size: 8px;
      text-align: center;
  }

  .disclaimer-sec p strong {
      display: block;
      font-size: 13px;
  }

  .disclaimer-sec p strong:after {
      content: "\f0fe";
      font-family: FontAwesome;
      margin: 0 0 0 10px;
  }

  .disclaimer-sec p:last-child{
    display: none;
  }

  .disclaimer-sec p.active strong{
    margin: 0 0 10px;
  }

  .disclaimer-sec p.active strong:after {
      content: "\f146";
  }

  .bann-price .old-price{
    vertical-align: sub;
  }

  .sidebar-fix-box{
    display: none;
  }

  .contact-form-container, .contact-info-container {
      padding: 20px 40px;
  }

  .contact-form-box .col-lg-6, .contact-form-box .col-lg-5, .contact-form-box .col-lg-12 {
      padding: 0px;
  }

  .contact-form-container h4 {
      font-size: 15px;
      margin: 0 0 0;
  }

  .contact-info-container h4 {
      font-size: 26px;
      margin: 0 0 0;
  }

  .contact-info-container h5 {
      font-size: 17px;
      margin: 10px 0;
  }

  .contact-form-container, .contact-info-container {
      min-height: auto;
  }

  .inner-hd3 {
      font-size: 18px;
      margin: 0 0 5px;
  }

  .list-bullets li {
      font-size: 12px;
      margin: 0 0 6px;
      line-height: normal;
  }

  .portfolio-box.slick-slider button.slick-arrow {
      display: none !important;
  }

  .banner-pic{
    display: none;
  }

  .hover-effect-bann, .banner-sec {
    background: url(../images/banners/mobile-banner.jpg) no-repeat !important;
    background-size: cover !important;
  }

  .logo {
      text-align: center;
  }

  .colr-black {
      color: #FFF;
  }
  .christmas .special-packg-sec:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/christmas-bulb2.png) no-repeat;
    background-size: contain;
    width: 122px;
    height: 247px;
}
.christmas .special-packg-sec:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/christmas-bulb1.png) no-repeat;
  background-size: contain;
  width: 65px;
  height: 91px;
}


}

@media (max-width:480px) {

  .banner-pic .hover-effect-bann, .banner-sec {
    height: 50vh;
  }

  .banner-pic {
    height: 60vh;
  }

    .banner-sec.sm-bann {
      height: 50vh;
  }

  .ban-btm-logos li img {
    display: inline-block;
    width: 100%;
    height: auto;
  }

  .ticker {
    top: -48px;
    padding: 10px 0 6px;
  }

}




/* Copyright Css Start */

.count-sec {
    background: #ff3839;
}

ul.count-ul li {
    display: inline-block;
    margin: 0 20px;
    width: 20%;
}

ul.count-ul {
    text-align: center;
}

.count-ul .countr-icn-01:before {
    background-position: -287px -1855px;
    width: 55px;
    height: 72px;
}

.count-ul .countr-icn-02:before {
    background-position: -366px -1856px;
    width: 74px;
    height: 74px;
}

.count-ul .countr-icn-03:before {
    background-position: -464px -1851px;
    width: 90px;
    height: 71px;
}

.count-ul .countr-icn-04:before {
    background-position: -569px -1859px;
    width: 77px;
    height: 75px;
}

ul.count-ul h4 {
    font-size: 14px;
    color: #464646;
    font-weight: 300;
    line-height: 35px;
    margin: 20px 0 0;
}

ul.count-ul h4 span {
    font-size: 48px;
    color: #FFF;
    display: block;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

.sprite-icn.copyright-choose-01:before {
    background-position: -293px -1960px;
    width: 48px;
    height: 42px;
}

.sprite-icn.copyright-choose-02:before {
    background-position: -383px -1959px;
    width: 41px;
    height: 41px;
}

.sprite-icn.copyright-choose-03:before {
    background-position: -466px -1962px;
    width: 39px;
    height: 34px;
}

.sprite-icn.copyright-choose-04:before {
    background-position: -547px -1961px;
    width: 33px;
    height: 39px;
}

ul.type-ul li:hover .sprite-icn.copyright-choose-01:before {
    background-position: -293px -2034px;
    width: 48px;
    height: 42px;
}

ul.type-ul li:hover .sprite-icn.copyright-choose-02:before {
    background-position: -383px -2033px;
    width: 41px;
    height: 41px;
}

ul.type-ul li:hover .sprite-icn.copyright-choose-03:before {
    background-position: -466px -2036px;
    width: 39px;
    height: 34px;
}

ul.type-ul li:hover .sprite-icn.copyright-choose-04:before {
    background-position: -547px -2035px;
    width: 33px;
    height: 39px;
}

ul.type-ul.copyr-type-ul li {
    min-height: 195px;
    vertical-align: top;
}

.green-cta {
    background: #ff3839;
}

.green-cta h3.sec-hd.white-colr {
    color: #FFF;
}

.blue-btn.white-btn {
    background: #FFF;
    color: #262626;
    font-size: 20px;
    padding: 13px 50px;
}


/* Cyber */

.cyber-popup {
    width: 786px;
    height: 500px;
    background: url(../images/cyber-popup.jpg) no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 40px;
    z-index: 11111;
    display: none;
}
.cyber-popup h3 {
    font-size: 117px;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #FFF;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 100px;
    margin: 0 0 10px;
}
.cyber-popup .countr {
    font-size: 24px;
    color: #FFF;
    font-weight: 600;
    margin: 0 0 10px;
}
.cybr-hd2 {
    font-size: 27px;
    color: #ffb629;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.cybr-hd2 span {
    font-size: 41px;
    display: block;
    color: #FFF;
}
.cybr-btn {
    font-size: 15px;
    color: #333333;
    background: #ffb629;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.cybr-code {
    font-size: 24px;
    color: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.black-layout {
    background: #000000c9;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1111;
    display: none;
}

.close-cybr {
    position: absolute;
    top: 0;
    right: 0px;
    color: #FFF;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFF;
}

.clock div {
    display: inline-block;
}

.clock div:first-child {
    display: none;
}

/* Cyber */

@media (max-width: 823px){

  /* Cyber */

  .cyber-popup h3 {
      font-size: 20px;
      line-height: 24px;
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #FFF;
  }

  .cyber-popup {
      width: 90%;
      height: fit-content;
      padding: 20px;
      max-height: 420px;
  }

  .cybr-hd2 {
      font-size: 19px;
  }

  .cybr-hd2 span {
      font-size: 19px;
  }

  .cybr-btn {
      padding: 8px 19px;
      font-size: 13px;
  }

  .cybr-code {
      font-size: 16px;
  }

  /* Cyber */

  .avail-btn {
      width: 140px;
      font-size: 14px;
      padding: 6px;
  }

    ul.count-ul li {
        width: 49%;
        margin: 0 0 6px;
        vertical-align: middle;
    }

    ul.count-ul h4 span {
        font-size: 26px;
    }

    ul.count-ul h4 {
        line-height: 20px;
        font-size: 12px;
    }

    .blue-btn.white-btn {
        padding: 13px 30px;
        font-size: 16px;
    }

    .green-cta .spacebr {
        display: none;
    }
    
}

/* Copyright Css End */

/* Social Media Css Start */

i.sprite-icn-social1:before {
    background-position: -20px -1723px;
  width: 45px;
  height: 44px;
}

i.sprite-icn-social2:before {
    background-position: -108px -1725px;
  width: 44px;
  height: 44px;
}

i.sprite-icn-social3:before {
    background-position: -194px -1722px;
  width: 47px;
  height: 47px;
}

i.sprite-icn-social4:before {
    background-position: -297px -1723px;
  width: 38px;
  height: 44px;
}

ul.type-ul li:hover i.sprite-icn-social1:before {
    background-position: -20px -1781px;
}

ul.type-ul li:hover i.sprite-icn-social2:before {
    background-position: -108px -1781px;

}

ul.type-ul li:hover i.sprite-icn-social3:before {
    background-position: -194px -1781px;
}

ul.type-ul li:hover i.sprite-icn-social4:before {
    background-position: -297px -1783px;
}

ul.social-icn-large li {
    display: inline-block;
    margin: 0 25px;
}

ul.social-icn-large {
    text-align: center;
    margin: 0 0 40px;
}

ul.social-icn-large li a {
    display: block;
}

ul.social-icn-large li a i:before{
  width: 76px;
  height: 76px;
}

ul.social-icn-large {
    position: relative;
    z-index: 1;
}

ul.social-icn-large:before {
    content: "";
    width: 100vw;
    height: 1px;
    background: #d4d4d4;
    position: absolute;
    left: -50%;
    right: -50%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.sprite-icn-social-icn1:before {
    background-position: -406px -1557px !important;
}

.sprite-icn-social-icn2:before {
    background-position: -509px -1557px !important;
}

.sprite-icn-social-icn3:before {
    background-position: -406px -1655px !important;
}

.sprite-icn-social-icn4:before {
    background-position: -509px -1655px !important;
}

.sprite-icn-social-icn5:before {
    background-position: -406px -1753px !important;
}

.sprite-icn-social-icn6:before {
    background-position: -509px -1753px !important;
}

.prcss-icn13:before {
    background-position: -23px -1843px;
  width: 28px;
  height: 28px;
}

.process-ul li.active .prcss-icn13:before{
    background-position: -23px -1898px;
}

.prcss-icn14:before {
    background-position: -85px -1843px;
  width: 31px;
  height: 31px;
}

.process-ul li.active .prcss-icn14:before{
    background-position: -85px -1898px;
}

.prcss-icn15:before {
    background-position: -150px -1845px;
  width: 27px;
  height: 27px;
}

.process-ul li.active .prcss-icn15:before{
    background-position: -150px -1898px;
}

.prcss-icn16:before {
    background-position: -211px -1844px;
  width: 29px;
  height: 29px;
}

.process-ul li.active .prcss-icn16:before{
    background-position: -211px -1897px;
}

.process-ul.four-process li+li {
    width: 32.6%;
}

.process-ul.four-process li:last-child {
    width: 16%;
}

.process-ul.four-process  i.actv-ul {
}

ul.process-ul.four-process.process2 i.actv-ul {
    left: 327px;
}

ul.process-ul.four-process.process3 i.actv-ul {
    left: 693px;
}

ul.process-ul.four-process.process4 i.actv-ul {
    left: 966px;
}

ul.process-ul.four-process.process2:before {
    width: 26%;
}

ul.process-ul.four-process.process3:before {
    width: 57%;
}

ul.process-ul.four-process.process4:before {
    width: 83%;
}

.btn-cstm {
    position: relative;
    z-index: 1;
    background: #c4200f;
    padding: 14px 60px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 21px;
    margin-top: 13px;
    border-radius: 5px;
    border: 2px solid #c4200f;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.24), 0 0 2px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.24), 0 0 2px 0 rgba(0,0,0,.12);
    margin-top: 25px;
}

.link {
    color: #000000;
    font-size: 13px;
    border-bottom: 1px solid #000000;
    display: inline-block;
    line-height: 18px;
}

ul.type-ul li:hover .link {
    color: #FFF;
    border-color: #FFF;
}

.strip-guarantee i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 0 0;
}

ul.features-ul.strip-guarantee h5 {
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    margin: 0px;
    vertical-align: middle;
    line-height: 19px;
    letter-spacing: -0.5px;
}

ul.features-ul.strip-guarantee li {
    padding: 0px;
    width: 19%;
    vertical-align: middle;
}

ul.features-ul.strip-guarantee li:after {
    display: none;
}

.guarantee-strip {
    background: #292929;
    padding: 10px 0 0px;
}

ul.features-ul.strip-guarantee {
    text-align: center;
}

.ban-btm-text li {
    font-size: 16px;
    color: #292929;
}

.ban-btm-text li span {
    display: block;
    font-size: 33px;
    margin: 6px 0 4px;
}

.color-blue {
    color: #009ada;
}

.color-green {
    color: #3eda00;
}

.color-red {
    color: #da004d;
}

.color-yellow {
    color: #daae00;
}

.color-purple {
    color: #7600da;
}

.color-orange {
    color: #fd8600;
}


.tabs { font-size: 0px; display: block;text-align: center;margin-bottom: 50px;}
.tabs>li { display: inline-block; vertical-align: middle; }
.tabs a { display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; background: #ff3839; color: #fff; border-radius: 4px; text-align: center; padding: 10px 20px;border: 1px solid #ff3839; }
.tabs>li:first-child a{ border-top-right-radius:0px;border-bottom-right-radius:0px; }
.tabs>li:last-child a{ border-top-left-radius:0px;border-bottom-left-radius:0px; }

.tabs>li.active a{background-color: transparent; color: #ff3839;}

[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}


/*Form Section */

.formSection {
    background: url(../images/bg-contact.png) no-repeat top center/cover;
    padding: 80px 0 0;
}
.formSection .img-box img{
  width: 100%;
}
.formSection h1 {
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.formSection h4 {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    margin-bottom: 50px;
}

.formSection input,.formSection select,.formSection textarea {
    width: 100%;
    background: #fff;
    padding: 13px 18px;
    margin: 0px;
    border-radius: 10px;
    font-size: 14px;
    color: #a0a9ba;
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
}
.formSection textarea::placeholder {
  color: #ccc;
}

.formSection input#countrycode {
    width: 13%;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px 0 0 10px;
    padding: 13px 10px;
    box-shadow: none;
}

.formSection .num-with-code {
    display: inline-block;
    vertical-align: middle;
    width: 86%;
    position: relative;
    left: -3px;
}

.formSection .num-with-code input {
    display: inline-block;
    vertical-align: middle;
    border-radius: 0 10px 10px 0px;
    box-shadow: none;
}

.formSection .customradio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff;
    vertical-align: middle;
    font-weight: 400;
    line-height: 25px;
}

.formSection .customradio input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.formSection .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 0;
    background-color: #dadada;
    border: 2px solid #ff3839;
}

.formSection .customradio input[type=radio]:checked ~ .checkmark {
    background: #ff3839;
}

.formSection .purple-s-btn {
    background-color: #ff3839 !important;
    border-color: #ff3839 !important;
}

.formSection input[type="submit"] {
    width: 100%;
    min-width: 100%;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
        animation-iteration-count: infinite;
    animation-name: pulse-light;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.formSection .contact-dd.newcountrycode span {
    /*top: 20px;*/
  display:none;
}

.formSection select.countrylist {
    padding: 13px 18px 13px 15px;
}

/*Form Section */

@media (max-width: 823px){

  /*Form Section */

  .formSection {
      padding: 20px 0;
  }

  .formSection h1 {
      font-size: 20px;
      margin: 0 0 0;
  }

  .formSection h4 {
      font-size: 11px;
      margin: 10px 0 14px;
  }

  .formSection input#countrycode {
      width: 20%;
  }

  .formSection .num-with-code {
      width: 78%;
      left: -4px;
  }

  .formSection .customradio {
      font-size: 10px;
      line-height: 15px;
      margin: 0 0 12px;
  }

  /*Form Section */

  ul.social-icn-large {
      display: none;
  }

  .process-content .process-tabs img {
      width: 170px;
  }

  .process-ul.four-process li+li {
      width: auto;
      margin: 0 6px;
  }

  .process-ul li.active .prcss-icn13:before {
      background-position: -23px -1843px;
  }

  .process-ul li.active .prcss-icn14:before {
      background-position: -85px -1843px;
  }

  .process-ul li.active .prcss-icn15:before {
      background-position: -150px -1845px;
  }

  .process-ul li.active .prcss-icn16:before {
      background-position: -211px -1844px;
  }

  .process-ul.four-process li:last-child {
      width: auto;
  }

  .side-bar-sm-frm {
      display: none !important;
  }

  .btn-cstm {
      margin: 0px;
      padding: 6px 29px;
      font-size: 16px;
  }

  .open-form-slide {
      padding: 20px;
  }

  .open-form-slide .frmicon-box {
      margin: 0 0 10px;
  }

  .open-form-slide .frmicon-box input, .open-form-slide .frmicon-box textarea, .open-form-slide .frmicon-box select {
      font-size: 13px;
      padding: 6px 8px;
  }

footer{ z-index: 1; }


.christmas{ margin-bottom: 0; }
.christmas footer{ position: relative; }
.christmas .process-sec:before{ z-index: 0;  opacity: 0.3; }
.christmas .process-sec .container{ position: relative; z-index: 1; }
.christmas .get-started-cta{     padding: 10px 0;    background-size: contain; }
.christmas .portfolio-sec:before{ display: none; }
.christmas .types-sec{ padding-top: 100px; }
.christmas .banner-pic{ display: block; }
.christmas .banner-sec{ text-align: center; }
.christmas .ban-txt h1{ font-size: 30px;  margin-bottom: 20px; }



}


/* Social Media Css End */




/* footer Banner CSS */
.footBan { background: url(../images/footer-banner/bg-footBan.jpg) no-repeat top center/cover; padding: 10px 0; position: fixed; bottom: 0px; width: 100%; left: 0px; z-index: 998; display: none; }
.footBan .row { display: flex; align-items: center; }
.footBan h4 { font-size: 40px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Titillium Web', sans-serif;
}
.footBan h4 span { color: #5500a9; }
.footBan p { font-size: 23.59px; color: #fff; font-weight: 500; margin-bottom: 0px; }
.footBan .ban-btn { 
      font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 0 1px #190033;
    background: #4f009e;
    box-shadow: 0 3px 32px 0 rgba(103, 0, 203, 0.59);
    padding: 12px 60px;
    border-radius: 56px;
    border: 1px solid #4f009e;
    margin: 0 auto;
    display: inline-block; }
.footBan .ban-btn:hover { background: transparent; color: #4f009e; }

.topBars { background: #222222; position: relative; }
.topBars .row{display: flex;align-items: center;}
.topBars a {     background: #9501f1;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding: 15px;
    font-weight: 300;
    display: inline-block;
 }
 .topBars a:hover{
  animation-iteration-count: infinite;
    animation-name: pulse-light;
    animation-duration: .9s;
    animation-fill-mode: both;
 }

 .topBars h6{    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin: 0px;}
 .topBars h6 span{font-weight: bold;font-size: 22px;color: #cc080c;
   -webkit-animation: blink-anim 500ms infinite;
  -moz-animation: blink-anim 500ms infinite;
  -o-animation: blink-anim 500ms infinite;
  animation: blink-anim 500ms infinite;
 }



@-webkit-keyframes blink-anim {
  0% { color: #fff;  }
  50% { color: #cc080c;  }
  100% { color: #cc080c;  }
}

@-moz-keyframes blink-anim {
  0% { color: #fff;  }
  50% { color: #cc080c;  }
  100% { color: #cc080c;  }
}

@-o-keyframes blink-anim {
  0% { color: #fff;  }
  50% { color: #cc080c; }
  100% { color: #cc080c; }
}

@keyframes blink-anim {
  0% { color: #fff;  }
  50% { color: #cc080c; }
  100% { color: #cc080c; }
}



/* Ticker POP */
.floating_widget_link { color: #333 }
.floating_widget_link:hover { color: #333 }
.floating_widget {padding: 12px 10px;border: 1px solid #d7d7d7;border-radius: 0 4px 4px 0;border-left: medium none;box-shadow: 0 5px 17px -3px rgba(0, 0, 0, .12);transform: translateX(-5%);opacity: 1;left: 0;-webkit-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;margin-bottom: auto;background-color: #fff;text-align: center;max-width: 100px;cursor: pointer;z-index: 1020;margin-top: auto;bottom: 0;height: 150px;display: inline-block;position: fixed;top: 0;}
.floating_widget:hover { transform: translateX(0); box-shadow: 0 4px 16px -2px rgba(0, 0, 0, .15) }
.numbers {display: inline-block;width: 100%;vertical-align: top;margin-bottom: 0;}
.number_big { font-weight: 600 }
.number_small { color: #000000cc; font-size: 12px }
.ratingStars {margin-bottom: 6px;display: inline-block;vertical-align: middle;}
.ratingStars img { width: 100% }
.subheading { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 8px }
.subheading_small {font-size: 12px;font-weight: 300;line-height: 12px;}
.subheading_big {font-size: 12px;font-weight: 600;line-height: 12px;}
.floating_footer { display: inline-block; width: 100%; vertical-align: top; padding-top: 5px; border-top: 1px solid #ccc }
.reviewsLogo { float: left; width: 100%; display: inline-block; white-space: nowrap }
.reviewsLogo_star {display: inline-block;vertical-align: middle;}
.reviewsLogo_star img {
    display: block;
}
.reviewsLogo_text {color: #333;font-size: 12px;line-height: 20px;text-transform: uppercase;display: inline-block;vertical-align: middle;}


@media (min-width: 1580px){

.halloweenp .banner-pic img{ margin-top: -200px; }

}

@media (max-width: 767px){
    .floating_widget {display: none;}
}