/* Fonts */

@font-face {
    font-family: 'Trump Gothic East';
    src: url('../fonts/TrumpGothicEast_bold.woff2') format('woff2'),
        url('../fonts/TrumpGothicEast_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Trump Gothic East';
    src: url('../fonts/TrumpGothicEast_bold.woff2') format('woff2'),
        url('../fonts/TrumpGothicEast_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* Fonts */


* {
  outline: none;
}
body {
  font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.6em;
    overflow-x: hidden;
    margin-bottom: 520px;
}
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;
}

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

.logo a {
    display: block;
    padding: 7px 0;
}

/* Main Bann */

.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;
}

.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 {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.35);
}

header.stick {
    position:fixed;
    top:-170px;
    left: 0;
    right: 0;
    z-index:999;
        background: #FFF;
  transition:0.4s top cubic-bezier(.3, .73, .3, .74);
  box-shadow: 0 0 10px 2px #00000030;    
}

header.hdr-02.stick .top-nav ul li ul.dropdown {
    top: 36px;
}

header.stick .logo a {
    padding: 2px 0 10px;
}






.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: var(--webmaverickscolor);
    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: var(--webmaverickscolor);
    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 );
}

.topbar {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

.top-nav {
  float:right;
    line-height: 1.2em;
}
.hdr-top-links ul {
  text-align:right;
  margin-bottom:0;
}
.hdr-top-links ul li {
  display:inline-block;
}
.hdr-top-links ul{
  font-size: 0px;
}
.hdr-top-links ul li a {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  padding: 6px 15px;
    display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.hdr-top-links ul li a:hover {
    background: #1821f4;
}
.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: 23px;
}
.hdr-top-links ul li a i {
    font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 9px 0 0;
  opacity: 0.2;
}

header *{
  transition: all 0.4s ease;
}

header.stick .logo img {
    width: 159px;
    margin: 4px 0 0 0;
    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: var(--webmaverickscolor);
    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: 7px 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;
}

header.stick .top-nav>ul>li>a {
    padding: 7px 3px;
    color: #353535;
}

header.stick .top-nav>ul>li:last-child>a {
    padding: 7px 20px;
    border-color: #353535;
    background: var(--webmavericksred);
    border-color: var(--webmavericksred) !important;
    color: #FFF !important;
}

.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: 1px solid var(--webmaverickscolor);
    border-radius: 100%;
}

ul.slick-dots li.slick-active button {
    background: var(--webmaverickscolor);
    border-color: #ccc;
}

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

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

.top-nav>ul>li>a{
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  display: block;
  padding: 29px 5px 18px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.top-nav>ul>li>a:hover, .top-nav li.active_nav a {
    color: #ffae00;
}

header.stick .top-nav>ul>li>a:hover,header.stick  .top-nav li.active_nav a {
    color: #353535 !important;
    border-color: #353535 !important;
    background: transparent !important;
}

.top-nav>ul>li:last-child>a {
    border: 1px solid #FFF;
    border-radius: 2px;
    padding: 8px 20px;
    background: var(--webmavericksred);
    border-color: var(--webmavericksred) !important;
    color: #FFF !important;
}

.top-nav>ul>li:last-child>a:hover {
  background: transparent;
  border-color: #fff !important;
  color: #FFF !important;
}

.top-nav ul {
    margin: 0px;
}

.sub-nav-bg {
  background: var(--webmaverickscolor);
  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: #7bc437;
    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:554px;
  position:relative;
  overflow: hidden;
  z-index: 1;
}
.sm-bann {
    height: 554px;
}
.sm-bann .banner-pic {
    height: 554px;
}
.sm-bann .ban-txt h1 {
    font-size: 52px;
    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:554px;
  overflow:hidden;
  position: relative;
    z-index: 1;
}
.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: 55px;
    color: var(--webmaverickscolor);
    font-weight: bold;
    text-transform: capitalize;
    line-height: .95em;
    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: 25px;
  color: #2a2a2a;
  font-weight: 600;
  text-transform: capitalize;
  line-height: .95em;
  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: var(--webmaverickscolor);
    font-size: 35px;
}
.ban-txt li{
  font-size: 16px;
    color: #2a2a2a;
    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: var(--webmaverickscolor);
    display: block;
    content: "";
    border-radius: 15px;
    position: absolute;
    left: 1px;
    top: 3px;
}
.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: #70bd36;
    font-weight: 700;
}

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

ul.type-ul {
    text-align: center;
    margin: 40px 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;
}

.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: #71bd36;
    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;
}

.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: #069ffc;
    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;
}

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

.price {
    font-size: 70px;
    font-weight: 700;
    color: #fdc024;
    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: var(--webmaverickscolor);
  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: var(--webmaverickscolor);
}
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: var(--webmaverickscolor);
    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: var(--webmaverickscolor);
}

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;
}

.map { position: relative; }
.map iframe { position: absolute; bottom: 0; top: 0; margin: auto; }


@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;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity:0.5;
}
.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: 100px;
  border-top: 5px solid var(--webmaverickscolor);
}
.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: var(--webmavericksheading);
  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: 42px;
    color: var(--webmaverickscolor);
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 25px;
}
.lg-hd:after {
      background: var(--webmaverickscolor);
    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: #7bc437;
  background: -moz-linear-gradient(left, #7bc437 0%, #67b735 65%, #67b735 100%);
  background: -webkit-linear-gradient(left, #7bc437 0%, #67b735 65%, #67b735 100%);
  background: linear-gradient(to right, #7bc437 0%, #67b735 65%, #67b735 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bc437', endColorstr='#67b735', GradientType=1);
  border-radius: 34px;
  font-weight: 400;
  text-transform: capitalize;
}
.more-btn:hover {
  background: #67b735;
  background: -moz-linear-gradient(left, #67b735 0%, #7bc437 99%);
  background: -webkit-linear-gradient(left, #67b735 0%, #7bc437 99%);
  background: linear-gradient(to right, #67b735 0%, #7bc437 99%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--webmaverickscolor)', endColorstr='#7bc437', GradientType=1);
  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: 30px 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);
}
.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: #5f5f5f;
    font-weight: 600;
}
.get-started-cta h3 strong {
  color: #353535;
}
.get-started-cta li {
  display: inline-block;
}
.get-started-cta li+li {
  margin-left: 15px;
}
.get-started-cta li a {
  border: 2px solid #fff;
    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: #333333;
}
.blue-cta-btn {
    background: #3ea6e6;
}

.green-cta-btn {
    background: #73be36;
}

.orange-cta-btn {
    background: #fe5501;
}
.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: var(--webmaverickscolor);
}
.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;
}
.hmetabs .pkg-sealed-icn:before {
  right: -24px;
    top: -4px;
}
.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: #069ffc;
    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: #079613;
  font-size:15px;
}
.comaparing .fa-times{
  color: #DF0003;
  font-size:15px;
}

.no-pad{
    padding: 0px;
    height: 100%;
}

.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: var(--webmaverickscolor);
}
.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: #56cbf1; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2Y2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODkxZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    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;
    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: var(--webmaverickscolor);
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
}

ul.special-pkg li .pack-price h4 {
    color: var(--webmaverickscolor);
}

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: var(--webmaverickscolor);
    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: block;
  padding-top: 4px;
  line-height: 1.28em;
  text-transform: none;
}
.pack-price {
  background: #fff;
  padding: 10px 10px;
  position: relative;
  color: var(--webmaverickscolor);
  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: #000;
  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;
  display:none;
}

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: var(--webmavericksred);
}
li.pkg-active .pack-title {
    color: var(--webmavericksred);
}
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: var(--webmavericksred);
}
.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-weight: 700;
    font-size: 17px;
    letter-spacing: 2px;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    padding: 20px 40px;
    background-color: var(--webmavericksred);
    color: #fff;
    position: relative;
}
.pack-ordernow:hover {
  color: #fff;
  background: var(--webmavericksylw);
  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: var(--webmaverickscolor);
  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: var(--webmaverickscolor);
  width: 26px;
  height: 26px;
}
.pack-list-tabs li a:hover, .pack-list-tabs li a.active {
  color: #fff;
  background: #7ec64d;
  background: -moz-linear-gradient(left, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='var(--webmaverickscolor)', 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;
}

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;
}

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: -152px -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: var(--webmaverickscolor);
}

.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: var(--webmaverickscolor);
}

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;
}

.blue-btn {
    background: #var(--webmavericksred);
    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;*/
}

.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: 90px 0 0;
}
.testi-box:before {
  content: '\2018 \2018';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: var(--webmaverickscolor);
    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: var(--webmaverickscolor);
    margin: 30px 0 0;
    font-style: normal;
    font-weight: 500;
    position: relative;
    bottom: -20px;
    text-align: right;
}
.testi-author {
  position: absolute;
    right: 7px;
    top: 0;
    text-align: right;
    overflow: hidden;
}

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

.testi-author p {
    font-size: 12px;
    color: var(--webmaverickscolor);
    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: 188px;
  opacity: .5;
}
.ftr-top-section {
  text-align: center;
  padding-bottom: 35px;
  padding-top: 11px;
}
.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: 20px 0 25px;
}
.ftr-contact-info {
  margin-bottom: 20px;
}
.ftr-contact-info > li+li {
  border-left: 2px solid #28282d;
}
.ftr-contact-info > li {
  padding: 0 13px 0 19px;
}
.ftr-contact-info > li > i {
  color: var(--webmavericksred);
  margin-right: 2px;
}
.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: var(--webmaverickscolor);
}
.need-logo-sec {
  position: relative;
  background: -moz-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--webmaverickscolor2)', endColorstr='var(--webmaverickscolor)', 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: var(--webmaverickscolor);
  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;
}
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: -moz-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--webmaverickscolor2)', endColorstr='var(--webmaverickscolor)', 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: #ffffff !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: var(--webmaverickscolor);
}
.colors-pic img {
  margin: 0 auto;
}
.what-fonts-sec {
  position: relative;
  background: -moz-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--webmaverickscolor2)', endColorstr='var(--webmaverickscolor)', 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: -moz-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--webmaverickscolor2)', endColorstr='var(--webmaverickscolor)', 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 var(--webmaverickscolor);
  color: var(--webmaverickscolor);
  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: var(--webmaverickscolor);
  color: #fff;
}
.nopad-top {
  padding-top: 0px !important;
}
.nopad-btm {
  padding-bottom: 0px !important;
}
.nomar-bottom {
  margin-bottom: 0 !important;
}
.client-says-box {
  margin-top: 20px;
}
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #7ec64d;
  background: -moz-linear-gradient(left, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='var(--webmaverickscolor)', 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: var(--webmaverickscolor);
  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;
}
.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: var(--webmaverickscolor);
  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: var(--webmaverickscolor);
}
.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: 770px;
}
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;
}

