/* 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;
}
.logo {
    margin-top: 10px;
}
body {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.6em;
    overflow-x: hidden;
}
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: 6px 0 10px;
}
/* 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: hwb(0deg 0% 100% / 60%);
}
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;
}

.dropdown {
    position: absolute;
    width: 150px;
    top: 41px;
    opacity: 0;
    visibility: hidden;
    transition: ease-out 0.35s;
    -moz-transition: ease-out 0.35s;
    -webkit-transition: ease-out 0.35s;
  }

  .subs {
    left: 0px;
    position: relative;
    top: 0px;
    width: 175px;
    border-left: none !important;
    border-bottom: 1px dotted #fff !important;
  }
  .subs:last-child {
    border: none !important;
  }
  .hassubs:hover .dropdown,
  .hassubs .hassubs:hover .dropdown {
    opacity: 1;
    visibility: visible;
    display:block;
    transition: ease-in 0.35s;
    -moz-transition: ease-in 0.35s;
    -webkit-transition: ease-in 0.35s;
  }


/*Second Level*/
.hassubs .hassubs .dropdown .subs {
  left: 5px;
  position: relative;
  width: 165px;
  top: 0px;
}
.hassubs .hassubs .dropdown {
  position: absolute;
    width: 240px;
    left: 195px;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.35s;
  -moz-transition: ease-out 0.35s;
  -webkit-transition: ease-out 0.35s;
}
header ul.dropdown li a:before{
    display:none !important;
}
header ul.dropdown li a i {
    margin-left: 10px;
}
.top-nav ul li ul.dropdown {
    border-top: 3px solid #d33f49;
}
.top-nav ul ul.dropdown li:first-child {
    margin: 0; 
}
.top-nav ul li ul.dropdown {
    width: 210px;
}
header.hdr-02.stick .top-nav ul li ul.dropdown {
    top: 36px;
    line-height: 20px;
}


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


.hide-desk {
    display: none;
}