.top-nav ul li ul.dropdown {
    position: absolute;
    left: -14px;
    top: 80px;
    width: 280px;
    padding: 15px 15px 6px;
    z-index: 100;
    display: none;
    background: #fff;
    border-top: 3px solid var(--webmaverickscolor);
    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 ul.dropdown li a:before {content: "\f061";font-family: FontAwesome;position: absolute;right: 0px;font-size: 11px;font-weight: 100;color: #000000a1;transition: all 0.4s ease;}

header ul.dropdown li a:hover:before {
    right: 10px;
}

header.with-dropdown ul.dropdown li a:hover:before {
    right: 10px;
}

.top-nav ul ul.dropdown li:first-child {
    margin: 0 0 11px;
    border: 0px;
}

.top-nav ul ul.dropdown li:last-child {
    border: 0;
}

header 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 .top-nav li.dropdown-parent:hover .dropdown {
    visibility: visible;
    opacity: 1;
    top: 58px;
}

header ul.dropdown li a {
    position: relative;
    display: block;
    padding: 7px 0;
    line-height: 22px;
    font-weight: 600 !important;
    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;
}

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


.top-nav>ul>li>a.btn-drpdwn {
    display: none;
    padding: 0px;
}

.top-nav ul li.dropdown-parent {
    overflow: hidden;
    vertical-align: top;
}

.top-nav ul li.dropdown-parent:hover {
    overflow: inherit;
}

.top-nav ul li.dropdown-parent:hover .dropdown:before {
    content: "\f0d8";
    font-family: FontAwesome;
    position: absolute;
    font-size: 30px;
    left: 11%;
    top: -17px;
    color: var(--webmaverickscolor);
}

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

.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: #2a4585;
  background: -moz-linear-gradient(left, #2a4585 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, #2a4585 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, #2a4585 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4585', endColorstr='var(--webmaverickscolor)', 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: #2a4585;
  background: -moz-linear-gradient(left, #2a4585 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, #2a4585 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, #2a4585 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4585', endColorstr='var(--webmaverickscolor)', 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: var(--webmaverickscolor);
  background: -moz-linear-gradient(left, var(--webmaverickscolor) 34%, #67b636 100%);
  background: -webkit-linear-gradient(left, var(--webmaverickscolor) 34%,#67b636 100%);
  background: linear-gradient(to right, var(--webmaverickscolor) 34%,#67b636 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--webmaverickscolor)', endColorstr='#67b636',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: var(--webmaverickscolor);
  background: -moz-linear-gradient(left, var(--webmaverickscolor) 34%, #67b636 100%);
  background: -webkit-linear-gradient(left, var(--webmaverickscolor) 34%,#67b636 100%);
  background: linear-gradient(to right, var(--webmaverickscolor) 34%,#67b636 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--webmaverickscolor)', endColorstr='#67b636',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: var(--webmaverickscolor);
  font-size: 21px;
  color: var(--webmavericksred);
}
.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: #7ec64d;
  background: -moz-linear-gradient(left, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, #7ec64d 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='var(--webmaverickscolor)', 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;
}
.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;

}
.wework-txt {
  padding-top: 55px;
}
.wework-txt h3 {
  color: var(--webmaverickscolor);
  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: #77c550;
  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 var(--webmaverickscolor);
  padding: 9px 8px 11px 57px;
  display: block;
  border-radius: 32px;
  font-size: 20px;
  line-height: .85em;
  color: var(--webmaverickscolor);
  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: #7ec64d;
  background: -moz-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: -webkit-linear-gradient(left, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
  background: linear-gradient(to right, var(--webmaverickscolor2) 0%, var(--webmaverickscolor) 65%, var(--webmaverickscolor) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='var(--webmaverickscolor)', 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: var(--webmaverickscolor);
}
.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: var(--webmaverickscolor);
  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 var(--webmaverickscolor2);
  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: var(--webmaverickscolor2);
}
.draw-line ul.dot li .dots.dot-3 {
  left: 895px;
  top: 6px;
  border-color: var(--webmaverickscolor2);
}
.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: #00000094;
  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;
  max-height: 90vh;
  background: #FFF;
  margin: auto;
  border-radius: 18px;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.popup-inner .ovrflw-hdden {
    height: 100%;
    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: var(--webmaverickscolor);
    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: var(--webmaverickscolor);
    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: var(--webmaverickscolor);
    right: -10px;
    top: -10px;
    border: 1px solid var(--webmaverickscolor);
    border-radius: 41px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.industry-portf1 li {
    display: inline-block;
    width: 33%;
}

.lppopup-bdy h3 {
  font-size: 24px;
    color: #6cba35;
    font-weight: 700;
    margin-top: 0;
}
.lppopup-bdy p {
  font-size: 13px;
    color: #2d2d2d;
    font-weight: 500;
    line-height: 1.4em;
}
.popupform-box.lppopup-bdy {
    padding: 0 35px;
}
.lppopup-bdy .frmicon-box {
    position: relative;
    margin: 0 0 12px;
}
.lppopup-bdy input, 
.lppopup-bdy select {
    padding: 12px 12px !important;
    border: 1px solid #e1e1e1 !important;
    background: #fff !important;
}
.lppopup-bdy .phonecode #countrycode, 
.lppopup-bdy .phonecode #popupcountrycode, 
.lppopup-bdy .phonecode #animationcountrycode {
    width: 20%;
    border-right: none !important;
    padding-right: 0 !important;
}
.lppopup-bdy .phonecode #phoneNum, 
.lppopup-bdy .phonecode #phoneNum2, 
.lppopup-bdy .phonecode #phoneNum3 {
    width: 80% !important;
  border-left: none !important;
}
.lppopup-bdy .popup-btn, 
.lppopup-bdy .text-right .popup-btn {
    width: 100%;
    border-radius: 0;
    height: 45px;
  margin: 12px 0 0;
}
.lppopup-shadow .popup-inner:before {
    height: 20px;
}
.lppopup-bdy .newcountrycode span {
    right: 24px;
    top: 17px;
  left:auto;
}


.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: var(--webmaverickscolor);
}
.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: var(--webmaverickscolor);
}
.mob-call-icon {
  display: none;
}
.phonecode #countrycode, .phonecode #popupcountrycode, .phonecode #animationcountrycode {
  width: 20%;
  float: left;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.phonecode #phoneNum, .phonecode #phoneNum2, .phonecode #phoneNum3 {
  width: 80% !important;
  float: left;
}
.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:var(--webmaverickscolor);
}

.newuptownloader {
    background: url(https://www.uptownlogodesign.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: var(--webmaverickscolor);
  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: var(--webmaverickscolor);
}

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

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

.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: 18px 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: #dfecf6;
    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: var(--webmavericksred);
    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 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: #ffffff;
    font-size: 19px;
    padding: 19px 26px;
    background: #6dbb32;
    text-transform: capitalize;
    border: none;
    font-weight: 600;
    margin-top: 35px;
}

.top-nav ul li.dropdown-parent>a:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
    color: rgba(255, 255, 255, 0.2);
}






/************* Country lp style start ****************/
.countrylps header {
  background: none;
  box-shadow: none;
}
.countrylps .ban-txt h1 {
  font-size:49px;
}
.countrylps .ban-txt h4 {
  font-size: 25px;
  color: #fff;
  margin-bottom: 8px;
}
.countrylps .ban-txt p {
  z-index: 2;
  position: relative;
  color: #fff;
  font-size: 17px;
  margin-bottom: 19px;
  -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;
}
.countrylps .ban-txt li {
  color: #fff;
      margin-top: 9px;
}
.countrylps .hdr-top-links ul li a {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
}
.countrylps .hdr-top-links ul li a i {
  top: 3px;
}
.countrylps .portfolio-box li {
  padding: 0;
}
.countrylps .portfolio-box li a {
  border: 0;
}
.countrylps .portfolio-box li a span {
  display:none;
  border: 0;
}
.countrylps .portfolio-box li a:hover > img {
  transform: scale(1);
  width:100%;
}
.countrylps .portfolio-box li a:hover {
  transform: scale(1.12);
  z-index:2;
  border:7px solid #fff;
  transition-duration: .3s;
  box-shadow: #00000075 0 0 50px;
}
.countrylps .portfolio-slide {
  margin-top: 30px;
}
.countrylps ul.features-ul li {
  display: inline-block;
    padding: 10px 15px;
    width: 16%;
}
.countrylps .banner-pic .hover-effect-bann {
  background-size: 100% !important;
}
.countrylps header.stick {
  background: rgba(0,0,0,0.9);
}

.countrylps .ban-txt a {
  position: relative;
  z-index: 1;
  background: #ed1c24;
  padding: 14px 80px;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 21px;
  margin-top: 13px;
  border-radius: 5px;
  border: 2px solid #ed1c24;
  -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;
}
.countrylps .ban-txt a:hover {
  background: none;
  color: #fff;
  border: 2px solid #fff;
}
.countrylps .popup-headers h3 {
  font-family: 'Titillium Web', sans-serif;
  display: block;
  font-size: 27px;
  font-weight: 700;
  color: var(--webmaverickscolor);
  margin: 0;
  text-transform: capitalize;
  min-height: 35px;
}
.countrylps .popup-headers p {
  font-size: 16px;
  color: #000000;
  font-family: 'Titillium Web', sans-serif;
  margin: 0;
  text-transform: capitalize;
  line-height: 19px;
  font-weight: 400;
  min-height: 30px;
}
.countrylps .popup-headers {
  border-radius: 0 20px 0 0;
  padding: 10px 0 10px 36px;
  position: relative;
}

.countrylps header.stick .top-info-links li+li {
  display: none;
}
.countrylps header.stick .top-info-links li+li+li {
  display: inline-block;
}

.countrylps header.stick .logo img {
  width: 120px;
margin: 0 auto;
}
.countrylps header.stick .hdr-top-links {
  display: block;
}
.countrylps header .getstarted a {
  display:none;
  
}
.countrylps header.stick .getstarted a {
  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: #8235b2;
  padding: 0.75em 1.4em;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;

  display: inline-block;
  color: #FFF !important;
  padding: 8px 1.4em;
  font-size: 15px;
}
.countrylps .inthemedia-sec ul {
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
.countrylps .inthemedia-sec li {
  border-top: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  overflow: hidden;
  background: #fff;
}
.countrylps .inthemedia-sec li img {
  width:100%;
}
.countrylps .popup-bdy select#popupformcountry {
  margin-left: 25px;
  padding-left: 0;
  width: 89%;
}

.countrylps .popup-layout .popup-inner input[name="subscribe"] {
  width: 14px;
  float: left;
  margin-top: 1px;
  height:14px;
  display:block;
}
.countrylps .subcr-check{
    padding:20px 0 0;
}
.countrylps .subcr-check label {
  padding-left: 20px;
    line-height: 1.4em;
    font-weight: normal;
    font-size: 12px;
}
.countrylps .info-pic {
  margin:0 auto;
}
.countrylps ul.features-ul li h5 {
    font-size: 15px;
    color: #2b2b2b;
    font-weight: 600;
    margin-bottom: 7px;
}
.countrylps ul.features-ul li:after {
  display:none;
}
.countrylps ul.features-ul li p {
    font-size: 13px;
    line-height: 19px;
}
.countrylps section.sec-pad .features-ul img {
    width: auto;
    margin: 0 auto;
}


.lp-getstarted {
  background:#f7f7f7;
  background-size: cover;
}
.lp-ftr-form {
    padding: 72px 0;
}
.lp-ftr-form input[type="text"], 
.lp-ftr-form input[type="email"], 
.lp-ftr-form input[type="tel"], 
.lp-ftr-form select, 
.lp-ftr-form textarea {
  width: 100%;
    border: 1px solid #eaeaea;
    padding: 12px 16px;
    font-size: 13px;
    height: 51px;
    margin-bottom: 18px;
    border-radius: 9px;
}
.lp-ftr-form textarea {
  height:170px;
  resize:none;
}
.lp-ftr-form input[type="submit"] {
  background: var(--webmaverickscolor);
    border: none;
    padding: 15px 22px;
    font-size: 16px;
    color: #fff;
  border-radius: 9px;
}
.nopad {
  padding:0;
}
.map-rale {
  position:relative;
}
.map-add-box {
  background: #fff;
    display: block;
    padding: 22px;
    margin: 15px 0;
}
.map-add-box h4 {
    font-size: 20px;
    color: #67b636;
    margin: 0;
}
.map-add-box h4 span{
  display: block;
    color: #343434;
    font-size: 16px;
    padding-top: 3px;
    text-transform: capitalize;
}
.map-add-box ul li {
    position: relative;
    padding-left: 25px;
    margin-top: 9px;
}
.map-add-box ul {
  margin:17px 0 0 0;
}
.map-add-box ul li, 
.map-add-box ul li a {
    color: #777777;
}
.map-add-box ul li i {
  position:absolute;
  top:4px;
  left:0;
  color:#68b535;
}
.lpgetstarted-flag {
    float: right;
    margin-top: 6px;
}
.map-add {
    border-left: 1px solid #ffffff26;
    padding: 0 0 78px 33px;
    margin-top: 72px;
}
.lp-getstarted .sec-hd {
  color:#fff;
}
.lp-ban-pic {
    position: absolute;
    bottom: 0;
    right: 0;
}
.lp-include-sec {
}
.lp-include-sec li {
    display: inline-block;
    width: 280px;
    text-align: center;
    vertical-align: top;
    padding: 20px;
    margin: 0 0 10px;
}

.lp-include-sec li p {
    font-size: 14px;
    color: #313036;
    margin: 0px;
}

.lp-include-sec li h4 {
    min-height: 50px;
    max-height: 50px;
}

.lp-include-sec li i.sprite-icn {
    margin: 0 0 20px;
    display: block;
}

.lp-include-sec .sprite-icn:before {
    content: "";
    background-image: url('../images/lps/web/sprite.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.lp-include-sec .icn-1:before {
    background-position: -5px -5px;
    width: 68px;
    height: 65px;
}

.lp-include-sec .icn-2:before {
    background-position: -95px -5px;
  width: 70px;
  height: 65px;
}

.lp-include-sec .icn-3:before {
    background-position: -187px -5px;
  width: 69px;
  height: 65px;
}

.lp-include-sec .icn-4:before {
    background-position: -278px -5px;
  width: 69px;
  height: 65px;
}

.lp-include-sec .icn-5:before {
    background-position: -369px -5px;
  width: 69px;
  height: 65px;
}

.lp-include-sec .icn-6:before {
    background-position: -5px -83px;
  width: 70px;
  height: 65px;
}

.lp-include-sec .icn-7:before {
    background-position: -95px -83px;
  width: 69px;
  height: 65px;
}

.lp-include-sec .icn-8:before {
    background-position: -187px -83px;
  width: 69px;
  height: 65px;
}


.lp-faqsmedia-sec .faq-body {
    display: none;
    margin: 16px 0 0;
}
.lp-faqsmedia-sec .faqs-ul li {
    transition: all 0.4s ease;
    border: 1px solid #d6d6d6;
    margin: 0 0 20px;
    padding: 14px 20px;
    cursor: pointer;
}
.lp-faqsmedia-sec .faq-head h4 {
    font-size: 17px;
    color: #878787;
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding-right: 25px;
    line-height: 1.45em;
    margin: 0;
    font-weight: 400;
}
.lp-faqsmedia-sec .faq-body p {
    font-size: 14px;
    margin: 0px;
}
.lp-faqsmedia-sec .faqs-ul li.active {
    background: #2d2d2d;
    border: 1px solid #2d2d2d;
}
.lp-faqsmedia-sec .faq-head h4:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    font-size: 25px;
    transform: rotate(-91deg);
    top: -4px;
    transition: all 0.4s ease;
}
.lp-faqsmedia-sec .faqs-ul li.active .faq-head h4, 
.lp-faqsmedia-sec .faqs-ul li.active .faq-body p {
    color: #FFF;
}
.lp-faqsmedia-sec .faqs-ul li.active .faq-head h4:after {
    transform: rotate(0deg);
}

.lp-faqsmedia-sec .media-logos li {width: 50%;height: 130px;display: flex;align-items: center;justify-content: center; border-bottom: 1px solid #c7c7c7;}
.lp-faqsmedia-sec .media-logos {display: flex;flex-flow: wrap;position: relative;}
.lp-faqsmedia-sec .media-logos li figure img {
    opacity: 0.4;
    filter: grayscale(1);
    transition: all 0.4s ease;
}
.lp-faqsmedia-sec .media-logos li:hover figure img {
    filter: grayscale(0);
    opacity: 1;
}
.lp-faqsmedia-sec .media-logos:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #a8a8a8;
    margin: auto;
}
.lp-faqsmedia-sec .media-logos li:nth-child(7n), 
.lp-faqsmedia-sec .media-logos li:last-child {
    border-bottom: 0px;
}

.bg-grey {
    background: #ededed !important;
}

/************* Country lp style end ******************/



.side-bar-sm-frm {
    position: fixed;
    z-index: 999;
    top: 22%;
    right: -376px;
    transition: all 0.4s ease;
    display: none;
}

.side-bar-sm-frm.rght-open.openfrm {
    display: inline-block;
}

.side-body .field input, .side-body .field select, .side-body .field textarea {
    width: 100%;
    padding: 5px;
    font-size: 15px;
}

.side-body {
  padding: 33px 20px 32px 80px;
    background: #f9f9f9;
    box-shadow: 0 0 10px 2px #00000052;
    width: 431px;
}

.side-body .row {
    margin: 0px;
}

.side-body .field {
    margin: 0 0 13px;
    position: relative;
    overflow: hidden;
}

.side-head {
  background: #000;
    padding: 12px 0;
    font-family: 'Titillium Web', sans-serif;
    color: #FFF;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    position: absolute;
    left: -161px;
    top: 160px;
    margin: auto;
    transform: rotate(-90deg);
    text-align: center;
    width: 377px;
    cursor: pointer;
    height: 56px;
}
.side-head strong {
    color: var(--webmaverickscolor2);
    font-size: 32px;
}
.side-head span {
  display: inline-block;
    padding: 16px;
    background: var(--webmaverickscolor2);
    position: absolute;
    top: 0;
    right: 0;
}

.side-body input[type="submit"] {
    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;
    padding: 7px 50px;
    border-radius: 32px;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0px;
}

.side-body .field select {
    padding: 7px 7px 7px 29px;
    height: 39px;
}

.side-body .field span {
    left: 6px;
    top: 15px;
}

.side-body .field .col-lg-10 {
    padding-right: 0;
}

.side-bar-sm-frm.rght-open.active {
    right: 0;
    z-index: 11111;
}

.side-bar-sm-frm.lft-open {
    right: initial;
    left: -376px;
}

.side-bar-sm-frm.lft-open .side-head {
    right: -535px;
    width: 296px;
    top: 120px;
    background: #ffae00;
    color: #000;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 22px;
    text-transform: capitalize;
    text-align: left;
    padding: 16px 14px;
}

.side-bar-sm-frm.lft-open .side-head i {
    display: inline-block;
    padding: 16px;
    background: #373c33;
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    height: 100%;
    transform: rotate(-180deg);
}

.side-bar-sm-frm.lft-open .side-body {
    padding: 24px 80px 24px 20px;
}

.side-bar-sm-frm.lft-open.active {
    left: 0px;
    z-index: 11111;
}

.side-bar-sm-frm.lft-open.openfrm {
    display: block;
}

.ban-txt a {
    position: relative;
    z-index: 1;
}
.purple-ban-btn {
  position: relative;
    z-index: 1;
    background: #8235b2;
    padding: 14px 28px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 19px;
    margin-top: 13px;
    border-radius: 5px;
    border: 2px solid #8235b2;
    -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);
    font-weight: 600;
    margin-top: 20px;
  
  animation-iteration-count: 1;
    animation-name: tada;
    animation-duration: .9s;
    animation-fill-mode: both;
  animation-delay: 1.6s;
}
.purple-ban-btn:hover {
  animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
  animation-delay: 0.1s;
}

.side-bar-sm-frm.rght-open .side-body {
    padding: 16px 20px 16px 80px;
}

.rght-open .side-body .field input,.rght-open .side-body .field select,.rght-open .side-body .field textarea {
    padding: 5px;
}

.rght-open .side-body select.countrylist {
    padding: 5px 5px 5px 29px;
    height: 32px;
}

.rght-open .side-body span {
    top: 12px;
}

.side-body h5 {
    margin: 0 0 10px;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}


#popup-layout-lead .popup-header h3 {
  font-size: 27px;
    margin-bottom: 8px;
}


/* .portf-hdden-mn {
    display: none;
} */

.portfolio-box li+li+li+li+li+li+li+li+li+li {display: none;}

.portf-load-btn {
    background: #717171;
    padding: 16px 50px;
    font-size: 20px;
    letter-spacing: 0.4px;
    position: relative;
    box-shadow: 0 3px 11px 1px #00000040;
    transition: all 0.4s ease;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    color: #FFF;
}



/* tabbing */

  ul.tab-port-v2 {
      text-align: center;
      margin: 0 0 20px;
  }

  ul.tab-port-v2 li {
      display: inline-block;
      margin: 0 6px;
  }

  ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
      background: var(--webmaverickscolor);
      color: #FFF;
  }

  .tab-pack-box .tab-port-v2-cnt .tab-pack {
      display: inline-block;
  }

  .tab-port-v2-cnt ul.pack-list li.slick-slide {
      background: #FFF;
      border: 1px solid #0000002e;
      padding: 20px 10px 0;
      margin: 0 10px;
      border-radius: 8px;
        position: relative;
  }
  .tab-port-v2-cnt ul.pack-list li.slick-slide i img {
    margin: 0 auto;
    width: 130px;
    margin-bottom: 10px;
  }

  ul.tab-port-v2 li a {
  display: block;
  padding: 13px 20px;
  border: 1px solid var(--webmaverickscolor);
  color: var(--webmaverickscolor);
  border-radius: 4px;
  /* transition: all 0.4s ease; */
  min-width: 200px;
  font-size: 18px;
  }

  .tab-port-v2-cnt {
      display: none;
  }

  .tab-port-v2-cnt.active {
      display: block;
  }
  .hmetabs .slick-next.slick-arrow {
    right: -39px;
  }
  .hmetabs .less-offer-pack {
    display:none;
    
  }

/* tabbing */


.refundpage ol {
  margin-bottom:30px;
}
.refundpage .sec-hd {
  margin-bottom:25px;
  
}
.greenbox {
    background: var(--webmaverickscolor);
    padding: 18px;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;

    color: #fff;
    margin-bottom: 40px;
}
.refundpage ol li {
  margin: 0 0 0px 20px;
    padding-left: 48px;
    min-height: 59px;
    padding-top: 16px;
}
.refundpage ol li+li {
  border-top:1px solid #ccc;
}
.refund-con-box h3 {
    font-size: 24px;
    color: var(--webmaverickscolor);
    margin-top: 0;
}
.refund-con-box-container {
  border: 1px solid #c7c7c7;
    height: 410px;
    padding: 25px 15px 25px 25px;
    border-radius: 9px;
}
.refund-con-box {
  overflow-y: scroll;
  height: 350px;
  font-size:13px;
}
.refund-con-box li {
  list-style:disc;
  margin:0 18px;
}


.deci-bullets li {
  list-style:none !important;
  margin-left:0 !important;
  position:relative;
}
ol.deci-bullets li i {
  background: white;
    width: 35px;
    display: block;
    border-radius: 36px;
    border: 2px solid var(--webmaverickscolor);
    text-align: center;
    height: 35px;
    font-size: 18px;
    padding-top: 4px;
    position: absolute;
    top: 11px;
    left: 0;
}