.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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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: -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 {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding: 6px 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.hdr-top-links ul li:hover {
    background: var(--uptownwebsitered);
}
.hdr-top-links ul li:hover i {
    opacity: 1;
}
.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;
    color: #fff;
    padding-left: 0px;
}
.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: 180px;
    margin: 0px 0 0px;
    display: none;
}
.top-nav li.sticky-call {
    display: none;
    padding-left: 24px;
}
header.stick li.sticky-call {
    display: inline-block;
}
li.sticky-call a i {
    color: #fff;
    background: var(--uptownwebsitecolor);
    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;
    line-height: 60px;
}
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(--uptownwebsitered);
    border-color: var(--uptownwebsitered) !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(--uptownwebsitecolor);
    border-radius: 100%;
}
ul.slick-dots li.slick-active button {
    background: var(--uptownwebsitecolor);
    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: var(--uptownwebsitered);
}
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(--uptownwebsitered);
    border-color: var(--uptownwebsitered) !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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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 {
    position: absolute;
    font-size: 1.3em;
    line-height: 0.8;
    color: #34a622;
    transition: all .2s;
    content: '\f00c ';
    top: 0.2em;
    left: 0.1em;
    font: normal normal normal 14px/1 FontAwesome;

}
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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
}
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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
}
table.comapare-box.compare-to-packg .pack-price h4 sup {
    font-size: 20px;
    top: -14px;
}
table.comapare-box.compare-to-packg .pack-price p {
    font-size: 8px;
    line-height: 8px;
}
table.comapare-box.compare-to-packg .pack-price {
    padding: 4px 0 0;
}
@media only screen and (min-width:1600px) {
    .ban-form-box {
        right: 20%;
        top: 28%;
    }
}
.ban-btm-box {
    padding: 15px 0;
    width: 100%;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    position: relative;
}
.ban-btm-hd {
    float: left;
    width: 229px;
    border-right: 1px solid #cccccc;
    font-size: 18px;
    color: #313036;
    font-weight: 600;
    margin-right: 20px;
    padding: 18px 19px 18px 0;
    line-height: 1.3em;
    letter-spacing: -1px;
}
.ban-btm-logos {
    float: left;
    width: 100%;
    overflow: hidden;
}
.ban-btm-logos ul {
    margin-bottom: 0;
}
.ban-btm-logos li {
    display: inline-block;
    margin: 0 0 0;
    text-align: center;
}
.ban-btm-logos li img {
    transition-duration: .3s;
    -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: 89px;
    border-top: 5px solid var(--uptownwebsitecolor);
}
.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(--uptownwebsiteheading);
    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(--uptownwebsitecolor);
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 25px;
}
.lg-hd:after {
    background: var(--uptownwebsitecolor);
    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(--uptownwebsitecolor)', 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(--uptownwebsitecolor);
}
.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.html#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;
}
.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(--uptownwebsitecolor);
}
.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(--uptownwebsitecolor);
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
}
ul.special-pkg li .pack-price h4 {
    color: var(--uptownwebsitecolor);
}
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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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;
}
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(--uptownwebsitecolor2);
}
li.pkg-active .pack-title {
    color: var(--uptownwebsitecolor2);
}
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(--uptownwebsitered);
}
.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(--uptownwebsitered);
    color: #fff;
    position: relative;
}
.pack-ordernow:hover {
    color: #fff;
    background: var(--uptownwebsiteylw);
    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.html#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;
    background-color: var(--uptownwebsitecolor2);
}
.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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor);
}
.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 23px;
    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: -22px -699px;
    width: 69px;
    height: 69px;
}
i.icn-ind-2:before {
    background-position: -127px -698px;
    width: 67px;
    height: 67px;
}
i.icn-ind-3:before {
    background-position: -215px -694px;
    width: 69px;
    height: 68px;
}
i.icn-ind-4:before {
    background-position: -317px -687px;
    width: 71px;
    height: 76px;
}
i.icn-ind-5:before {
    background-position: -429px -684px;
    width: 66px;
    height: 74px;
}
i.icn-ind-6:before {
    background-position: -527px -698px;
    width: 69px;
    height: 69px;
}
i.icn-ind-7:before {
    background-position: -611px -689px;
    width: 71px;
    height: 71px;
}
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(--uptownwebsitecolor2);
}
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;
    color: var(--uptownwebsitecolor2);
}
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(--uptownwebsitered);
    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(--uptownwebsitecolor2);
    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(--uptownwebsitecolor2);
    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(--uptownwebsitecolor);
    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: 210px;
    opacity: 1;
}
.ftr-top-section {
    text-align: center;
    padding-bottom: 25px;
}
.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: #fff;
}
.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: #ffffff;
    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(--uptownwebsitered);
    margin-right: 3px;
}
.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(--uptownwebsitecolor);
}
.need-logo-sec {
    position: relative;
    background: -moz-linear-gradient(left, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--uptownwebsitecolor2)', endColorstr='var(--uptownwebsitecolor)', GradientType=1);
    overflow: hidden;
}
section.need-logo {
    overflow: hidden;
}
.need-sec {
    position: relative;
    background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
}
.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(--uptownwebsitecolor);
    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: 0 !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(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--uptownwebsitecolor2)', endColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor);
}
.colors-pic img {
    margin: 0 auto;
}
.what-fonts-sec {
    position: relative;
    background: -moz-linear-gradient(left, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--uptownwebsitecolor2)', endColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--uptownwebsitecolor2)', endColorstr='var(--uptownwebsitecolor)', 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-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(--uptownwebsitecolor);
    color: var(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor);
    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%;*/
        left: 0px;
    }
}
.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: #ffffff;
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
}
.txt-rev-img img {
    border-radius: 150px;
    border: 1px solid #ccc;
    width: 81px;
    height: 81px;
}
.testi-txt-box {
    background: #abd8ff;
    padding: 20px 20px 20px 60px;
    position: relative;
    transition: all 0.4s ease;
}
.testi-txt-box:hover {
    transform: scale(1.03);
}
.testi-txt-box:after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #abd8ff;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 26px;
    left: -9px;
    content: "";
}
.testi-txt-box:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.testi-txt-box:before {
    content: "\f10d";
    display: block;
    position: absolute;
    left: 26px;
    top: 17px;
    color: #3d3d3d;
}
.testi-txt-box p {
    font-size: 15px;
    color: #3d3d3d;
    line-height: 1.5em;
}
.txt-rev-name {
    text-align: right;
    color: #02642c;
    line-height: 1.2em;
    font-size: 14px;
}
.testi-star i {
    font-size: 14px;
    color: #ffa200;
}
.txt-review-container {
    padding-top: 40px;
}
.txt-review-container>ul>li {
    margin: 25px 0;
}
.contact-form-container, .contact-info-container {
    padding: 50px 55px;
    min-height: 605px;
}
ul.features-ul li .icn-tooltip {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 134px;
    width: 100%;
    text-align: center;
}
ul.features-ul li:hover .icn-tooltip .tooltip-innr {
    opacity: 1;
}
ul.features-ul li .icn-tooltip .tooltip-innr {
    position: initial;
    padding: 6px;
    display: inline-block;
    line-height: 1.4em;
    font-size: 11px;
}
ul.features-ul li .icn-tooltip .tooltip-innr:before {
    right: 0;
    left: 0;
    content: "\f0d7";
    top: initial;
    bottom: -10px;
}
.top-nav ul li ul.dropdown {
    position: absolute;
    left: -14px;
    top: 80px;
    width: 210px;
    padding: 15px 15px 6px;
    z-index: 100;
    display: none;
    background: #fff;
    border-top: 3px solid var(--uptownwebsitecolor2) !important;
    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;
    /* 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: inline-flex;
    padding: 7px 0;
    line-height: 22px;
    font-weight: 600;
    font-size: 14px;
    color: #1a1c24;
    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(--uptownwebsitecolor);
}
.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(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, #2a4585 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, #2a4585 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4585', endColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, #2a4585 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, #2a4585 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4585', endColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor);
    background: -moz-linear-gradient(left, var(--uptownwebsitecolor) 34%, #67b636 100%);
    background: -webkit-linear-gradient(left, var(--uptownwebsitecolor) 34%, #67b636 100%);
    background: linear-gradient(to right, var(--uptownwebsitecolor) 34%, #67b636 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor);
    background: -moz-linear-gradient(left, var(--uptownwebsitecolor) 34%, #67b636 100%);
    background: -webkit-linear-gradient(left, var(--uptownwebsitecolor) 34%, #67b636 100%);
    background: linear-gradient(to right, var(--uptownwebsitecolor) 34%, #67b636 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--uptownwebsitecolor)', 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 li {
    display: block;
    padding-left: 0px;
    border: 1px solid #dddfe1;
    margin-bottom: 21px;
    padding: 20px 40px 20px 20px;
}
.faq-accord h4 {
    font-size: 15px;
    color: #4e4e4e;
    font-weight: 500;
    position: relative;
    padding-left: 0;
    padding-bottom: 0px;
    cursor: pointer;
    margin: 0px;
}
.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: 3px;
    right: -25px;
    content: "\f067";
    color: var(--uptownwebsitecolor);
    font-size: 16px;
    color: var(--uptownwebsitered);
}
.faq-accord h4.ui-state-active:after {
    content: "\f068";
}
.faq-accord .ui-accordion-content {
    padding: 9px 0 0 0;
    border-top: 2px solid #f1f1f1;
    margin: 15px 0 0 0;
}
.faq-accord .ui-accordion-content p {
    font-size: 15px;
    color: #8e8e8e;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 0px;
    margin: 0px;
}
.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(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    padding: 9px 8px 11px 57px;
    display: block;
    border-radius: 32px;
    font-size: 20px;
    line-height: .85em;
    color: var(--uptownwebsitecolor);
    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(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: -webkit-linear-gradient(left, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='var(--uptownwebsitecolor)', 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(--uptownwebsitecolor);
}
.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(--uptownwebsitecolor);
    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(--uptownwebsitecolor2);
    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(--uptownwebsitecolor2);
}
.draw-line ul.dot li .dots.dot-3 {
    left: 895px;
    top: 6px;
    border-color: var(--uptownwebsitecolor2);
}
.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;
    height: 500px;
    background: #FFF;
    margin: auto;
    border-radius: 18px;
}
.popup-inner img {
    width: 100%;
}
.popup-inner .ovrflw-hdden {
    height: 500px;
    overflow: hidden;
    border-radius: 12px 0 0 12px;
}
.popup-header h3, .popup-header1 h3 {
    font-family: 'Titillium Web', sans-serif;
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: var(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    right: -10px;
    top: -10px;
    border: 1px solid var(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
}
.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(--uptownwebsitecolor);
}
.mob-call-icon {
    display: none;
}
.phonecode #countrycode, .phonecode #popupcountrycode, .phonecode #animationcountrycode {
    width: 12%;
    float: left;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.phonecode #phoneNum, .phonecode #phoneNum2, .phonecode #phoneNum3 {
    width: 88% !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(--uptownwebsitecolor);
}
.newuptownloader {
    background: url(../../www.uptownlogodesign.com/crm/assets/images/loader.html) 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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
}
.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(--uptownwebsitered);
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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 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: 30px 20px 32px 80px;
    background: #f9f9f9;
    box-shadow: 0 0 10px 2px #00000052;
    width: 431px;
    padding: 32px 20px 32px 80px;
}
.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: 55px;
}
.side-head strong {
    color: var(--uptownwebsitered);
    font-size: 32px;
}
.side-head span {
    display: inline-block;
    padding: 16px;
    background: var(--uptownwebsitecolor2);
    position: absolute;
    top: 0;
    right: 0;
}
.side-body input[type="submit"] {
    display: block;
    padding: 7px 50px;
    border-radius: 32px;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0px;
    background: var(--uptownwebsitered);
}
.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: 0px 20px 0px 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: var(--uptownwebsitered);
    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 5px 15px;
}
ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
    background: var(--uptownwebsitecolor2);
    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(--uptownwebsitecolor2);
    color: var(--uptownwebsitecolor2);
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    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: #4f008a;
    border: 2px solid #4f008a;
    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(--uptownwebsitered);
    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;
}

/* Copyright Css Start */

.count-sec {
    background: var(--uptownwebsitecolor);
}
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(--uptownwebsitecolor);
}
.green-cta h3.sec-hd.white-colr {
    color: #FFF;
}
.blue-btn.white-btn {
    background: #FFF;
    color: #262626;
    font-size: 20px;
    padding: 13px 50px;
}