ul.dropdown li figure {
    position: relative;
}

ul.dropdown li figure img {
    width: 100%;
}

ul.dropdown li figcaption h6 {
    font-size: 15px;
    color: #1c1c1f;
    line-height: 1.3;
    font-weight: 600;
}

ul.dropdown li figcaption {
    position: absolute;
    top: 0px;
    left: 11px;
}

header.stick .top-nav>ul>li>a:after {
    color: #35353570;
}




/* Main Banner 3 */

.mn-bann3 .slide {
    display: flex;
    height: 750px;
    align-items: center;
    padding-top: 89px;
    background-size: cover;
}

.mn-bann3 h3 {
    font-size: 67px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -1px;
    text-align: center;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
}

.mn-bann3 h3 span {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.08;
    letter-spacing: -0.36px;
    text-align: center;
    color: #ffffff;
    display: none;
}

.mn-btn2 {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    border-radius: 27.5px;
    background-color: #1821f4;
    border: 2px solid #1821f4;
    padding: 14px 50px;
    text-transform: uppercase;
}
.mn-btn2:hover {
  background-color: #ffffff9c;
  color: #2229e3;
}

.web-busness-ul .icn-web-busn-1:before {
    background-position: -20px -2099px;
    width: 32px;
    height: 30px;
}

.web-busness-ul .icn-web-busn-2:before {
    background-position: -69px -2099px;
  width: 32px;
  height: 30px;
}

.web-busness-ul .icn-web-busn-3:before {
    background-position: -121px -2099px;
  width: 32px;
  height: 30px;
}

.web-busness-ul .icn-web-busn-4:before {
    background-position: -177px -2099px;
  width: 32px;
  height: 30px;
}

.web-busness-ul .icn-web-busn-5:before {
    background-position: -233px -2099px;
  width: 32px;
  height: 30px;
}

.web-busness-ul .icn-web-busn-6:before {
    background-position: -289px -2099px;
  width: 32px;
  height: 30px;
}

.web-busness-ul .icn-web-busn-7:before {
    background-position: -344px -2099px;
  width: 32px;
  height: 30px;
}

.web-busness-ul .icn-web-busn-8:before {
    background-position: -396px -2099px;
  width: 32px;
  height: 30px;
}

ul.web-busness-ul li i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 11px 0 0;
}

ul.web-busness-ul li {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    display: inline-block;
    width: 40%;
    margin: 0 0 13px;
}

.web-business-sec {
    /*background: #f1f2f6;*/
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: url(../images/web-bus-sec-bg.png) no-repeat right bottom #FFF;
    background-size: 30%;
    padding: 80px 0;
}

.web-busnss-tb-cnt {
    display: none;
}

.web-busnss-tb-cnt.active {
    display: block;
}

ul.web-busnss-tb li a.active {
    color: var(--webmavericksred);
    font-weight: 600;
}

.sideimg-web {
    position: absolute;
    left: -90px;
    top: 0;
    z-index: -1;
}

ul.portf-templ-ul li {
    display: inline-block;
    margin: 13px;
    width: 31%;
    text-align: center;
}

ul.portf-templ-ul li a {
    display: block;
}

ul.portf-templ-ul h6 {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
  display:none;
}

ul.portf-templ-ul h6 span {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    display: block;
}

ul.portf-templ-ul img {
    max-width: 100%;
}

/* Main Banner 3 */


.lp-hdr-ftr header.stick {
    padding: 0px;
}

.lp-hdr-ftr header.stick .hdr-top-links {
    padding: 6px 0;
}

.lp-hdr-ftr .hdr-top-links ul li a {
    padding: 5px 13px;
}

.lp-hdr-ftr .hdr-top-links ul li a i {
    color: #052e8f;
    opacity: 1;
}

.bann-btm-logos-sldr-js ul {
    min-height: 130px !important;
    margin: 0px;
}

ul.bann-btm-logos01 {
    padding: 26px 0;
}

.p-page .portf-load-btn {
  display:none !important;
}






@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: var(--webmaverickscolor);
    }

    .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) {
  .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: #000000fc;
      height: 100vh;
      width: 224px;
      padding: 0px !important;
      transition: all 0.4s ease;
      z-index: 1111;
  }

  .top-nav.responsive.active li.active_nav a {
      color: var(--webmaverickscolor);
  }

  .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 #ffffff17;
  }

  .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.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;
    padding: 4px 0 7px;
  }

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

  a.nav-btn{
    display: block !important;
      line-height: 31px;
      position: fixed;
    
    padding: 2px 8px;
      top: 13px;
  }


  .top-nav li.active_nav a {
    color: var(--webmaverickscolor);
  }

  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 a {
      padding: 7px 13px;
      font-size: 13px;
      margin: 0 0 0;
  }

  .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: 30px 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;
    border-left: none;
  }

  .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;
  }

  .top-nav.responsive li a {
      padding: 10px;
      display: inline-block;
  }

  .top-nav ul li.dropdown-parent>a:after {
      display: none;
  }

  .top-nav>ul>li>a.btn-drpdwn {
      display: inline-block;
      width: 18%;
      padding: 12.9px 12px;
  }

  .top-nav.responsive>ul>li:last-child>a {
      border: 0px;
      background: transparent;
  }

  .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: 32px;
  }

  .sec-hd span {
    font-size: 17px;
    line-height: 1.6em;
  }

  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: 13px;
  }

  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 8px;
  }

  .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 20px;
  }

  .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: 15px 31px 15px 5px;
      font-size: 16px;
      border-width: 1px;
      line-height: 1.4em;
  }

  .faq-accord h4.ui-state-active:after, .faq-accord h4:after {
      top: 18px;
      font-size: 17px;
  }

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

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

  .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;
  }




  .hdr-top-links ul li:first-child {
      display: none;
  }

  ul.top-info-links {
      padding: 0px;
  }

  .mn-bann3 h3 {
      font-size: 26px;
      line-height: 1.2;
      font-weight: 500;
  }

  .mn-bann3 h3 span {
      font-size: 13px;
      line-height: 1.5;
      margin: 5px 0 0;
      empty-cells:;
  }

  .mn-bann3 .slide {
      height: 430px;
  }

  .top-nav ul li ul.dropdown {
      position: initial;
      width: 100%;
      opacity: 1;
      padding: 0;
      background: transparent;
      border: 0px;
      display: none;
      visibility: initial;
  }

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

  ul.dropdown li:first-child {
      display: none;
  }

  .top-nav li ul.dropdown li a {
      width: 100%;
      padding: 4px 17px;
      color: #FFF !important;
      font-weight: 300 !important;
      font-size: 13px;
  }

  header ul.dropdown li a:before {
      right: 12px;
      color: #ffffff8a;
  }

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

  .top-nav ul li.dropdown-parent {
      overflow: initial !important;
  }



}

@media (max-width:480px) {
  .sm-hd {
    font-size: 25px !important;
    line-height: 1.1em !important;
    font-weight: 600 !important;
  }

  .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: var(--webmaverickscolor);
}

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: var(--webmaverickscolor);
}

.green-cta h3.sec-hd.white-colr {
    color: #FFF;
}

.blue-btn.white-btn {
    background: #FFF;
    color: #262626;
    font-size: 20px;
    padding: 13px 50px;
}







/* Package V2 */

.packg-v2 {
   /*background: #FFF;*/
    /* padding: 40px 60px; */
    /* border-radius: 10px; */
    /* box-shadow: 0 0 30px 10px #00000030;*/
}

.pkg-tb-v2 ul {
    display: flex;
}

.pkg-tb-v2 ul li {
    width: 100%;
    border: 1px solid #dddddd;
    padding: 20px 10px 20px 60px;
    display: block;
    position: relative;
    transition: all 0.4s ease;
}


.pkg-tb-v2 ul li a {
    font-size: 15px;
    font-weight: 700;
    color: #333333;
    line-height: 16px;
}

.pkg-tb-v2 ul li a span {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.pkg-tb-v2 ul li a em {
    font-size: 14px;
    color: #70bd36;
    font-weight: 400;
    vertical-align: middle;
}

.pkg-tb-v2 ul li:before {content: "";width: 28px;height: 28px;display: block;background: #FFF;border: 1px solid #000;border-radius: 100%;position: absolute;left: 17px;top: 0;bottom: 0;margin: auto;transition: all 0.4s ease;}

.pkg-tb-v2 ul li.active, .pkg-tb-v2 ul li:hover {
    background: #70bd36;
}

.pkg-tb-v2 ul li.active:before, , .pkg-tb-v2 ul li:hover:before {
    border-color: #FFF;
}

.pkg-tb-v2 ul li:after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: #FFF;
    border-radius: 100%;
    position: absolute;
    left: 23px;
    top: 0;
    bottom: 0;
    transform: scale(0);
    margin: auto;
    transition: all 0.4s ease;
}

.pkg-tb-v2 ul li.active:after, .pkg-tb-v2 ul li:hover:after {
    background: #000;
    transform: scale(1);
}

.pkg-tb-v2 ul li.active a, .pkg-tb-v2 ul li:hover a{
  color: #FFF;
}

.pkg-tb-v2 ul li.active a em, .pkg-tb-v2 ul li:hover a em{
  color: #000;
}

.pkg-detail-v2 h4 {
    font-size: 24px;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.pkg-detail-v2 ul li {
    font-size: 13px;
    color: #666666;
    border-bottom: 1px solid #ececec;
    padding: 5px 0px 5px 20px;
    position: relative;
    line-height: 18px;
}

.pkg-detail-v2 ul li:before {content: "\f00c";font-family: FontAwesome;position: absolute;left: 0px;top: 5px;color: var(--webmaverickscolor);}

.pkg-detail-v2 ul li:first-child {
    border-top: 1px solid #ececec;
}

ul.pkg-mn-v2 {
    display: flex;
}

ul.pkg-mn-v2 li {
    width: 100%;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 10px;
    padding: 24px;
    position: relative;
    margin: 0 12px;
}

.best-deal {
    background: #fe5501;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    padding: 5px 20px;
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 120px;
}

ul.pkg-mn-v2 h4 {
    font-size: 24px;
    color: #333333;
    font-weight: 600;
    line-height: 26px;
    margin: 10px 0 13px;
}

ul.pkg-mn-v2 p {
    font-size: 15px;
    color: #666666;
    line-height: 19px;
    font-weight: 500;
    margin: 0 0 16px;
}

ul.pkg-mn-v2 figure {
    margin: 13px 0 15px;
}

.pkg-price-v2 {
    font-size: 76px;
    color: #191919;
    font-weight: 700;
    line-height: 60px;
}

.pkg-price-v2 span {
    display: inline-block;
    font-size: 17px;
    color: #b6b6b6;
    line-height: 20px;
}

.pkg-price-v2 em {
    font-size: 44px;
    position: relative;
    top: -24px;
    font-weight: 700;
}

.pkg-price-detail-v2 {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    margin: 0 0 11px;
}

.pkg-price-detail-v2 span {
    color: #70bd36;
    display: block;
}

.pkg-cta-v2 {
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    margin: 14px 0 0;
}

.pkg-cta-v2 a {
    display: inline-block;
    color: var(--webmaverickscolor);
}

ul.pkg-mn-v2 li:first-child {
    margin-left: 0px;
}

ul.pkg-mn-v2 li:last-child {
    margin-right: 0px;
}

.pkg-detail-v2 a {
    display: block;
    background: #fe5501;
    border-radius: 40px;
    font-size: 13px;
    color: #FFF;
    font-weight: 700;
    padding: 12px 14px 12px 82px;
    position: relative;
    margin: 20px 0 0;
}

.pkg-detail-v2 a img {
    position: absolute;
    left: 20px;
    top: -10px;
}

.pkg-tbcontent-v2{
  display: none;
}

.pkg-tbcontent-v2.active{
  display: block;
}

.pkg-tbcontent-v2 .pack-list > li {
    width: 33%;
}

ul.includ-pkg-ul li {
    display: inline-block;
    width: 280px;
    text-align: center;
    vertical-align: top;
    padding: 20px;
    margin: 0 0 10px;
}

ul.includ-pkg-ul li i.sprite-icn {
    margin: 0 0 20px;
    display: block;
}

ul.includ-pkg-ul li i.sprite-icn:before {
    content: "";
    background-image: url(../images/website-design-lp/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sm-hd {
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    line-height: 25px;
    margin: 0 0 10px;
}

ul.includ-pkg-ul li i.icn-1:before {
    background-position: -5px -5px;
    width: 68px;
    height: 65px;
}

ul.includ-pkg-ul li i.icn-2:before {
    background-position: -95px -5px;
  width: 70px;
  height: 65px;
}

ul.includ-pkg-ul li i.icn-3:before {
    background-position: -187px -5px;
  width: 69px;
  height: 65px;
}

ul.includ-pkg-ul li i.icn-4:before {
    background-position: -278px -5px;
  width: 69px;
  height: 65px;
}

ul.includ-pkg-ul li i.icn-5:before {
    background-position: -369px -5px;
  width: 69px;
  height: 65px;
}

ul.includ-pkg-ul li i.icn-6:before {
    background-position: -5px -83px;
  width: 70px;
  height: 65px;
}

ul.includ-pkg-ul li i.icn-7:before {
    background-position: -95px -83px;
  width: 69px;
  height: 65px;
}

ul.includ-pkg-ul li i.icn-8:before {
    background-position: -187px -83px;
  width: 69px;
  height: 65px;
}

.mn-hd2 {
    font-size: 39px;
    color: var(--webmaverickscolor);
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 20px;
}

.mn-hd2 span {
    display: block;
    font-size: 20px;
    color: #282828;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.pkg-price-v2 h4 {
    font-size: 76px !important;
    font-weight: 700 !important;
    text-transform: initial;
}

.portfv2-sec ul.portf-ul {
    text-align: center;
}

.portfv2-sec ul.portf-ul li {
    display: inline-block;
    width: 26.7%;
    margin: 0 30px 70px;
    padding: 0;
    transition: all 0.4s ease;
}

.portfv2-sec ul.portf-ul li figure {
    overflow: hidden;
    height: 370px;
    border: 1px solid #d1d1d1;
    transition: all 0.4s ease;
}

.portfv2-sec ul.portf-ul li img {
    transition: all 5s 0.6s ease;
    transform: translateY(0%);
    width: 100%;
}

.portfv2-sec ul.portf-ul li:hover {
    transform: scale(1.1);
}

.portfv2-sec ul.portf-ul li:hover img {
    transform: translateY(-48%);
}

.portfv2-sec .mn-btn {
    background: #717171;
    padding: 16px 50px;
    font-size: 20px;
    letter-spacing: 0.4px;
    position: relative;
    box-shadow: 0 3px 11px 1px #00000040;
    transition: all 0.4s ease;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    color: #FFF;
}

.ds-loadmore {
    display: none;
}

.portfv2-sec ul.tab-filter {
    text-align: center;
    margin: 0 0 20px;
}

.portfv2-sec ul.tab-filter li {
    display: inline-block;
    margin: 0 6px;
}

.portfv2-sec ul.tab-filter li.current a, .portfv2-sec ul.tab-filter li:hover a {
    background: var(--webmaverickscolor);
    color: #FFF;
}

.portfv2-sec ul.tab-filter li a {
    display: block;
    padding: 13px 20px;
    border: 2px solid var(--webmaverickscolor);
    color: var(--webmaverickscolor);
    border-radius: 4px;
    transition: all 0.4s ease;
}

.portfv2-sec .tab-content {
    display: none;
}

.portfv2-sec .tab-content.current {
    display: block;
}

section.mn-bann.mn-bann2 {
    padding: 4.7% 0 0;
    background: transparent;
    margin: 0 0 -34px;
}

.mn-bann2 .mn-btn.mn-btn-reverse {
    background: #16a7ff;
}

ul.type-ul.type-ul-js .slick-next.slick-arrow {
    right: -50px;
}

.mn-bann2 .slide {
    display: flex;
    height: 653px;
    align-items: center;
    background: #069ffc;
    padding-top: 55px;
}

.mn-bann2 .mn-web-lp .mn-bann .slide figure figcaption.bann1 {
    width: 306px;
    left: 58px;
}

.mn-bann2 .mn-web-lp .mn-bann .slide figure figcaption.bann2 {
    width: 306px;
    left: 72px;
    border-radius: 0px;
}

.mn-bann2 p.color-red {
    color: #710b15;
}

.mn-bann2 .mn-hd {
    color: #FFF;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    margin: 0 0 20px;
}

.mn-bann2 .mn-hd span {
    display: block;
    font-size: 26px;
    color: #FFF;
    font-weight: 200;
}

.mn-bann2 p {
    font-size: 16px;
    color: #FFF;
    line-height: 25px;
    margin: 0 0 10px;
}

.mn-bann2 strong {
    font-weight: 700;
}

.mn-bann2 .mn-btn {
    background: #f61c27;
    color: #FFF;
    padding: 16px 130px 16px 20px;
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0.4px;
    position: relative;
    box-shadow: 0 3px 11px 1px #00000040;
    transition: all 0.4s ease;
}

.mn-bann2 .mn-btn:hover {
    background: #1488ce;
    transform: scale(1.05);
}

.mn-bann.mn-bann2 .mn-btn.mn-btn-big:hover {
    background: #FFF;
    color: #1488ce;
}

.mn-bann2 .mn-btn.mn-btn-reverse:hover {
    background: #FFF;
    color: #f61c27;
}

.mn-bann2 .mn-btn:after {
    content: "\f1d8";
    font-family: FontAwesome;
    position: absolute;
    right: 30px;
    font-weight: 100;
    font-size: 14px;
}

.mn-bann.mn-bann2 .slide figure figcaption {
    position: absolute;
    width: 306px;
    height: 198px;
    overflow: hidden;
    top: 4px;
    left: 135px;
    border-radius: 7px 7px 0 0;
}

.mn-bann.mn-bann2 .slide figure {
    position: relative;
    opacity: 0;
    transition: all 0.4s 1s ease;
    transform: translateX(-40px)
}

.mn-bann.mn-bann2 .slick-slide figure {
    transform: translateX(-40px);
}

.mn-bann.mn-bann2 .slick-current figure{
  opacity: 1;
    transition: all 1s ease;
    transform: translateX(0px) !important;
}

.mn-bann2 .slide.slide-4 img {
    width: 100%;
}

.mn-bann.mn-bann2 .slide.slide-4 figure figcaption {
    width: 107px;
    height: 144px;
    transform: rotate(-22.5deg);
    left: 240px;
    top: 26px;
    border-radius: 0px;
}

.mn-bann.mn-bann2 .slick-current figure figcaption img {
    -webkit-animation: 4600ms cubic-bezier(.694,0,.335,1) 1200ms forwards scrollScreen;
    animation: 4600ms cubic-bezier(.694,0,.335,1) 1200ms forwards scrollScreen;
}

.mn-bann.mn-bann2 .slide.slide-4 {
    background: #ec182c;
}

.mn-bann.mn-bann2 ul.slick-dots{
  text-align: center;
  position: relative;
  top: -40px;
}
.popularlinks a {
  color:#333;
}
.popularlinks a:hover {
  text-decoration:underline;
}
.popularlinks h4 {
  color: var(--webmaverickscolor);
}
.popularlinks {
    padding-top: 20px;
}




@-webkit-keyframes scrollScreen{
  0%{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
  10%{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
  45%{
    -webkit-transform:translate3d(0,-20%,0);
    transform:translate3d(0,-20%,0)
  }

  to{
    -webkit-transform:translate3d(0,-45%,0);
    transform:translate3d(0,-45%,0)
  }
}

@keyframes scrollScreen{
  0%{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
  10%{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
  45%{
    -webkit-transform:translate3d(0,-20%,0);
    transform:translate3d(0,-20%,0)
  }
  to{
    -webkit-transform:translate3d(0,-45%,0);
    transform:translate3d(0,-45%,0)
  }
}

/* Package V2 */


.portf-load-btn1 {
    background: #717171;
    padding: 16px 50px;
    font-size: 20px;
    letter-spacing: 0.4px;
    position: relative;
    box-shadow: 0 3px 11px 1px #00000040;
    transition: all 0.4s ease;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    color: #FFF;
}

.portfolio-box1 li+li+li+li+li+li+li+li+li+li {
    display: none;
}

ul.portf-templ-ul {
    display: flex;
    flex-flow: wrap;
}















section.bann-video {
    height: 100vh;
    min-height: 500px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.bann-video .video-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-bg:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.67);}

/*.video-bg:after {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000000e3;}*/

.bann-video .video-bg video {
    height: 100vw;
}

.mn-hd3 {
    font-size: 10.4vh;
    font-family: 'Trump Gothic East';
    color: #FFF;
    line-height: 1;
}

.mn-hd3:after {content: "";background-color: #D33F49;height: 4px;width: 40px;display: block;margin: 20px 0;}

section.bann-video p {
    font-size: 17px;
    color: #FFF;
    margin: 0 0 17px;
}

.mn-btn3 {
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 2px;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    padding: 20px 40px;
    background-color: #D33F49;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.mn-btn3:before {
    content: attr(data-text);
    position: absolute;
    transform: translate3d(50%,0,0);
    opacity: 0;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 2px;
    transition: opacity .25s ease,transform .25s ease;
    z-index: 2;
}

.mn-btn3:after {content: "";position: absolute;top: -2px;right: 0;height: 108%;width: 140%;transform: translate3d(100%,0,0) skew(0deg);background-color: #f9a03f;opacity: 0;transition: transform .5s ease,opacity .3s ease;border-radius: 2px;display: block;z-index: 1;}

.mn-btn3:hover:before {
    color: #fff;
    transform: translateZ(0);
    opacity: 1;
}

.mn-btn3:hover:after {
    transform: translate3d(10%,0,0) skew(-20deg);
    opacity: 1;
}

.mn-btn3 .btn-txt {
    position: relative;
    left: 0;
    opacity: 1;
    transition: all .5s ease, opacity 1.0s ease;
}

.mn-btn3:hover .btn-txt {
    left: -130%;
    opacity: 0;
}

.brand-logos-sec {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.brand-logos-sec .container {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 22px 15px;
}

.brand-logos-sec h5 {
    color: #fff;
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 2px;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'Trump Gothic East';
    margin: 10px 0;
}

.brand-logos-sec ul li {
    display: inline-block;
    margin: 0 0 0 40px;
}

.brand-logos-sec ul li img {
    max-width: 137px;
}

.brand-logos-sec ul {
    margin: 0px;
}

.play-video-icn {
    width: 120px;
    height: 120px;
    display: inline-block;
    border: 5px solid #D33F49;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #D33F49;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.4s ease;
    background: #0000;
}

.play-video-icn:hover {
    width: 150px;
    height: 150px;
    border-color: #FFF;
    color: #FFF;
    background: #00000085;
}

.min-play-icn-height {
    height: 100%;
    min-height: 50vh;
}

ul.web-busnss-tb li a {
    font-size: 14px;
    color: #949494;
    text-transform: uppercase;
    display: block;
    padding: 10px 14px;
    position: relative;
    border: 1px solid #00000024;
    margin: 7px 0;
}



ul.web-busnss-tb {
    position: relative;
}

ul.web-busnss-tb li a:after {content: "";width: 7px;height: 7px;background: var(--webmavericksred);position: absolute;right: -3px;top: 0;bottom: 0;margin: auto;border-radius: 100%;opacity: 0;z-index: 1;transition: all 0.4s ease;}

ul.web-busnss-tb li a:hover:after, ul.web-busnss-tb li a.active:after {
    opacity: 1;
}

.web-busnss-tb-cnt h5 {
    font-size: 25px;
    color: var(--webmavericksheading);
    font-weight: 500;
    line-height: 1.8;
}

.web-busnss-tb-cnt h5 span {
    display: block;
    font-size: 16px;
    color: #171717;
    font-weight: 500;
}

.web-busnss-tb-cnt p {
    font-size: 14px;
    color: rgba(23, 23, 23, 0.69);
    margin: 0 0 20px;
}

ul.dots-ul li {
    font-size: 14px;
    color: #171717;
    display: inline-block;
    width: 49%;
    padding: 0 0 0 14px;
    position: relative;
    margin: 0 0 5px 0;
}

ul.dots-ul li:before {content: "";width: 6px;height: 6px;background: #052e8f;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;border-radius: 100%;transition: all 0.4s ease;}

.cta-new ul li .new-cta01:before {
    background-position: -20px -2162px;
    width: 54px;
    height: 54px;
}

.cta-new ul li .new-cta02:before {
    background-position: -95px -2169px;
  width: 41px;
  height: 41px;
}

.cta-new ul li .new-cta03:before {
    background-position: -157px -2167px;
  width: 37px;
  height: 49px;
}

.cta-new ul li .new-cta04:before {
    background-position: -215px -2171px;
  width: 48px;
  height: 42px;
}

.cta-new .hd-btn {
    background: #052e8f;
    padding: 14px 38px;
    display: inline-block;
    color: #FFF;
    position: relative;
}

.cta-new .hd-btn:before {content: "";width: 65%;height: 1px;background: #dfdfdf;position: absolute;left: -270px;top: 0;bottom: 0;margin: auto;}

.cta-new .hd-btn:after {content: "";width: 65%;height: 1px;background: #dfdfdf;position: absolute;right: -270px;top: 0;bottom: 0;margin: auto;}

.cta-new ul li {
    display: inline-block;
    margin: 0 3%;
    position: relative;
    padding: 0 0 0 53px;
}

.cta-new ul li h6 {
    font-size: 16px;
    color: #737373;
    line-height: 1.3;
    margin: 0 0 0;
    text-align: left;
    border-left: 1px solid #e2e2e2;
    padding: 5px 0 5px 14px;
}

.cta-new ul li h6 a {
    display: block;
    font-size: 18px;
    color: #052e8f;
}

.cta-new ul li i {
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    transform: scale(0.8);
}

ul.bann-btm-logos01 li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2%;
}

ul.bann-btm-logos01 {text-align: center;}

ul.bann-btm-logos02 li .bann-btn-icn01:before {
    background-position: -299px -2157px;
    width: 65px;
    height: 65px;
}

ul.bann-btm-logos02 li .bann-btn-icn02:before {
    background-position: -390px -2162px;
  width: 70px;
  height: 58px;
}

ul.bann-btm-logos02 li .bann-btn-icn03:before {
    background-position: -482px -2152px;
  width: 67px;
  height: 70px;
}

ul.bann-btm-logos02 li .bann-btn-icn04:before {
    background-position: -567px -2152px;
  width: 62px;
  height: 68px;
}

ul.bann-btm-logos02 li {
    display: inline-block;
    padding: 0 26px 0 80px;
    position: relative;
    width: 22%;
    text-align: left;
    margin: 0 1%;
    border-right: 1px solid #e5e5e5;
}

ul.bann-btm-logos02 li i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transform: scale(0.9);
}

ul.bann-btm-logos02 li h5 {
    font-size: 48px;
    color: #052e8f;
    font-weight: 500;
    line-height: 1.3;
}

ul.bann-btm-logos02 li h5 span {
    display: block;
    font-size: 13px;
    color: #171717;
}

ul.bann-btm-logos02 {
    text-align: center;
  margin-bottom:0;
}

ul.bann-btm-logos02 li:last-child {
    border: 0px;
    margin-right: 0px;
}

ul.bann-btm-logos02 li:first-child {
    margin-left: 0px;
}

section.bann-btm-logos {
    padding: 15px 0;
    display: flex;
    align-items: center;
    height: 150px;
}

section#web-tb02.web-business-sec {
    background-image: url('../images/web-bus-sec-bg02.png');
}

section#web-tb03.web-business-sec {
    background-image: url('../images/web-bus-sec-bg03.png');
}

section#web-tb04.web-business-sec {

    background-image: url('../images/web-bus-sec-bg04.png');
}

section#web-tb05.web-business-sec {
    background-image: url('../images/web-bus-sec-bg05.png');
}



section#app-tb01.web-business-sec {
    background-image: url('../images/app/ios.png');
}

section#app-tb02.web-business-sec {
    background-image: url('../images/app/android.png');
}
section#app-tb03.web-business-sec {
    background-image: url('../images/app/ar.png');
}
section#app-tb04.web-business-sec {
    background-image: url('../images/app/react.png');
}
section#app-tb05.web-business-sec {
    background-image: url('../images/app/game.png');
}
section#app-tb06.web-business-sec {
    background-image: url('../images/app/cross.png');
}




section#ecom-tb01.web-business-sec {
    background-image: url('../images/web-bus-sec-bg02.png');
}
section#ecom-tb02.web-business-sec {
    background-image: url('../images/web-bus-sec-bg02.png');
}
section#ecom-tb03.web-business-sec {
    background-image: url('../images/web-bus-sec-bg03.png');
}
section#ecom-tb04.web-business-sec {
    background-image: url('../images/app/inventory.png');
}
section#ecom-tb05.web-business-sec {
    background-image: url('../images/app/payment.png');
}