.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(--uptownwebsitecolor);
}
.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(--uptownwebsitecolor);
}
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: -7px -7px;
    width: 70px;
    height: 70px;
}
ul.includ-pkg-ul li i.icn-2:before {
    background-position: -88px -7px;
    width: 66px;
    height: 66px;
}
ul.includ-pkg-ul li i.icn-3:before {
    background-position: -165px -7px;
    width: 69px;
    height: 65px;
}
ul.includ-pkg-ul li i.icn-4:before {
    background-position: -245px -7px;
    width: 68px;
    height: 68px;
}
ul.includ-pkg-ul li i.icn-5:before {
    background-position: -7px -81px;
    width: 68px;
    height: 68px;
}
ul.includ-pkg-ul li i.icn-6:before {
    background-position: -88px -82px;
    width: 69px;
    height: 69px;
}
ul.includ-pkg-ul li i.icn-7:before {
    background-position: -165px -83px;
    width: 67px;
    height: 67px;
}
ul.includ-pkg-ul li i.icn-8:before {
    background-position: -245px -83px;
    width: 70px;
    height: 69px;
}
.mn-hd2 {
    font-size: 39px;
    color: var(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
    color: #FFF;
}
.portfv2-sec ul.tab-filter li a {
    display: block;
    padding: 13px 20px;
    border: 2px solid var(--uptownwebsitecolor);
    color: var(--uptownwebsitecolor);
    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(--uptownwebsitecolor);
}
.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)
    }
}