ul.process-points-ul li {
    display: inline-block;
    width: 16%;
}

ul.process-points-ul li span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: var(--webmavericksred);
    border-radius: 100%;
    position: relative;
    margin: 0 0 0 7px;
}

ul.process-points-ul li h5 {
    margin: 14px 0 0;
    font-size: 16px;
    color: #9a9a9a;
}

ul.process-points-ul a.active h5 {
    color: var(--webmavericksred);
}

ul.process-points-ul li span:before {content: "";width: 24px;height: 24px;border: 2px solid var(--webmavericksred); background: #052e8f00;position: absolute;border-radius: 100%;left: -7px;top: -7px;transition: all 0.4s ease;}

ul.process-points-ul {
    position: relative;
    z-index: 0;
}

ul.process-points-ul:before {content: "";width: 83%;height: 3px;background: var(--webmavericksred); position: absolute;z-index: -1;top: 11px;left: 11px;}

ul.process-points-ul li a {
    display: block;
}

ul.process-points-ul li a.active span:before, ul.process-points-ul li a:hover span:before {
    background: var(--webmavericksred);
}

.process-content img {
    position: absolute;
    left: -420px;
    top: 10px;
}

.process-content {
    padding: 40px 0;
}

.process-content-innr{
  display: none;
}

.process-content-innr.active{
  display: block;
}


@media (max-width: 823px){


    section.bann-btm-logos {
        display: none;
    }

    .cta-new .hd-btn {
        padding: 10px;
    }

    .cta-new .hd-btn:before, .cta-new .hd-btn:after {
        display: none;
    }

    .cta-new ul li {
        width: 100%;
        margin: 0 0 12px;
        border: 1px solid #e2e2e2;
        padding: 4px 4px 4px 60px;
        border-radius: 7px;
    }
    .cta-new ul li i {
        left: 10px;
        transform: scale(0.7);
    }
   .cta-new ul li+li {
    display: none;
    }
  .cta-new ul li+li+li {
    display: inline-block;
    }

    .cta-new ul li h6 a {
        font-size: 15px;
    }

    .cta-new ul li h6 {
        font-size: 14px;
    }

    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;
    }

    .side-bar-sm-frm {
      display: none !important;
  }

  .mn-hd3 {
      font-size: 60px;
  }

  .mn-hd3 br {
      display: none;
  }

  .mn-hd3:after {
      margin: 10px auto;
  }

  section.bann-video p {
      font-size: 13px;
  }

  .bann-video .video-bg video {
      height: 100vh;
  }

  section.bann-video {min-height: 480px;text-align: center;}

  .brand-logos-sec h5 {
      font-size: 17px;
      margin: 0 0 21px;
      color: #ffffff4a;
  }

  .brand-logos-sec ul li img {
      max-width: 70px;
  }

  .brand-logos-sec ul li {
      margin: 0 6px;
  }

  .brand-logos-sec {
      text-align: center;
      bottom: 0;
  }

  .min-play-icn-height {
      display: none;
  }

  .brand-logos-sec .container {
      padding: 10px 0 20px;
  }

  .brand-logos-sec ul.text-right {
      text-align: center;
  }

  .bann-video .video-bg {
      height: 100vh;
  }

  .mn-btn3 {
      /* padding: 12px 22px; */
  }

ul.web-busnss-tb li a {
    padding: 0;
    line-height: normal;
    display: flex;
    height: 59px;
    align-items: center;
    justify-content: center;
    margin: 2px 0;
}

  .web-busnss-tb-cnt h5 {
      font-size: 25px;
      line-height: 1.2;
  }

  .web-busnss-tb-cnt h5 span {
      font-size: 16px;
      margin: 8px 0 0;
  }

  .web-busnss-tb-cnt p {
      margin: 0 0 10px;
  }

  ul.dots-ul li {
      width: 100%;
      margin: 0 0 0;
  }

  .spacebr br+br {
      display: none;
  }

  .web-business-sec {
      position: relative;
      background-size: cover;
  }

  .web-business-sec:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #ffffffcc;}

  ul.web-busnss-tb li a:after {
      display: none;
  }

  ul.web-busnss-tb:after {
      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;
}

.lp-tstimnial-sldr img {
    width: 116%;
}

.lp-testimonial-innr p {
  font-size: 22px;
    color: #666666;
    line-height: 30px;
    font-style: italic;
    position: relative;
    margin-bottom: 20px;
}

.lp-testimonial-innr p span {
    font-size: 117px;
    color: var(--webmaverickscolor);
    position: absolute;
    top: -20px;
}

.lp-testimonial-innr {
    padding: 60px 0;
}

.lp-testimonial-innr .name {
    text-align: right;
    font-size: 24px;
    color: #000012;
    font-style: italic;
    font-weight: 600;
    position: relative;
}

.lp-testimonial-innr .name:before {
    content: "";
    width: 90px;
    height: 1px;
    background: #ccccd0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
}

.lp-tstimnial-sldr ul.slick-dots {
    text-align: center;
}

.black-layout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000d1;
    z-index: 1111;
    display: none;
}

.side-body .field .col-lg-2.noguttar {
    width: 16.66666667%;
    display: inline-block;
}

.side-body .field .col-lg-10 {
    width: 82.033333%;
    display: inline-block;
}
.logow {
  width:225px;
}






ul.portf-templ-ul li a figure {position: relative;}

ul.portf-templ-ul li a figure:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.85);opacity: 0;transition: all 0.4s ease;}

ul.portf-templ-ul li a:hover figure:before {
    opacity: 1;
}

ul.portf-templ-ul a figure div {
    display: inline-block;
    padding: 10px 22px;
    border: 2px solid #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFF;
    height: 44px;
    width: 142px;
    margin: auto;
    opacity: 0;
}

ul.portf-templ-ul a:hover figure div {
    opacity: 1;
}


@media (max-width: 823px){
ul.web-busnss-tb {
  text-align: center;
}
ul.web-busnss-tb li {
    width: 49%;
    display: inline-block;
    text-align: center;
}
ul.includ-pkg-ul {
    text-align: center;
}
.cta-sm .container .cta-sm-inner img {
  width: 85%;
}
.cta-sm.cta-cstmpad .purple-s-btn {
    margin: 20px 0 0;
}

  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;
  }
  
  
  /************** country style start ******************/
  .countrylps header.stick .hdr-top-links {
    display:none;
  }
  .countrylps .space-box {
    display:none;
  }
  .countrylps .top-info-links li+li {
    display:none;
  }
  .countrylps .top-info-links li+li+li {
    display: inline-block;
  }
  .countrylps .hdr-top-links ul {
    padding: 8px 0;
    background: #464646;
  }
  body.countrylps {
    margin-bottom: 0px;
  }
  .countrylps section.cta-sm.cta-cstmpad img {
    width: 90%;
  }
  .countrylps a.nav-btn{
    display: none !important;
  }
  .countrylps ul.process-ul {
    display: none;
  }
  .countrylps .process-tabs, 
  .countrylps .process-tabs.active {
    display: flex !important;
    flex-direction: column-reverse;
  }
  .countrylps .process-tabs img {
    width: 40% !important;
  }
  .countrylps .portfolio-box .slick-slide div+div {
    display: none;
  }
  
  .countrylps .portfolio-box.slick-slider button.slick-arrow {
    display: block !important;
  }
  
  
  .countrylps .ban-txt p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .countrylps .ban-txt h4 {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .countrylps .ban-txt a {
    margin-top: 6px;
  }
  .countrylps .ban-txt h1, 
  .countrylps .special-web-offer .ban-txt h1 {
    margin-top: 30px;
  }
  .countrylps .popup-headers {
    padding: 10px 0 10px 17px;
  }
  
  .map-add {
    border-left: none;
    padding: 0;
    margin-top: 0;
    border-top: 1px solid #ffffff36;
    padding-top: 26px;
  }
  .countrylps .ban-txt h1 {
    font-size: 25px;
  }
  .countrylps .portfolio-slide {
    margin-top: 6px;
  }
  .countrylps .portfolio-box li {
    width: 49.4%;
    display: inline-block;
  }
  .countrylps .inthemedia-sec li {
    width: 49.4%;
    display: inline-block;
  }
  .countrylps .inthemedia-sec ul {
    border: none;
  }
  .countrylps header {
    background: #000;
  }
  .countrylps .logo img {
    width: 125px;
    margin: 7px 0;
  }
  .lp-getstarted .sec-hd {
    font-size: 28px;
    text-align: center;
  }
  .lp-ftr-form {
    padding: 30px 0;
  }
  .lp-ftr-form input[type="text"], 
  .lp-ftr-form input[type="email"], 
  .lp-ftr-form input[type="tel"], 
  .lp-ftr-form select, 
  .lp-ftr-form textarea {
    padding: 6px 16px;
    height: 43px;
    margin-bottom: 9px;
  }
  .lp-ftr-form textarea {
    height: 100px;
  }
  .lp-ftr-form input[type="submit"] {
    width: 100%;
  }
  .lp-include-sec li {
    padding: 10px;
  }
  .lp-testimonial .spacebr{
    display:none;
  }
  .lp-testimonial-innr p {
    font-size: 15px;
    line-height: 22px;
    text-align: center;
  }
  .lp-testimonial-innr p span {
    top: 10px;
  }
  .lp-testimonial-innr {
    padding: 36px 0;
  }
  .lp-faqsmedia-sec {
    text-align: center;
  }
  .lp-faqsmedia-sec .media-logos li figure img {
    width: 78%;
  }
  .lp-faqsmedia-sec .media-logos li {
    height: 90px;
  }
  .lp-faqsmedia-sec .spacebr{
    display:none;
  }
  .lp-faqsmedia-sec .faqs-ul {
    text-align: left;
  }
  /************** country style end ******************/


  ul.web-busness-ul li {
      width: 100%;
      margin: 0 0 0px;
      font-size: 14px;
  }

  .spacebr br+br {
      display: none;
  }

  ul.portf-templ-ul li {
      width: 100%;
      margin: 0 0 14px;
  }

  ul.tab-port-v2 li a {
      font-size: 14px;
      display: inline-block;
      min-width: auto;
      padding: 7px 15px;
  }

  .pack-ordernow {
      display: inline-block;
      width: 85%;
  }

  button.slick-prev.slick-arrow {z-index: 1;transform: scale(0.6);}

  button.slick-next.slick-arrow, #packages-sec .slick-next.slick-arrow {
      right: 0px !important;
      transform: scale(0.6);
  }









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

  .process-content {
      padding: 20px 0 0;
      text-align: center;
      text-align: center;
  }

  .process-content img {
      position: initial;
      margin: 0 0 16px;
      max-width: 200px;
  }

  .process-content-innr {
      display: block !important;
      margin: 0 0 23px;
  }

  .process-content ul.process-points-ul {
      margin: 0 0 16px;
      display: none;
  }

  ul.process-points-ul li a span {
      display: none;
  }

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

  ul.process-points-ul li {
      width: 45%;
      margin: 0 0 5px;
  }

  ul.process-points-ul li a {
      border: 1px solid #00000024;
      padding: 10px 9px;
  }

  ul.process-points-ul li h5 {
      margin: 0;
  }
  
}


.posi-rale {
  position:relative;
}
.topBan { width: auto !important; max-width: 100%; height: auto; position: relative; top: 148px; }
.topBan-btn {
    position: absolute;
    top: 228px;
    right: 0;
}
.topBan-btn:hover {
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-duration: .9s;
  animation-fill-mode: both;
  transition-duration: .3s;
}



/* Social Media Css End */


/* New Resonsive Changes */