.portf-load-btn1 {
    background: var(--uptownwebsitered);
    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-box li:nth-child(n+10) {
    display: none;
}
ul.portf-templ-ul {
    display: flex;
    flex-flow: wrap;
}
section.bann-video {
    height: 100vh;
    min-height: 500px;
    display: flex;
    align-items: center;
    background-image: url(../images/ez.jpg);
    position: relative;
    overflow: hidden;
    text-align: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100%;
}
section.bann-video .mn-hd3:after {
    right: 0px;
    margin: 20px 0 0;
    width: 40%;
}
section.bann-video .mn-hd3 {
    padding-bottom: 13px;
}
.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);
}

.mn-hd3 {
    font-size: 11.4vh;
    font-family: 'Trump Gothic East';
    color: #FFF;
    line-height: 1;
}
.mn-hd3:after {
    content: "";
    background-color: var(--uptownwebsitered);
    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: var(--uptownwebsitered);
    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: var(--uptownwebsitecolor2);
    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(--uptownwebsitecolor2);
    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(--uptownwebsiteheading);
    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: var(--uptownwebsitecolor2);
    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: var(--uptownwebsitecolor2);
}
.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: var(--uptownwebsitered);
    font-weight: 500;
    line-height: 1.3;
}
ul.bann-btm-logos02 li h5 span {
    display: block;
    font-size: 15px;
    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(--uptownwebsitered);
    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(--uptownwebsitered);
}
ul.process-points-ul li span:before {
    content: "";
    width: 24px;
    height: 24px;
    border: 2px solid var(--uptownwebsitered);
    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(--uptownwebsitered);
    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(--uptownwebsitered);
}
.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;
    }
    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%;
}
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(--uptownwebsitecolor);
    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: 200px;
}
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 {
        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: var(--uptownwebsitered);
    padding: 70px 0 40px;
    position: relative;
}
.eCommerceWeb:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    background-image: url(../images/e-commerce-website/boy.png);
    background-repeat: no-repeat;
    width: 389px;
    height: 581px;
}
.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: 389px;
    position: relative;
    margin: 0px;
}
.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: var(--uptownwebsitecolor2);
    position: relative;
}
.offeringSec:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -55px;
    bottom: 0px;
    background: url(../images/e-commerce-website/offering.png) no-repeat;
    width: 515px;
    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: var(--uptownwebsitered);
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid var(--uptownwebsitered);
}
.mainBanner a:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
.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;
}
@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;
    }
}
input.blue-btn {
    background: #56cbf1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(left, #56cbf1 0%, #3891ee 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #56cbf1), color-stop(100%, #3891ee)) !important;
    background: -webkit-linear-gradient(left, #56cbf1 0%, #3891ee 100%) !important;
    background: -o-linear-gradient(left, #56cbf1 0%, #3891ee 100%) !important;
    background: -ms-linear-gradient(left, #56cbf1 0%, #3891ee 100%) !important;
    background: linear-gradient(to right, #56cbf1 0%, #3891ee 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf1', endColorstr='#3891ee', GradientType=1) !important;
    display: inline-block !important;
    padding: 14px 30px !important;
    border-radius: 32px !important;
    color: #FFF !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    height: 49px;
    width: auto;
}
/*<lp-css-start>*/

.best-design .logo a {
    display: block;
    padding: 10px 0 10px;
}
.best-design .top-nav>ul>li:last-child>a {
    margin: 10px 0px;
}
.best-design ul.bann-btm-logos02 li h5 {
    font-size: 42px;
}
.best-design .mainBanner h4 {
    font-size: 42px;
}
.inrbnrform h4 {
    font-size: 18px !important;
}
.inrbnrform {
    margin: 0px -15px 0 0px;
    box-shadow: 5px 6px 30px #00000012;
    background: #d33f49cc;
    padding: 20px 29px 0;
    float: right;
    border-radius: 10px;
    width: 85%;
}
.inrbnrform h4 {
    padding: 0 20px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
}
.inrbnrform h4 span {
    color: #ffffff;
    font-weight: 700;
    font-size: 29px;
    display: block;
    text-transform: uppercase;
}
.inrbnrform .wrap {
    text-align: center;
    width: 100%;
}
.wrap .dtf {
    width: 100%;
    margin: 20px auto;
}
.inrbnrform .wrap .dtf input[type="text"], .innerpage .inrbnrform .wrap .dtf input[type="email"], .innerpage .inrbnrform .wrap .dtf input[type="tel"], .innerpage .inrbnrform .wrap .dtf textarea {
    width: 100%;
    margin: 0;
    border: solid 1px #ffffff59;
    background: white;
    padding: 13px 15px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 9%);
    color: #000;
    font-size: 13px;
    border-radius: 5px;
    height: 40px;
    font-weight: 400;
    outline: none !important;
    resize: none;
}
.inrbnrform .wrap .dtf textarea {
    height: 120px;
    width: 100%;
    border: none;
    padding: 10px 0 0 15px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 9%);
    border-radius: 5px;
}
.wrap .dtf {
    width: 100%;
    margin: 20px auto;
}
.inrbnrform .wrap .dtf input[type="submit"] {
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    margin: 0 auto;
    font-size: 15px;
    border: none;
    display: block;
    padding: 10px 0;
    width: 100%;
    background: #ffffff;
    color: #000;
}
.wrap .dtf input#cemail {
    width: 100%;
    padding: 8px 0px 8px 15px;
    font-size: 14px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 9%);
    border: none;
    border-radius: 5px;
}
.wrap .dtf input#phone-coun {
    width: 100%;
    padding: 8px 0px 8px 15px;
    font-size: 14px;
    border: none;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 9%);
    border-radius: 5px;
}
.design-ageny-web .top-nav>ul>li:last-child>a {
    border: 1px solid #FFF;
    border-radius: 2px;
    padding: 8px 20px;
    background: #13a7ff;
    border-color: #13a7ff !important;
    color: #FFF !important;
    border-radius: 5px;
}
.design-ageny-web .mainBanner a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    color: #fff;
    padding: 15px 40px;
    background: #13a7ff;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.design-ageny-web header.stick .top-nav>ul>li:last-child>a {
    padding: 7px 20px;
    border-color: #353535;
    background: #13a7ff;
    border-color: #13a7ff !important;
    color: #FFF !important;
}
.design-ageny-web ul.bann-btm-logos02 li h5 {
    font-size: 38px;
    color: #ad3f4c;
    font-weight: 500;
    line-height: 1.3;
}
.design-ageny-web ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
}
.design-ageny-web .pack-ordernow {
    background-color: #13a7ff;
}
.design-ageny-web .pkg-icn:before {
    content: "";
    width: 63px;
    height: 60px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat;
    filter: grayscale(1);
}
.design-ageny-web .purple-s-btn {
    background-color: #13a7ff;
}
.design-ageny-web .inrbnrform {
    background: #ffffff;
}
.design-ageny-web .inrbnrform h4 {
    padding: 0 20px;
    color: #000000;
}
.design-ageny-web .inrbnrform h4 span {
    color: #000000;
}
.design-ageny-web .inrbnrform .wrap .dtf input[type="text"], .innerpage .inrbnrform .wrap .dtf input[type="email"], .innerpage .inrbnrform .wrap .dtf input[type="tel"], .innerpage .inrbnrform .wrap .dtf textarea {
    width: 100%;
    margin: 0;
    border: solid 1px #bdbdbd;
}
.design-ageny-web .wrap .dtf input#cemail {
    border: 1px solid #bdbdbd;
}
.design-ageny-web .wrap .dtf input#phone-coun {
    border: 1px solid #bdbdbd;
}
.design-ageny-web .inrbnrform .wrap .dtf textarea {
    border: 1px solid #bdbdbd;
}
.design-ageny-web .inrbnrform .wrap .dtf input[type="submit"] {
    background: #13a7ff;
    color: #fff;
}
.web-design-offer .top-nav>ul>li:last-child>a {
    border: 1px solid #FFF;
    border-radius: 2px;
    padding: 8px 20px;
    background: #ff9a4c;
    border-color: #fe994b !important;
    color: #FFF !important;
}
.web-design-offer .mainBanner a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    color: #fff;
    padding: 15px 40px;
    background: #ff9a4c;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid #ff9a4c;
}
.web-design-offer .inrbnrform .wrap .dtf input[type="submit"] {
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    margin: 0 auto;
    font-size: 15px;
    border: none;
    display: block;
    padding: 10px 0;
    width: 100%;
    background: #ff9a4c;
    color: #fff;
}
.web-design-offer ul.bann-btm-logos02 li h5 {
    color: #ff9a4c;
    font-weight: 500;
    line-height: 1.3;
}
.web-design-offer ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
}
.web-design-offer .pack-ordernow {
    background-color: #fe994c;
}
.web-design-offer header.stick .top-nav>ul>li:last-child>a {
    padding: 7px 20px;
    border-color: #353535;
    background: #ff9a4c;
    border-color: #ff9a4c !important;
}
.web-design-offer ul.process-points-ul li span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ff9a4c;
}
.web-design-offer ul.process-points-ul li a.active span:before, ul.process-points-ul li a:hover span:before {
    background: var(--uptownwebsitered);
}
.web-design-offer ul.process-points-ul:before {
    content: "";
    width: 83%;
    height: 3px;
    background: #ff9a4c;
}
.web-design-offer ul.web-busnss-tb li a.active {
    color: #ffffff;
    font-weight: 600;
    background: #ff9a4c;
}
.web-design-offer ul.web-busnss-tb li a:after {
    content: "";
    width: 7px;
    height: 7px;
    background: black;
}
.website-agency .mainBanner a:hover {
    background-color: transparent;
    color: #ffffff;
}
.website-agency .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 #8d84f0;
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
}
.website-agency .top-nav>ul>li:last-child>a {
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
    border: none;
}
.website-agency .inrbnrform {
    margin: 0px -15px 0 0px;
    box-shadow: 5px 6px 30px #00000012;
    /* background: #d33f49cc; */
    padding: 20px 29px 0;
    float: right;
    border-radius: 10px;
    width: 85%;
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
}
.website-agency ul.bann-btm-logos02 li h5 {
    color: #8379ee;
    font-weight: 500;
    line-height: 1.3;
}
.website-agency header.stick .top-nav>ul>li:last-child>a {
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
}
.website-agency header.stick .top-nav>ul>li>a:hover, header.stick .top-nav li.active_nav a {
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
}
.website-agency ul.web-busnss-tb li a.active {
    color: #ffffff;
    font-weight: 600;
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
}
.website-agency ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
    background: var(--uptownwebsitecolor);
    color: #FFF;
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
}
.website-agency .pack-ordernow {
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
}
.website-agency .purple-s-btn {
    background-image: linear-gradient(to right, #8e85f0 0, #6557e8 51%, #8e85f0 100%);
}
.web-design-offer .inrbnrform {
    margin: 0px -15px 0 0px;
    box-shadow: 5px 6px 30px #00000012;
    background: #4f008a;
}
.web-design-offer .purple-s-btn {
    font-size: 21px;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 24%), 0 0 2px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 24%), 0 0 2px 0 rgb(0 0 0 / 12%);
    background-color: #ff9a4c;
}
.web-design-offer .testi-box:before {
    content: '\2018 \2018';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: #ff9a4c;
}
.web-design-offer .testi-box:after {
    content: '\2019 \2019';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: #ff9a4c;
}
.best-design ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
}
.design-ageny-web ul.bann-btm-logos02 li h5 {
    font-size: 38px;
    color: #13a7ff;
    font-weight: 500;
    line-height: 1.3;
}
.design-ageny-web ul.web-busnss-tb li a.active {
    color: #ffffff;
    font-weight: 600;
    background: #13a7ff;
}
.best-design.design-ageny-web ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
}
.design-ageny-web ul.tab-port-v2 li a {
    display: block;
    padding: 13px 20px;
    border: 1px solid #13a7ff;
    color: #13a7ff;
}
.design-ageny-web .testi-box:before {
    content: '\2018 \2018';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: #13a7ff;
}
.design-ageny-web .testi-box:after {
    content: '\2019 \2019';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: #13a7ff;
}
.best-design.web-design-offer ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
}
.best-design.website-agency ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a {
    background: var(--uptownwebsitecolor2);
    color: #FFF;
}
/*<lp-css-end>*/