.mobileView{display: none;}

  
@media (max-width: 823px){
  ul.includ-pkg-ul li {
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
  }
  .web-business-sec { background: none }
  .web-busnss-tb-cnt {display: block !important;padding: 15px 0;border-bottom: 1px solid #ccc;}
  ul.web-busnss-tb { display: none; }
  ul.features-ul li { padding: 0px; display: inline-block; width: 44%; margin: 0 0 16px; }
  ul.features-ul li:last-child { margin: 0px; }
  .mobileView { display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    background: #052e8f;
    width: 100%;
    color: #fff;
    text-align: center;
    border-radius: 4px; }
  ul.idustries-ul-slide-toggle { height: 190px; overflow: hidden; }
  ul.idustries-ul-slide-toggle.active { height: auto; overflow: visible; }
  .pkg-tbcontent-v2 .pack-list > li{

  }
  .pkg-tbcontent-v2 .pack-list > li { width: 100%; display: none !important;}
  .pkg-tbcontent-v2 .pack-list > li:nth-child(1) {  display: block !important; }
  .pkg-tbcontent-v2 .pack-list > li:nth-child(2) {  display: block !important;}
  .pkg-tbcontent-v2 .pack-list > li:nth-child(3) {  display: block !important;}

}


/* New Css */

[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}

.technologySec { padding: 50px 0; background: #e6eaf3; text-align: center; }
.technologySec h4 { font-size: 27px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; }
.technologySec p { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; text-align: center; color: #333333; }

.techLogoList{display: block;}
.techLogoList>li{display: block;margin: 0 0 15px;}
.techLogoList>li:nth-child{margin-bottom: 0px;}

.eCommerceWeb { background-color: #5f27cd; padding: 70px 0; position: relative; }
.eCommerceWeb:before { content: ""; position: absolute; left: 0px; bottom: 0px; background-image: url(../images/e-commerce-website/girl.png); background-repeat: no-repeat; width: 468px; height: 580px; }
.eCommerceWeb h4 { font-size: 27px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; text-align: center; }
.eCommerceWeb p.para { font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: normal; color: #ffffff; }
/*.eCommerceWeb span { font-family: Poppins; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: normal; color: rgba(255, 255, 255, 0.6); }*/

.btnList{font-size: 0px;display: block;text-align: center;}
.btnList>li{display: inline-block;vertical-align: middle;padding: 0 15px;}

.btnList a{
  font-size: 14px;font-weight: 500;
}

.btnList a.mn-btn3:before{
  font-size: 14px;
}

.ecommerceList { font-size: 0px; display: block; padding-left: 468px; position: relative; }
.ecommerceList>li { display: inline-block; vertical-align: top; width: 33.33%; margin-bottom: 30px; padding-right: 30px; }
.ecommerceList .imgWrap { position: relative; margin-bottom: 35px; }
.ecommerceList .imgWrap:before { content: ""; width: 54px; height: 54px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.1); position: absolute; left: 23px; top: 17px; }
.ecommerceList h6 { font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; margin-bottom: 10px; }
.ecommerceList p { font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.58; letter-spacing: normal; color: rgba(255, 255, 255, 0.6); }

.ecommerceProcess { padding: 70px 0; }
.ecommerceProcess .align-items-center { display: flex; align-items: center; }
.ecommerceProcess .paraSpan { font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.83; letter-spacing: 2px; color: #333333; }
.ecommerceProcess h4 { font-size: 27px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; }
.ecommerceProcess p { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #333333; }

.processList>li {margin-bottom: 30px;position: relative;padding-left: 60px;}
.processList a { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; margin-bottom: 11px; display: inline-block; }
.processList a span {display: inline-block;width: 42px;height: 42px;line-height: 42px;text-align: center;margin-right: 15px;border: 1px solid rgba(151, 151, 151, 0.2);background: #fff;border-radius: 50%;font-size: 16px;color: #333333;position: absolute;left: 0;top: -10px;}
.processList p { font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: normal; color: #333333; overflow: hidden; height: 0px; opacity: 0; -webkit-transition: all 0.4s ease-In-out; -moz-transition: all 0.4s ease-In-out; -o-transition: all 0.4s ease-In-out; transition: all 0.4s ease-In-out; }
.processList>li.active p { overflow: visible; height: 128px; opacity: 1 }
.processImg img { max-width: 100%; }

.offeringSec { padding: 70px 0; background: #052e8f; position: relative; }
.offeringSec:before { content: ""; position: absolute; left: 0px; top: -18px; bottom: 0px; background: url(../images/e-commerce-website/offering.png) no-repeat; width: 528px; height: 484px; }
.offeringSec h4 { font-size: 27px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; }
.offeringSec p { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #ffffff; margin-bottom: 25px; }


body.eCommerceBody .mn-bann3 { height: auto; background-size: cover; background-repeat: no-repeat; background-position: top center; display: flex; align-items: center; padding: 140px 0 40px; }
body.eCommerceBody .mn-bann3 .container { width: 1220px; }
body.eCommerceBody .mn-bann3 img{max-width: 100%;}
body.eCommerceBody .mn-bann3 h4 {font-size: 36px;font-weight: 700;color: #fff;text-shadow: 1px 1px 1px #000;padding-bottom: 25px;position: relative;margin-bottom: 20px;line-height: normal;}
body.eCommerceBody .mn-bann3 h4:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 227px; height: 7px; background: #fff; border-radius: 50px; box-shadow: 0 1px 1px 0 #000; }
body.eCommerceBody .mn-bann3 p { font-size: 22px; font-weight: 500; text-shadow: 1px 1px 1px #000; color: #ffffff; line-height: normal; margin-bottom: 20px; }
body.eCommerceBody .align-items-center { display: flex; align-items: center; }
body.eCommerceBody .topbar { background: #0a0c0c; box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.6); }


/* Industries CSS */
.mainBanner {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding: 170px 0 70px;
  height: auto;
}

.mainBanner h4 { font-size: 45px; color: #fff; font-weight: bold; line-height: normal; margin-bottom: 10px; }
.mainBanner p { font-size: 18px; color: #ffffff; font-weight: 500; color: #fff; margin-bottom: 15px; line-height: normal; }
.checkList { display: block; margin-bottom: 20px; }
.checkList>li { font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 15px; position: relative; padding-left: 25px; text-transform: capitalize;}
.checkList>li:before { content: "\f00c"; position: absolute; left: 0px; top: 0px; color: #fff; font-size: 16px; font-family: "FontAwesome" }
.mainBanner a { font-size: 16px; color: #fff; font-weight: 500; color: #fff; padding: 15px 40px; background: #d33f49; display: inline-block; margin-bottom: 20px; border: 1px solid
  #d33f49;}
.mainBanner a:hover { background-color: transparent;color: #d33f49; }

.industries ul.portf-templ-ul a figure div{border-color: transparent;}
.industries ul.portf-templ-ul a figure div i{font-size: 24px;}

.tabList { font-size: 0px; display: block; margin: 30px 0 20px;  }
.tabList>li { display: inline-block; vertical-align: middle; padding: 0 10px; }
.tabList a {font-size: 14px;font-weight: 600;color: #0a328d;background: #f4f4f4;border: 1px solid #6f86b9;border-radius: 2px;display: inline-block;width: 150px;height: 45px;line-height: 45px;padding: 0px;}
.tabList>li:hover a,.tabList>li.active a{
  background: #0a328d;
  color: #fff;
}

.halloweenp .video-bg:before{ background: rgb(0 0 0 / 10%); }
.halloweenp .video-bg img{ width: 100%; height: 100vh; object-fit: cover; }


@media (max-width: 824px){
  .mainBanner{
    padding: 120px 0 50px;
  }

  .mainBanner h4{
    font-size: 24px;line-height: 34px;
  }
  .mainBanner p{font-size: 16px;}
  .mainBanner h4 br,.mainBanner p br,body.eCommerceBody .mn-bann3 h4 br,body.eCommerceBody .mn-bann3 p br,.technologySec p br,.eCommerceWeb h4 br,.eCommerceWeb:before,.offeringSec h4 br{display: none;}
  img{max-width: 100%;}
  body.eCommerceBody .align-items-center{display: block;}
  body.eCommerceBody .mn-bann3 h4{font-size: 24px;line-height: 34px;}
  body.eCommerceBody .mn-bann3 p{font-size: 16px;line-height: 26px;}
  body.eCommerceBody .mn-bann3 img{margin-top: 20px;}
  .technologySec h4,.eCommerceWeb h4,.offeringSec h4{font-size: 22px;line-height: 32px;}
  .eCommerceWeb{padding: 50px 0;}
  .ecommerceList{padding-left: 0px;}
  .ecommerceList>li{display: block;width: 100%;}
  .processList>li.active p{height: auto;}
  .offeringSec:before{display: none;}
  .offeringSec{padding: 50px 0;}
}


.pad-sec-sm{padding: 70px 0;}
.mn-h5 { font-size: 27px; font-weight: bold; line-height: 1.19; color: #050607; }
.portfolioNameList { font-size: 0px; display: block; }
.portfolioNameList>li {display: inline-block;vertical-align: top;margin: 0 10px 10px;position: relative;}
.portfolioNameList>li:before {content: "";position: absolute;background: #898989;top: 2px;width: 1px;height: 14px;left: -10px;}
.portfolioNameList>li.noBor:before { display: none; }
.portfolioNameList>li a {font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;letter-spacing: normal;text-align: center;color: #898989;padding: 0 0 5px;position: relative;}
.portfolioNameList>li a:before {content: "";position: absolute;left: 0px;bottom: 0px;right: 0px;margin: auto;background: #050607;width: 0px;height: 1px;-webkit-transition: all 0.4s ease-In-out; -moz-transition: all 0.4s ease-In-out; -o-transition: all 0.4s ease-In-out; transition: all 0.4s ease-In-out;}
.portfolioNameList>li:hover a,
.portfolioNameList>li.active a { color: #050607; border-color: #050607; }
.portfolioNameList>li:hover a:before,
.portfolioNameList>li.active a:before { width: 100%; }
.portfolioNameList>li.first:before { display: none; }

.portfolioList {display: block;margin: -10px;font-size: 0px;}
.portfolioList li {width: 50%;display: inline-block;}
 .box-all .portfolioList li{display: none;} 


/*.portfolioList li.active{display: block;}*/
/*.portfolioList li.mobile {display: inline-block;}
.portfolioList li.beauty {display: inline-block;}
.portfolioList li.cleaning {display: inline-block;}
.portfolioList li.construction {display: inline-block;}
.portfolioList li.consultancy {display: inline-block;}
.portfolioList li.creative {display: inline-block;}
.portfolioList li.education {display: inline-block;}
.portfolioList li.entertainment {display: inline-block;}
.portfolioList li.fashion {display: inline-block;}
.portfolioList li.finance {display: inline-block;}
.portfolioList li.food {display: inline-block;}
.portfolioList li.health {display: inline-block;}
.portfolioList li.interior {display: inline-block;}
.portfolioList li.health {display: inline-block;}
.portfolioList li.manufacturing {display: inline-block;}
.portfolioList li.non-profit {display: inline-block;}
.portfolioList li.pet-care {display: inline-block;}
.portfolioList li.manufacturing {display: inline-block;}
.portfolioList li.real-estate {display: inline-block;}
.portfolioList li.retail {display: inline-block;}
.portfolioList li.technology {display: inline-block;}
.portfolioList li.travel {display: inline-block;}*/
.portfolioList li img{width: 100%;display: block;}
.portfolioList li div { display: block; margin: 0 10px 20px; position: relative; }
.portfolioList span { display: block; }
span.hoverDiv { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; opacity: 0; -webkit-transition: all 0.4s ease-In-out; -moz-transition: all 0.4s ease-In-out; -o-transition: all 0.4s ease-In-out; transition: all 0.4s ease-In-out; }
span.hoverDiv a.preview {font-size: 13px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #ffffff;border: 1px solid #fff;padding: 10px 30px 8px;margin: 0 0 15px;}
span.hoverDiv a.getStart { color: #fff; }
.portfolioList li:hover span.hoverDiv { opacity: 1; }

.loadMore { background-color: #050607; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; padding: 19px 80px; text-transform: uppercase; border: 1px solid #050607; }
.loadMore:hover { background-color: transparent; color: #050607; }