.contact-form-container-2 {
    background-color: rgb(0, 0, 0, 0.3);
    -webkit-box-shadow: -2px 4px 10px 0px rgb(0 0 0 / 24%);
    -moz-box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.24);
    box-shadow: -2px 4px 10px 0px rgb(0 0 0 / 24%);
}
.contact-form-container-2, .contact-info-container {
    padding: 50px 55px;
    min-height: 605px;
}
.contact-form-container-2, .contact-info-container {
    padding: 20px 30px;
    min-height: 497px;
}
.mn-hd3 {
    font-size: 9.4vh!important;
    font-family: 'Trump Gothic East';
    color: #FFF;
    line-height: 1;
}
.contact-form-container-2 input[type="text"], .contact-form-container-2 input[type="tel"], .contact-form-container-2 select, .contact-form-container-2 textarea {
    width: 100%;
    border: 1px solid #dadada;
    padding: 12px 25px;
    border-radius: 10px;
    margin: 4px 0;
}

.social-media ul {
    display: inline-flex;
    align-items: center;
}
.social-media ul li {
    margin: 0 12px;
}
.social-media ul li a i {
    color: #fff;
    font-size: 18px;
}
.privacy {
    padding: 190px 0 90px;
}



section.package-detail-main-wrap .detaill-box {
    padding: 170px 0;
}

section.package-detail-main-wrap .detaill-boxx {
    border: 1px solid #f9130d;
    box-shadow: 0 0 10px #f9130d4a;
    border-radius: 15px;
    text-align: center;
    padding: 50px 40px;
}
section.package-detail-main-wrap .detaill-boxx h3 {
    font-size: 14px;
    color: #f3120d;
    margin-bottom: 10px;
    font-weight: 600;
}

section.package-detail-main-wrap .detaill-boxx h4 {
    font-size: 27px;
    /* font-family: Cocogoose; */
    color: #000;
    font-weight: 700;position: relative;
    margin-bottom: 19px;
}

section.package-detail-main-wrap .detaill-boxx p {
    font-size: 16px;
    margin-bottom: 21px;
}
section.package-detail-main-wrap .pricing-detail-btn {margin: 0 auto;width: 165px;}

section.package-detail-main-wrap .detaill-boxx:hover {
    background: #D33F49;
    transition-duration: .3s;
}


section.package-detail-main-wrap .detaill-boxx:hover h3 {
    color: #fff;
    transition-duration: .3s;
}

section.package-detail-main-wrap .detaill-boxx.detaill-boxx:hover h4 {color: #fff;transition-duration: .3s;}

section.package-detail-main-wrap .detaill-boxx:hover h6 {
    transition-duration: .3s;
    color: #fff;
}
section.package-detail-main-wrap .detaill-boxx:hover p {
    transition-duration: .3s;
    color: #fff;
}

section.package-detail-main-wrap .detaill-boxx:hover h5 {
	transition-duration: .3s;
    color: #fff;
}

section.package-detail-main-wrap .detaill-boxx:hover a {
    background: #1227a0;
    transition-duration: .3s;
}
section.package-detail-main-wrap .detaill-box h2 {
    font-size: 33px;
    color: #000;
    font-weight: 700;
    position: relative;
    width: 60%;
    margin-bottom: 59px;
}


section.package-detail-main-wrap .detaill-boxx:hover h6 {
    transition-duration: .3s;
    color: #fff;
}
section.package-detail-main-wrap .prics-tags h6 {
    color: #D33F49;
    font-size: 46px;
    font-weight: 600;
}

section.package-detail-main-wrap .inner-package-detailss h3 {
    font-size: 33px;
    color: #000;
    position: relative;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 19px;
}

section.package-detail-main-wrap .inner-package-detailss ul {
    border-bottom: 1px solid #dddddd36;
    height: 342px;
    overflow: auto;
    padding: 20px;
    margin-bottom: 10px;
    padding-right: 5px;
    overflow-x: hidden;
    border-radius: 8px;
    box-shadow: 0 0 10px #f5130d38;
}

section.package-detail-main-wrap .inner-package-detailss ul li {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 21px;
    padding-left: 18px;
    position: relative;
    border-bottom: 1px solid #f5130d17;
    padding-bottom: 11px;
}

section.package-detail-main-wrap .inner-package-detailss ul li:before {
    position: absolute;
    left: -20px;
    content: '';
    background: url(../images/check.html);
    width: 34px;
    height: 34px;
    top: -5px;
}

/* width */
section.package-detail-main-wrap .inner-package-detailss ul::-webkit-scrollbar {
	width: 10px;
}

/* Track */
section.package-detail-main-wrap .inner-package-detailss ul::-webkit-scrollbar-track {
	background: #e6e6e6;
	border-radius: 5px;
}

/* Handle */
section.package-detail-main-wrap .inner-package-detailss ul::-webkit-scrollbar-thumb {
	background: #D33F49;
	border-radius: 5px;
}
.offset-1 {
    margin-left: 8.3333333333%;
}

.two-floating-btn.pricing-detail-btn h3 {
    background: #d33f49;
    color: #fff !important;
    padding: 13px  0;
    transition: 0.5s;
    border-radius: 4px;
}

section.package-detail-main-wrap .detaill-boxx:hover .pricing-detail-btn  h3{
     background:  #fff !important;
     color: #d33f49 !important;
}


header.stick .top-nav>ul>li>a i {
    color: var(--uptownwebsitecolor2);
}

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








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

@media (max-width: 1025px) {
    .top-nav ul {
        margin: 0px;
        padding: 0 15px;
    }
    .top-nav li+li {
        margin-left: 0;
    }
    .top-nav ul ul.dropdown li:first-child {
        margin: 0;
    }
    .top-nav > ul li.dropdown-link a > .fa {
        display: none;
    }
    .top-nav>ul>li>a {
        padding: 25px 5px 18px;
        width: auto;
        display: inline-block;
    }
    
    .hide-desk {
        display: block;
        padding: 6px 20px;
        position: absolute;
        right: 0;
        top: 20px;
        color: #fff;
        z-index: 1;
    }

    .subs .hide-desk {
        top: 6px;
    }

    .top-nav.active ul li .dropdown {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        padding: 0;
        background-color: rgb(0 0 0 / 36%);
        display: none;
    }

    .top-nav.active ul li > .showMenu {
        display: block;
    }
    
    .top-nav.active ul li ul.dropdown .subs {
        width: 100%;
        left: 0;
    }
    
    .top-nav.active ul li ul.dropdown .subs a {
        width: 100%;
        padding: 10px 16px;
        color: #fff !important;
        font-weight: 400 !important;
    }
}

@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(--uptownwebsitecolor);
    }
    .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: 400;
        padding: 10px 16px;
        
    }
    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: 1400px) {
    section.bann-video {
        height: 850px;
        background-position: -200px;
    }
    section.bann-video p {
        margin: 0 25% 17px 0px;
    }
    section.bann-video p br {
        display: none;
    }
}
@media (max-width:823px) {

    .hide-desk {
        font-size: 14px;
        top: 6px;
    }

    section.bann-video .mn-hd3:after {
        margin: 20px auto 0;
    }
    section.bann-video p {
        margin: 0 0 17px 0px;
    }
    .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(--uptownwebsitecolor);
        color: #ffae00;
    }
    .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(--uptownwebsitecolor);
    }
    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;
    }
    .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;
    }
    .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;
    }
    
    .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: 768px) {

    .logo a {
        display: inline-block;
    }
    
    .top-nav.active ul li > .showMenu a {
        display: inline-block;
        width: auto;
      }
      .view-more {
        display: inline-block;
      }
      section.package-detail-main-wrap .pricing-detail-btn {
        width: auto;
      }
      .pricing-detail-btn a {
        display: inline-block !important;
      }
      section.package-detail-main-wrap .pricing-detail-btn a h3{
        margin-top: 0;
        padding: 12px 25px;
      }
      section.package-detail-main-wrap .detaill-box h2 {
        width: 100%;
      }
    .contact-form-container-2 {
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .hassubs:hover .dropdown, .hassubs .hassubs:hover .dropdown {
        opacity: 1;
        display: block;
        visibility: visible;
        transition: ease-in 0.35s;
        -moz-transition: ease-in 0.35s;
        -webkit-transition: ease-in 0.35s;
    }
    section.bann-video {
        height: auto;
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        text-align: center;
        background-position: 0px;
    }
    .contact-form-container-2, .contact-info-container {
        margin-top: 95px;
        padding: 20px 30px;
        height: 497px;
    }
    section.bann-video p {
        font-size: 12px;
    }
    .mn-hd3 {
        font-size: 7vh!important;
    }

    .mn-btn3 {
        font-size: 14px;
        letter-spacing: 1px; 
        padding: 16px 26px;
    }

    .mn-btn3:before {
        font-size: 14px;
        letter-spacing: 1px;
    }
    
    .brand-logos-sec ul {
        margin: 6px;
        display: none;
    }
    .brand-logos-sec .container {
        padding: 10px 0 20px;
        display: none;
    }
    .contact-form-container-2, .contact-info-container {
        padding: 20px 30px;
        min-height: 497px;
    }
}
@media (max-width:480px) {
    .sm-hd {
        font-size: 25px !important;
        line-height: 1.1em !important;
        font-weight: 600 !important;
    }
    section.bann-video .mn-hd3 {
        padding-top: 60px;
    }
    .mn-hd3 {
        font-size: 6vh!important;
    }
    .sec-hd {
        font-size: 26px;
    }
    .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;
    }
}


/* test */