@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; }
* { outline: none; }
body {font-family: Poppins, sans-serif;font-size: 15px;line-height: 1.6em;overflow-x: hidden;margin-bottom: 622px;}
section, .banner-sec { background-color: rgb(255, 255, 255); }
h1, h2, h3 { font-family: "Titillium Web", sans-serif; }
.d-none{display:none !important;}
a { transition-duration: 0.3s; }
a:hover, a:focus { text-decoration: none; transition-duration: 0.3s; }
.white-txt * { color: rgb(255, 255, 255) !important; }
.ban-txt h1, .ban-txt h4, .ban-txt ul li { z-index: 15; position: relative; }
.logo a {display: block;/* padding: 5px 0px 0px; */}
.banner-pic .row { display: flex; flex-wrap: wrap; }
.banner-pic .cover { position: absolute; top: 0px; left: 0px; 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 { backface-visibility: hidden; transform-style: preserve-3d; }
.banner-pic .hover-effect-bann .row { position: absolute; top: -190px; left: 104vh; width: 960px; transform: rotateX(70deg) rotateZ(25deg) scale(1.2); -webkit-box-pack: end; justify-content: flex-end; }
.banner-pic .hover-effect-bann.web-hov-change .row { transform: rotateX(40deg) rotateZ(15deg) scale(1); }
.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; flex: 1 1 50%; }
.banner-pic .hover-effect-bann .shadow { display: block; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; opacity: 0.9; background-color: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 1px; animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 2 normal none running shadow; }
.banner-pic .hover-effect-bann .ItemCard__thumb img { position: relative; z-index: 1; transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transform: translate3d(0px, 0px, 20px); animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 2 normal none running levitate; }
.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 { transform: translate3d(0px, 0px, 45px) rotateX(-12deg) rotateY(20deg); 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 { transform: translate3d(0px, 0px, 50px) rotateX(0deg); }
.banner-pic .hover-effect-bann .column:hover .ItemCard__thumb .shadow { opacity: 0.6; background-color: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 6px; }
.banner-pic .section--list .row { max-width: 1200px; margin-right: auto; margin-left: auto; padding: 160px 0px; }
.banner-pic .section--list .column { padding: 20px; }
.banner-pic .hero { position: absolute; top: 0px; right: 0px; width: 100vw; padding: 160px 40px 0px; font-family: Roboto, sans-serif; color: rgb(255, 255, 255); }
.banner-pic .ItemCard { position: relative; max-width: 510px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }
.banner-pic .ItemCard__thumb { position: relative; padding: 0px; }
.banner-pic .ItemCard__thumb img { display: block; cursor: pointer; }
.banner-pic .ItemCard__summary { width: 100%; padding: 20px; background-color: rgb(255, 255, 255); }
.banner-pic .ItemCard__title { margin: 6px 0px; font-size: 1.2em; }
.banner-pic .ItemCard__meta { font-size: 0.8em; color: rgb(170, 170, 170); }
.banner-pic .ItemCard__meta.category { font-weight: 800; text-transform: uppercase; color: rgb(236, 62, 58); }
.brand-detail{
    margin-top: 187px;
    /* padding: 187px 0 42PX; */
    padding: 100px 0;
    background-color: #f5f8fa;
}
.brand-detail .brand-guide h5 {
    font-size: 20px;
    color: #33475b;
    text-transform: uppercase;
    font-weight: 700;
}
.brand-detail .brand-guide h2 {
    color: #33475b;
    font-size: 48px;
    font-weight: bold;
    line-height: normal;
}
.brand-detail .brand-guide p {
    font-size: 18px;
    color: #33475b;
    font-weight: 500;
    line-height: 29px;
    font-family: "Montserrat";
}
.brand-detail .brand-form{
    width: 420px;
    height: 364px;
    margin: auto;
    background: url("../images/form-background.html") no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;

}
.brand-detail  .form-detail{
    width: 378px;
    height: 313px;
    background-color: #fff;

}
.form-detail h4 {
    text-align: center;
    padding: 25px 0 15px;
    font-weight: 700;
    color: #33475b;
    font-size: 16px;
    font-family: "Montserrat";

}
.form-detail p {
    text-align: center;
    font-size: 17px;
    color: #33475b;
    font-weight: 500;
    padding-bottom: 20px;
    font-family: "Montserrat";

}
.form-detail .form-box{
    height: 45px;
    width: 293px;
    border: 1px solid #cac9c9;
    margin: 8px auto 0;
} 
.form-detail .form-box > input{
    height: 100%;
    width: 100%;
    padding: 0 12px;
}
.form-detail .form-box > input::placeholder{
    font-size: 14px;
    font-family: "Gilroy";
}
.form-detail .form-box._submit{
    background-color: #ffd101;
    border:none;

}
.form-detail .form-box._submit:hover {

    background-color: #33475b;
    transition: 0.5s
  
}
.form-detail .form-box._submit>input:hover{
    color: #fff;
}

.form-detail .form-box._submit>input {
    font-size: 15px;
    font-family: "Montserrat";
    /*font-family: "Gilroy";*/
    font-weight: 600;
    transition: 0.6s;
    color: #33475b;
}
section.depth_guide {
    padding-top: 150px;
}
section.depth_guide h3 {
    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
    color: #33475b;
}
section.depth_guide ul>li {
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 28px;
    font-size: 18px;
    padding-top: 30px;
    padding-left: 18px;
    color: #33475b;
    position: relative;
}       
section.depth_guide .list ul>li:before {
    content: "";
    position: absolute;
    top: 36px;
    left: -12px;
    background: url("../images/cheveron_icon.html") no-repeat;
 

    height: 18px;
    width: 18px;
}
.main_slider img {
    display: block;
    margin: auto;
}
section.conclusion {
    margin-top: 174px;
    text-align: center;
    background-color: #f5f8fa;
    padding: 46px 0 0;
}
.conc_div h4 {
    font-size: 21px;
    line-height: 29px;
    font-weight: 600;
    color: #33475b;
    font-family: 'Montserrat';
}
.conc_div a {
    color: #33475b;
    margin-top: 36px;
    background-color: #ffd724;
    padding: 12px 44px;
    line-height: 36px;
    font-size: 21px;
    /* vertical-align: inherit; */
    font-weight: 500;
    margin-bottom: 71px;
    transition: 0.5s 
}
.conc_div a:hover {
    color: #fff;
    margin-top: 36px;
    background-color: #33475b;
    padding: 12px 44px;
    line-height: 36px;
    font-size: 21px;
    /* vertical-align: inherit; */
    font-weight: 500;
    margin-bottom: 71px;
    transform: scale(1.1);
}


@-webkit-keyframes levitate { 
  0% { transform: translate3d(0px, 0px, 20px); }
  50% { transform: translate3d(0px, 0px, 1px); }
  100% { transform: translate3d(0px, 0px, 20px); }
}
@keyframes levitate { 
  0% { transform: translate3d(0px, 0px, 20px); }
  50% { transform: translate3d(0px, 0px, 1px); }
  100% { transform: translate3d(0px, 0px, 20px); }
}
@-webkit-keyframes shadow { 
  0% { opacity: 0.9; background-color: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 1px; }
  50% { opacity: 1; background-color: rgba(0, 0, 0, 0.18); box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 0px 0px; }
  100% { opacity: 0.9; background-color: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 1px; }
}
@keyframes shadow { 
  0% { opacity: 0.9; background-color: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 1px; }
  50% { opacity: 1; background-color: rgba(0, 0, 0, 0.18); box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 0px 0px; }
  100% { opacity: 0.9; background-color: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 1px; }
}
header { z-index: 2; position: absolute; top: 0px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.35); }
header.stick {position: fixed;top: -170px;left: 0px;right: 0px;z-index: 999;background: rgb(255, 255, 255);transition: top 0.4s cubic-bezier(0.3, 0.73, 0.3, 0.74) 0s;padding: 10px 0;box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 10px 2px;}
header.hdr-02.stick .top-nav ul li ul.dropdown { top: 36px; }

.stick.slideDown { top: 0px; }
.slideform { position: fixed; right: 0px; top: 0px; z-index: 999; }
.slidefrm-inner { width: 470px; position: absolute; top: 0px; right: -500px; z-index: 9999; background: transparent; height: 100vh; transition: all 0.4s ease 0s; overflow-y: scroll; }
.slidefrm-inner > div { background: url("../images/sidefrm-bg.png") 0% 0% / 100% 100% no-repeat; 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: 0px 60px 20px 0px; }
.slidefrm-inner h3 { font-family: "Titillium Web", sans-serif; display: block; font-size: 32px; font-weight: 700; color: var(--uptownwebsitecolor); text-transform: capitalize; margin: 0px 0px 10px; }
.slidefrm-bdy label { display: block; margin: 0px 0px 4px; font-size: 13px; line-height: 13px; text-transform: uppercase; }
.slidefrm-bdy input, .slidefrm-bdy select { width: 100%; border: 0px; background: transparent; padding: 4px 0px; 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(2n) { vertical-align: bottom; }
section.right-technology-sec { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 25px 0px; }
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 0s; }
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 rgb(200, 200, 200); margin: 0px 0px 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 0px 0px; }
.slidefrm-bdy ul.features-ul li { padding: 0px 4px; }
.slidefrm-bdy ul.features-ul li h5 { font-size: 11px; line-height: 12px; font-weight: 500; }
.slideform::after { content: ""; background: rgba(0, 0, 0, 0.48); width: 100%; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: -1; display: none; }
.slidefrm-inner1 { position: absolute; right: 450px; top: 0px; 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: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.25); }
.award-hd { font-size: 14px; color: rgb(0, 0, 0); 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: linear-gradient(to right, rgb(86, 203, 241) 0%, rgb(56, 145, 238) 100%); }
.topbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.top-nav {float: right;line-height: 1.2em;margin-top: 6px;}
.hdr-top-links ul { text-align: right; margin-bottom: 0px; }
.hdr-top-links ul li { display: inline-block; }
.hdr-top-links ul { font-size: 0px; }
.hdr-top-links ul li a { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: rgb(255, 255, 255); padding: 6px 15px; display: block; border-left: 1px solid rgba(255, 255, 255, 0.14); }
.hdr-top-links ul li a:hover { background: rgb(255, 174, 0); }
.hdr-top-links ul li a:hover i { opacity: 1; }
.top-general-links { border-right: 1px solid rgb(204, 204, 204); padding-right: 12px; margin-right: 6px; }
.top-general-links li { margin-left: 12px !important; }
.hdr-top-links ul li a { position: relative; }
.top-info-links a { padding-left: 23px; }
.hdr-top-links ul li a i { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: rgb(255, 255, 255); margin: 0px 9px 0px 0px; opacity: 0.2; }
header * { transition: all 0.4s ease 0s; }
header.stick .logo img {width: 160px;margin: 0px 0px 0px;display: none;opacity: 1 !important;}
.top-nav li.sticky-call { display: none; padding-left: 24px; }
header.stick li.sticky-call { display: inline-block; }
li.sticky-call a i { color: rgb(255, 255, 255); background: var(--uptownwebsitecolor); width: 18px; height: 18px; border-radius: 27px; font-size: 10px; display: block; text-align: center; padding-top: 3px; position: absolute; top: 0px; left: 0px; }
header.stick .logo img.stick-img { display: block; }
header.stick .hdr-top-links { padding: 10px 0px; }
header.stick .top-nav { padding: 7px 0px 0px; }
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: 0px; bottom: 0px; margin: auto; height: 22px; }
header.stick .sub-nav-bg li + li::before { height: 23px; top: 0px; bottom: 0px; 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: rgb(53, 53, 53); }
header.stick .st1 {
    fill: #000;
}
/*header.stick .top-nav > ul > li:last-child > a { padding: 7px 20px; background: var(--uptownwebsitered); border-color: var(--uptownwebsitered)  !important; color: rgb(255, 255, 255) !important; }*/
.slick-arrow { width: 34px; height: 66px; background: transparent; border: 0px; position: absolute; left: -50px; font-size: 0px; top: 0px; bottom: 0px; margin: auto; }
.concept-sldr-img { position: initial; }
.concept-sec .container { position: relative; }
.slick-next.slick-arrow { left: inherit; right: 0px; }
section.concept-sec .col-lg-6 { position: inherit; }
.slick-arrow::before { content: ""; background: url("../images/sprite.png") -527px -598px no-repeat; 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: 0px 7px 0px 0px; }
ul.slick-dots li button { width: 15px; height: 15px; background: rgb(204, 204, 204); font-size: 0px; border: 1px solid var(--uptownwebsitecolor); border-radius: 100%; }
ul.slick-dots li.slick-active button { background: var(--uptownwebsitecolor); border-color: rgb(204, 204, 204); }
.top-nav li { display: inline-block; position: relative; }
.top-nav li + li { margin-left: 10px; }
.top-nav li a { font-size: 15px; color: rgb(28, 28, 31); }
.top-nav > ul > li > a { font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; color: rgb(255, 255, 255); display: block; padding: 20px 5px 18px; text-transform: uppercase; letter-spacing: 0.6px; }
.top-nav > ul > li > a:hover, .top-nav li.active_nav a {color: rgb(255 102 102);}
header.stick .top-nav > ul > li > a:hover, header.stick .top-nav li.active_nav a { color: rgb(53, 53, 53) !important; border-color: rgb(53, 53, 53) !important; background: transparent !important; }
/*.top-nav > ul > li:last-child > a { border-width: 1px; border-style: solid; border-image: initial; border-radius: 2px; padding: 8px 20px; background: var(--uptownwebsitered); border-color: var(--uptownwebsitered)  !important; color: rgb(255, 255, 255) !important; }*/
/*.top-nav > ul > li:last-child > a:hover { background: transparent; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important; }*/
.top-nav ul { margin: 0px; }
#testimonials header {    background: rgb(0 0 0 / 90%);}
#testimonials .hdr-02.StickyHeader.stick.slideDown { background: rgb(255, 255, 255);}
.sub-nav-bg { background: var(--uptownwebsitecolor); text-align: center; }
.sub-nav-bg { margin: 0px; display: none; }
.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: rgb(255, 255, 255); content: ""; position: absolute; left: 0px; top: 8px; }
.sub-nav-bg li a { font-size: 14px; color: rgb(255, 255, 255); display: block; padding: 8px 18px; position: relative; }
.sub-nav-bg li a:hover { background: rgb(0, 0, 0); }
.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: rgb(123, 196, 55); content: ""; position: absolute; top: 8px; }
.sub-nav-bg li a:hover::before { left: 0px; }
.sub-nav-bg li a:hover::after { right: 0px; }
.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: 0px; left: 0px; 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: 0.95em; margin-bottom: 14px; margin-top: 30px; animation-duration: 1s; animation-fill-mode: both; animation-name: bounceInLeft; }
.ban-txt h4 { font-size: 25px; color: rgb(42, 42, 42); font-weight: 600; text-transform: capitalize; line-height: 0.95em; font-family: "Titillium Web", sans-serif; margin-bottom: 25px; animation-duration: 1.2s; animation-fill-mode: both; animation-name: bounceInLeft; }
.ban-txt h4 span { font-weight: bold; color: var(--uptownwebsitecolor); font-size: 35px; }
.ban-txt li { font-size: 16px; color: rgb(42, 42, 42); font-weight: 400; text-transform: capitalize; line-height: 0.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 { animation-duration: 1.3s; animation-fill-mode: both; animation-name: bounceInLeft; }
.ban-txt li + li { animation-duration: 1.4s; }
.ban-txt li + li + li { animation-duration: 1.5s; }
.ban-txt li + li + li + li { animation-duration: 1.6s; }
.ban-txt li + li + li + li + li { animation-duration: 1.7s; }
.types-sec { background: rgb(235, 236, 238); padding: 50px 0px 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: rgb(49, 48, 54); font-weight: 500; line-height: 1.4em; padding-top: 8px; text-transform: capitalize; }
.more-btn2 span { color: rgb(112, 189, 54); font-weight: 700; }
ul.type-ul li { display: inline-block; width: 22%; background: rgb(255, 255, 255); padding: 20px; border-radius: 12px; margin: 54px 10px 2px; box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 3px 2px; }
ul.type-ul { text-align: center; margin: 40px 0px 0px; }
.type-box i { width: 96px; height: 96px; display: inline-block; background: rgb(255, 255, 255); border-radius: 100%; margin: -70px auto 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 1px; }
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 0px 10px; color: rgb(0, 0, 0); }
ul.type-ul li.type-li1:hover { background: linear-gradient(rgb(247, 183, 51) 0%, rgb(251, 96, 31) 100%); }
ul.type-ul li.type-li1:hover i { background: linear-gradient(rgb(247, 183, 51) 0%, rgb(251, 96, 31) 100%); }
ul.type-ul li.type-li2:hover { background: linear-gradient(rgb(86, 203, 241) 0%, rgb(56, 145, 238) 100%); }
ul.type-ul li.type-li2:hover i { background: linear-gradient(rgb(86, 203, 241) 0%, rgb(56, 145, 238) 100%); }
ul.type-ul li.type-li3:hover { background: linear-gradient(rgb(218, 68, 83) 0%, rgb(155, 41, 102) 100%); }
ul.type-ul li.type-li3:hover i { background: linear-gradient(rgb(218, 68, 83) 0%, rgb(155, 41, 102) 100%); }
ul.type-ul li.type-li4:hover { background: linear-gradient(rgb(168, 224, 99) 0%, rgb(102, 182, 57) 100%); }
ul.type-ul li.type-li4:hover i { background: linear-gradient(rgb(168, 224, 99) 0%, rgb(102, 182, 57) 100%); }
ul.type-ul li:hover .type-box h5 { color: rgb(255, 255, 255); }
ul.type-ul li:hover .type-box p { color: rgb(255, 255, 255); }
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: rgb(13, 13, 8); margin: 0px 0px 5px; font-weight: 500; }
.request-proposal-sec input, .request-proposal-sec select { width: 100%; padding: 4px 0px; border: 0px; background: transparent; font-size: 12px; color: rgb(168, 168, 168); height: 33px; }
.request-proposal-sec .field { margin: 0px 0px 50px; border-bottom: 2px solid rgb(200, 200, 200); }
ul.addon-ul li label { display: inline-block; vertical-align: top; margin: 0px; padding: 0px 0px 0px 30px; position: relative; }
ul.addon-ul li { display: inline-block; width: 49%; margin: 0px 0px 15px; position: relative; }
ul.addon-ul { margin: 0px 0px 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: 0px; top: 2px; width: 1.25em; height: 1.25em; border: 2px solid rgb(204, 204, 204); background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px inset; }
ul.addon-ul [type="checkbox"]:not(:checked) + label::after, ul.addon-ul li [type="checkbox"]:checked + label::after { content: "✔"; position: absolute; top: 0.1em; left: 0.2em; font-size: 1.3em; line-height: 0.8; color: rgb(52, 166, 34); transition: all 0.2s ease 0s; }
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: rgb(187, 187, 187); background-color: rgb(221, 221, 221); }
ul.addon-ul li [type="checkbox"]:disabled:checked + label::after { color: rgb(153, 153, 153); }
ul.addon-ul li [type="checkbox"]:disabled + label { color: rgb(170, 170, 170); }
ul.addon-ul li [type="checkbox"]:checked:focus + label::before, ul.addon-ul li [type="checkbox"]:not(:checked):focus + label::before { border: 2px dotted rgb(52, 166, 34); }
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: 0.5rem; margin-right: 1rem; margin-bottom: 0px; vertical-align: baseline; }
.bann-price > * { display: inline-block; vertical-align: middle; margin: 0px 14px 0px 0px; }
.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: 0px 0px 0px 40px; }
.all-in-pkg ul.special-pkg-cta li:last-child { margin: 0px 0px 0px 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-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(68, 68, 68); border-right-color: rgb(68, 68, 68); border-left-color: rgb(68, 68, 68); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; font-size: 16px; color: rgb(113, 189, 54); font-weight: 500; padding: 6px 20px; width: 73%; text-transform: uppercase; display: inline-block; }
section.all-in-pkg .megapack-points { border: 1px solid rgb(69, 69, 69); z-index: -1; padding: 20px; background: rgba(69, 69, 69, 0.12); line-height: 1.4em; }
section.all-in-pkg .megapack-points-left li { padding-right: 10px; }
section.all-in-pkg .megapack-points li { color: rgb(201, 201, 201); font-size: 14px; position: relative; padding: 0px 0px 0px 18px; margin: 0px 0px 5px; font-weight: 200; }
section.all-in-pkg .megapack-points-left li::after { content: ""; position: absolute; font-size: 11px; left: 0px; 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 0px; }
.orng-colr { color: rgb(249, 160, 2); }
.white-colr { color: rgb(255, 255, 255); }
.all-in-pkg .feature-sec h2 { display: none; }
.all-in-pkg .feature-sec { margin: 20px 0px 0px; }
.all-in-pkg ul.features-ul li h5 { color: rgb(153, 153, 153); }
.request-proposal-sec { background: url("../images/proposal-bg.png") 0% 0% / cover no-repeat; display: none; }
ul.check-ul li { display: inline-block; color: rgb(6, 159, 252); font-size: 18px; font-weight: 600; width: 49%; margin: 0px 0px 9px; }
ul.check-ul li::before { content: ""; font-family: FontAwesome; margin: 0px 8px 0px 0px; }
ul.cstm-li li { display: inline-block; vertical-align: middle; }
.price { font-size: 70px; font-weight: 700; color: rgb(253, 192, 36); font-family: "Titillium Web", sans-serif; }
.price span { display: inline-block; line-height: normal; font-size: 17px; font-weight: 300; margin: 0px 30px 0px 0px; vertical-align: middle; color: rgb(255, 255, 255); }
.price span div { display: inline-block; text-decoration: line-through; }
ul.cstm-li { margin: 30px 0px 0px; }
.ticker { background: url("../images/ticker-img.png") repeat-x; z-index: 1; position: absolute; top: -39px; left: 0px; text-align: center; width: 100%; padding: 16px 0px 4px; }
.ticker p { margin: 0px; line-height: 20px; color: rgb(255, 255, 255); font-size: 19px; cursor: pointer; animation-iteration-count: infinite; animation-name: pulse-light; animation-duration: 0.9s; animation-fill-mode: both; }
@-webkit-keyframes pulse-light { 
  0%, 100% { transform: scale(1); }
  50% { 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 0s; }
.type-box p { font-size: 12px; line-height: normal; color: rgb(0, 0, 0); }
.hdr-cont-box { float: right; margin-bottom: 0px; }
.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: linear-gradient(to right, rgb(125, 198, 77) 0%, rgb(52, 185, 107) 100%); font-size: 16px; color: rgb(255, 255, 255); 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; }
ul.double-slidr li.slick-current::before { content: ""; width: 9px; height: 100%; position: absolute; background: rgb(255, 255, 255); left: 0px; top: 0px; }
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: rgb(158, 158, 158); font-size: 0px; width: 10px; height: 10px; border-radius: 100%; padding: 0px; margin: 0px 0px 0px 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 { transition: all 0.6s ease 0s; color: rgb(255, 255, 255) !important; }
.what-makes-sec li { position: relative; }
ul.double-slidr li.slick-current { padding-left: 30px; }
ul.double-slidr li.slick-current::after { content: ""; font-family: fontAwesome; color: rgb(255, 255, 255); position: absolute; left: 6px; top: 0px; bottom: 0px; font-size: 40px; height: 26px; margin: auto; }
.colr-black { color: rgb(0, 0, 0); }
ul.chk-bullets li::before { content: ""; 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") center center no-repeat; 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: 0px; font-size: 75px; color: rgb(24, 24, 25); font-family: "Titillium Web", sans-serif; font-weight: 700; line-height: 50px; }
.ballon-mn-bann-nested span { display: block; font-size: 27px; color: rgba(255, 255, 255, 0.56); text-decoration: line-through; }
table.comapare-box.compare-to-packg .pack-title { font-size: 20px; color: rgb(0, 0, 0); margin: 0px 0px 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 0px 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 0px 0px; }

.play-btn{
  position: relative;
}
.play-btn img{
    position: absolute;
    top: 200px;
    left: 184px;
    z-index: 1;
    /* opacity: 0; */
    transition: 0.5s;
    mix-blend-mode: difference;
}
.image-sec-3:hover .play-btn > img{
    opacity: 1

}

@media only screen and (min-width: 1600px) {
  .ban-form-box { right: 20%; top: 28%; }
}
.ban-btm-box { padding: 15px 0px; width: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 5px 0px; position: relative; }
.ban-btm-hd { float: left; width: 229px; border-right: 1px solid rgb(204, 204, 204); font-size: 18px; color: rgb(49, 48, 54); font-weight: 600; margin-right: 20px; padding: 18px 19px 18px 0px; line-height: 1.3em; letter-spacing: -1px; }
.ban-btm-logos { float: left; width: 100%; overflow: hidden; }
.ban-btm-logos ul { margin-bottom: 0px; }
.ban-btm-logos li { display: inline-block; margin: 0px; text-align: center; }
.ban-btm-logos li img { transition-duration: 0.3s; filter: grayscale(100%); opacity: 0.5; }
.ban-btm-logos li:hover img { filter: grayscale(0%); opacity: 1; transition-duration: 0.3s; }
.sec-pad { padding: 50px 0px; }
.nobanner-sec { padding-top: 70px; margin-top: 93px; 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: 0px; 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: rgb(255, 255, 255); text-align: center; font-family: Poppins, sans-serif; background: linear-gradient(45deg, rgb(254, 176, 3) 0%, rgb(243, 135, 1) 51%, rgb(243, 135, 1) 100%); margin: 0px; padding: 16px 10px 6px; text-transform: uppercase; line-height: 1.95em; border-radius: 20px 20px 0px 0px; }
.banner-form-sec h3 strong { font-weight: bold; color: rgb(255, 255, 255); }
.banner-form-sec h3 span { font-family: "Titillium Web", sans-serif; display: block; font-size: 43px; font-weight: 400; text-shadow: rgba(0, 0, 0, 0.3) 0px 3px 3px; }
.banner-form-sec { background: rgb(245, 245, 245); border-radius: 21px; box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 12px 0px; animation-name: wiggle; animation-timing-function: ease-in; animation-duration: 1.5s; animation-fill-mode: both; }
.banner-form { padding: 0px 27px 27px; }
.banner-form-sec p { font-size: 16px; color: rgb(49, 48, 54); 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: 0px 10px; }
.banner-form-sec p::before { width: 100%; height: 2px; background: rgb(252, 168, 3); 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: rgb(94, 92, 104); font-weight: 500; outline: none; border: none; background-color: transparent; height: 42px; }
.banner-form select { position: absolute; right: 6px; width: 85%; border-radius: 0px; border: 0px; }
.banner-form input[type="submit"], .banner-form input[type="button"] { background: linear-gradient(45deg, rgb(243, 135, 1) 0%, rgb(254, 176, 3) 50%, rgb(254, 176, 3) 100%); color: rgb(255, 255, 255); border: none; border-radius: 34px; font-size: 20px; padding: 12px; margin-top: 10px; width: 100%; }
.banner-form input[type="submit"]:hover, .banner-form input[type="button"]:hover { background: linear-gradient(45deg, rgb(254, 176, 3) 0%, rgb(254, 176, 3) 50%, rgb(243, 135, 1) 99%); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px; animation-iteration-count: infinite; animation-name: pulse; animation-duration: 1s; animation-fill-mode: both; transition-duration: 0.3s; }
.frmicon-box {position: relative;margin: 0px 0px 24px;display: inline-block;width: 100%;}
.popup-bdy label { font-size: 13px; color: rgb(0, 0, 0); font-weight: 600; letter-spacing: 0.5px; margin: 0px 0px 3px; line-height: 12px; display: block; }
.field-icon { position: absolute; top: 13px; left: 18px; }
.name-icon { background: url("../images/sprite.png") -10px -9px no-repeat; width: 16px; height: 18px; }
.email-icon { background: url("../images/sprite.png") -45px -11px no-repeat; width: 19px; height: 15px; }
.phone-icon { background: url("../images/sprite.png") -85px -10px no-repeat; width: 10px; height: 17px; left: 22px; }
.services-icon { background: url("../images/sprite.png") -116px -10px no-repeat; width: 19px; height: 16px; }
.sec-hd { color: var(--uptownwebsiteheading); font-weight: bold; text-transform: capitalize; margin: 0px 0px 16px; line-height: 1.1em; font-size: 36px; }
.sec-hd strong { color: rgb(53, 53, 59); }
.sec-hd span {font-family: Poppins, sans-serif;display: block;font-size: 14px;color: rgb(51, 51, 51);font-weight: 400;line-height: 1.4em;padding-top: 8px;text-transform: capitalize;}
.lg-hd { font-size: 42px; color: var(--uptownwebsitecolor); line-height: 1.1em; margin-top: 0px; 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: rgb(33, 33, 33); 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: rgb(49, 48, 54); line-height: 1.6em; margin-bottom: 30px; }
.more-btn { margin-bottom: 10px; font-size: 15px; color: rgb(255, 255, 255); display: inline-block; padding: 15px 48px; background: linear-gradient(to right, rgb(123, 196, 55) 0%, rgb(103, 183, 53) 65%, rgb(103, 183, 53) 100%); border-radius: 34px; font-weight: 400; text-transform: capitalize; }
.more-btn:hover { background: linear-gradient(to right, rgb(103, 183, 53) 0%, rgb(123, 196, 55) 99%); color: rgb(255, 255, 255); animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; }
.always-pulse { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; font-size: 16px; }
.inno-con-list li { display: inline-block; text-align: center; padding: 10px 10px 0px; width: 135px; font-size: 13px; }
.inno-con-list li + li { border-left: 1px solid rgb(204, 204, 204); }
.inno-con-list li i { display: block; }
.inno-con-list { padding-top: 54px; }
.inno-con-list li i svg { width: 65px; height: 65px; margin: 0px auto; opacity: 0; }
.get-started-cta { background-size: cover; position: relative; padding: 30px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 25px 0px; }
.get-started-cta h3 { font-size: 42px; color: rgb(255, 255, 255); text-transform: capitalize; line-height: 1.15em; margin: 0px 0px 15px; }
.get-started-cta h3 span { font-size: 22px; display: block; color: rgb(95, 95, 95); font-weight: 600; }
.get-started-cta h3 strong { color: rgb(53, 53, 53); }
.get-started-cta li { display: inline-block; }
.get-started-cta li + li { margin-left: 15px; }
.get-started-cta li a { border: 2px solid rgb(255, 255, 255); padding: 15px 10px; display: block; border-radius: 32px; font-size: 20px; line-height: 0.85em; color: rgb(255, 255, 255); width: 263px; position: relative; }
.cta-call { width: auto; margin: 6px 0px 0px; display: inline-block; font-size: 20px; padding: 10px; }
.cta-call, .cta-call a { color: rgb(51, 51, 51); }
.blue-cta-btn { background: rgb(62, 166, 230); }
.green-cta-btn { background: rgb(115, 190, 54); }
.orange-cta-btn { background: rgb(254, 85, 1); }
.get-started-cta a:hover { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; }
.get-started-cta a.white-cta-btn { background: rgb(255, 255, 255); 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: 0px 10px 0px 0px; vertical-align: text-top; }
.pack-sec {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(250, 250, 250);
    overflow: hidden;
    background: url(../images/portf-bg.jpg) bottom right no-repeat;
    background-size: cover;
}
.pack-list > li.w-100 {
    width: 100%;
}
.package-includes {
    padding: 0 20px;
}
.package-includes ul {
    font-size: 16px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 20px;
    border-radius: 20px;
}
.package-includes ul li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.package-includes ul li {
    padding: 12px 0;
}
.package-includes h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-top: 0;
}
.pack-list { text-align: center; }
.pack-list > li { position: relative; width: 28%; text-align: center; padding: 30px 0px 0px; border-radius: 8px; display: inline-block; margin: 12px 0px; background: rgb(255, 255, 255); transition-duration: 0.2s; transform: scale(1); border: 1px solid rgb(236, 236, 236); vertical-align: top; }
.pack-list li.pkg-active { border: 1px solid rgb(45, 44, 50); }
.pack-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; border-radius: 20px; filter: grayscale(1); opacity: 0.2; transition-duration: 0.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") -471px -491px no-repeat; 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") 0% 0% / cover no-repeat; padding: 30px 0px; }
.spe-pack-best { background: url("../images/business-guide/special-brand-bg.jpg") 0% 0% / cover no-repeat; }
.special-packg-sec h2 { font-size: 51px; color: rgb(6, 159, 252); font-weight: 700; line-height: 56px; margin: 0px 0px 19px; padding: 0px 0px 0px 130px; position: relative; }
.special-packg-sec h2 span { color: rgb(255, 255, 255); font-size: 42px; display: block; font-weight: 400; }
.special-packg-sec h2::before { content: ""; background: url("../images/sprite.png") -14px -590px no-repeat; width: 119px; height: 99px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; }
.special-packg-sec p { color: rgb(255, 255, 255); font-size: 18px; }
.comaparing ul li { width: 100%; background: rgb(235, 236, 238); padding: 10px; text-align: center; font-size: 13px; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; transition: all 0.4s ease 0s; }
.special-packg-sec .icn-tooltip .tooltip-innr { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.special-packg-sec .icn-tooltip .tooltip-innr::before { color: rgb(255, 255, 255); }
.comaparing ul li:hover, .comaparing ul li:nth-child(2n):hover { background: rgba(0, 0, 0, 0.32); }
.comaparing ul li:hover i { color: rgb(255, 255, 255); }
.comaparing .fa-check { color: rgb(7, 150, 19); font-size: 15px; }
.comaparing .fa-times { color: rgb(223, 0, 3); font-size: 15px; }
.no-pad {padding: 0px;height: 100%;}
.comaparing ul li:nth-child(2n) { background: rgb(255, 255, 255); }
.compare-logo { text-align: center; padding: 20px 20px 0px; border-bottom: 0px; }
.comaparing h4 { margin: 0px 10px 19px; font-size: 20px; color: var(--uptownwebsitecolor); }
.comaparing ul li:last-child { border-bottom: 1px solid rgb(227, 227, 227); }
.comaparing ul.text-left li { text-align: left; font-weight: 500; }
.col-md-cstm { width: 20%; float: left; }
.comaparing .sec-hd { margin: 0px 0px 40px; }
table.comapare-box tr td { background: rgb(235, 236, 238); padding: 10px; width: 20%; text-align: center; font-size: 13px; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; transition: all 0.4s ease 0s; }
table.comapare-box tr:nth-child(2n) td { background: rgb(255, 255, 255); }
table.comapare-box tr td:hover { background: rgba(0, 0, 0, 0.32); }
table.comapare-box tr td:hover i { color: rgb(255, 255, 255); }
table.comapare-box tr td:first-child { text-align: left; font-weight: 600; }
table.comapare-box thead th { border: 1px solid rgb(227, 227, 227); }
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 0s; }
.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: 0px 40px 0px 0px; position: relative; }
.special-ordernow { background: linear-gradient(to right, rgb(86, 203, 241) 0%, rgb(56, 145, 238) 100%); display: block; padding: 13px 50px; border-radius: 32px; color: rgb(255, 255, 255); font-size: 16px; text-transform: uppercase; font-weight: 600; }
.special-ordernow:hover { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; }
.orange-btn { background: linear-gradient(to right, rgb(253, 173, 3) 0%, rgb(245, 142, 1) 100%); display: block; padding: 13px 60px; border-radius: 32px; color: rgb(255, 255, 255); font-size: 16px; text-transform: uppercase; font-weight: 600; }
ul.special-pkg-cta li a { color: rgb(255, 255, 255); font-size: 15px; }
ul.special-pkg-cta li a i { margin: 0px 5px 0px 0px; }
ul.special-pkg-cta li::after { content: ""; width: 2px; height: 15px; background: rgb(255, 255, 255); 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: 0px 20px 0px 0px; }
ul.special-pkg li { background: rgb(255, 255, 255); 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 0px; border: 0px; text-align: left; font-size: 13px; color: rgb(102, 102, 102); font-weight: 500; position: relative; }
ul.pack-features li.heading{font-weight: 700;    font-size: 14px;}
ul.special-pkg li ul.pack-features li::after { content: ""; 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 rgb(214, 214, 214); border-bottom: 1px solid rgb(214, 214, 214); margin: 0px 20px; padding: 4px 0px; height: 183px; }
ul.special-pkg li ul.pack-features div#mCSB_25_container { margin: 0px 10px; }
ul.special-pkg { margin: 0px; }
.pack-title { font-size: 30px; color: rgb(0, 0, 0); font-weight: bold; padding: 0px 18px; margin-top: 0px; z-index: 1; position: relative; }
.combo-package .pack-title { font-size: 32px; }
.pack-title span { font-size: 16px; color: rgb(72, 72, 72); font-weight: 600; font-family: Poppins, sans-serif; display: block; padding-top: 4px; line-height: 1.28em; text-transform: none; }
.pack-price { background: rgb(255, 255, 255); padding: 10px; position: relative; color: var(--uptownwebsitecolor); transition-duration: 0.2s; border-radius: 0px 0px 10px 10px; }
.pack-price h4 { margin: 0px; font-weight: bold; text-transform: uppercase; line-height: 0.8em; font-size: 50px; font-family: Poppins, sans-serif; color: rgb(0, 0, 0); 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: 0px; display: inline-block; width: auto; text-align: left; border-left: 1px solid rgb(182, 182, 182); padding: 3px 0px 3px 5px; color: rgb(182, 182, 182); line-height: 17px; vertical-align: super; }
.pack-price p span { text-decoration: line-through; display: block; }
.pack-features { font-size: 15px; color: rgb(255, 255, 255); font-weight: 400; margin: 12px 0px 5px; height: 170px; position: relative; overflow: hidden; }
.pack-features li { text-transform: capitalize; color: rgb(102, 102, 102); font-size: 13px; overflow: hidden; }
.pack-features li:hover { overflow: visible; }
.pack-features li + li { border-top: 1px solid rgb(226, 226, 226); padding: 2px 0px; }
.view-more {
    margin: 10px 0px 0px;
    font-size: 14px;
    color: rgb(77 77 77);
    text-decoration: underline;
    display: block;
}
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: rgb(213, 211, 216); position: absolute; right: 0px; bottom: 0px; top: 0px; 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 0px 0px; font-size: 16px; color: rgb(94, 92, 104); font-weight: 400; line-height: 22px; }
ul.pack-detail-feature li { padding: 10px 14px; }
ul.pack-detail-feature li h5 { color: rgb(153, 153, 153); }
ul.pack-detail-feature { margin: 30px 0px 0px; }
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 0px 0px; font-weight: 600; padding: 15px 75px; background: linear-gradient(to right, rgb(86, 203, 241) 0%, rgb(56, 145, 238) 100%); }
.special-packg-sec.pack-detail .pack-ordernow { border-radius: 40px; }
.topbar-pack h2 { padding: 0px; display: inline-block; vertical-align: top; }
.topbar-pack img { padding: 0px 20px 0px 0px; }
.topbar-pack h2::before { display: none; }
.popular::before { content: ""; background: url("../images/sprite.png") -521px -82px no-repeat; width: 71px; height: 83px; position: absolute; right: 0px; top: 0px; }
li.pkg-active .pack-price h4 { color: var(--uptownwebsitered); }
li.pkg-active .pack-title { color: var(--uptownwebsitered); }
ul.pkg-cta li { display: inline-block; padding: 0px 12px; border-right: 2px solid rgb(221, 219, 224); line-height: 2px; font-weight: 600; }
ul.pkg-cta { margin: 10px 0px; }
ul.pkg-cta li a { color: rgb(221, 219, 224); 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 0s; }
.icn-tooltip .tooltip-innr { position: absolute; width: 160px; right: -19px; top: 24px; background: rgb(0, 0, 0); padding: 3px 3px 4px; border-radius: 3px; color: rgb(255, 255, 255); font-size: 11px; text-transform: capitalize; opacity: 0; transition: all 0.4s ease 0s; z-index: 2; box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 11px 3px; line-height: 1.5em; }
.icn-tooltip i { margin: 0px 0px 0px 4px; }
.icn-tooltip .tooltip-innr::before { content: ""; font-family: FontAwesome; right: 17px; top: -12px; position: absolute; color: rgb(0, 0, 0); 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: rgb(255, 255, 255); position: relative; }
.pack-ordernow:hover { color: rgb(255, 255, 255); background: var(--uptownwebsiteylw); animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; }
.pack-list > li:hover, .pack-list > li.pkg-active { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px 0px; transition-duration: 0.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 rgb(226, 226, 226); }
.pack-list > li:hover .pack-bg, .pack-list > li.pkg-active .pack-bg { filter: grayscale(0); opacity: 1; transition-duration: 0.2s; }
.pack-list > li:hover .pack-price, .pack-list > li.pkg-active .pack-price { transition-duration: 0.2s; color: rgb(72, 67, 67); }
.pack-list > li:hover .pack-ordernow, .pack-list > li.pkg-active .pack-ordernow { transition-duration: 0.2s; }
.pack-list-tabs { border: 1px solid rgb(204, 204, 204); background: rgb(239, 239, 239); text-align: center; margin: 0px auto 25px; border-radius: 50px; padding: 6px 1px 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 8px inset; display: inline-block; }
.pack-list-tabs li { display: inline-block; line-height: 1em; padding: 0px 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: rgb(255, 255, 255); background: linear-gradient(to right, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%); text-decoration: none; }
.pack-list-tabs li a:hover svg, .pack-list-tabs li a.active svg { fill: rgb(255, 255, 255); }
.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 rgb(220, 220, 220); border-radius: 100%; background: rgb(255, 255, 255); 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: linear-gradient(to right, rgb(234, 99, 95) 0%, rgb(153, 207, 112) 100%); position: absolute; left: 70px; bottom: 27px; margin: auto; transition: all 0.4s ease 0s; }
ul.process-ul.process2::before { width: 21%; }
ul.process-ul.process3::before { width: 33%; background: linear-gradient(to right, rgb(234, 99, 95) 0%, rgb(153, 207, 112) 52%, rgb(167, 62, 184) 100%); }
ul.process-ul.process4::before { width: 53%; background: linear-gradient(to right, rgb(234, 99, 95) 0%, rgb(153, 207, 112) 34%, rgb(167, 62, 184) 68%, rgb(56, 161, 244) 100%); }
ul.process-ul.process5::before { width: 66%; background: linear-gradient(to right, rgb(234, 99, 95) 0%, rgb(153, 207, 112) 25%, rgb(167, 62, 184) 52%, rgb(56, 161, 244) 77%, rgb(255, 125, 84) 100%); }
ul.process-ul.process6::before { width: 86%; background: linear-gradient(to right, rgb(234, 99, 95) 0%, rgb(153, 207, 112) 19%, rgb(167, 62, 184) 39%, rgb(56, 161, 244) 60%, rgb(255, 125, 84) 79%, rgb(115, 141, 153) 100%); }
ul.process-ul::after { z-index: -2; content: ""; width: 83%; height: 18px; background: rgb(220, 220, 220); position: absolute; left: 0px; right: 0px; bottom: 27px; margin: auto; box-shadow: gainsboro 0px 0px 13px 2px; }
ul.process-ul { position: relative; margin: 50px 0px 20px; z-index: 0; }
ul.process-ul * { transition: all 0.4s ease 0s; }
i.actv-ul { width: 69px; height: 69px; display: inline-block; position: absolute; background: rgb(234, 99, 95); border-radius: 100%; border: 3px solid rgb(255, 255, 255); left: 54px; bottom: 0px; z-index: 1; }
i.actv-ul::before { content: ""; border-top: 25px solid rgb(234, 99, 95); border-left: 14px solid transparent; border-right: 14px solid transparent; transition: all 0.3s linear 0s; position: absolute; bottom: -15px; left: 18px; }
.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: rgb(103, 182, 54); }
ul.process-ul.process2 i.actv-ul::before { border-top-color: rgb(103, 182, 54); }
ul.process-ul.process3 i.actv-ul { left: 415px; background-color: rgb(167, 62, 184); }
ul.process-ul.process3 i.actv-ul::before { border-top-color: rgb(167, 62, 184); }
ul.process-ul.process4 i.actv-ul { left: 597px; background-color: rgb(56, 161, 244); }
ul.process-ul.process4 i.actv-ul::before { border-top-color: rgb(56, 161, 244); }
ul.process-ul.process5 i.actv-ul { left: 778px; background-color: rgb(255, 125, 84); }
ul.process-ul.process5 i.actv-ul::before { border-top-color: rgb(255, 125, 84); }
ul.process-ul.process6 i.actv-ul { left: 959px; background-color: rgb(115, 141, 153); }
ul.process-ul.process6 i.actv-ul::before { border-top-color: rgb(115, 141, 153); }
ul.process-ul.process-animate i.actv-ul { animation: 0.6s ease 0s 1 normal none running anim-cur-step; }
@-webkit-keyframes anim-cur-step { 
  20% { transform: rotate(45deg); }
  70% { transform: rotate(-45deg); }
  100% { 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: 0px; bottom: 0px; margin: auto; }
.process-arrows > div::before { content: ""; background: url("../images/sprite.png") -527px -598px no-repeat; 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 0px 0px; 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: 0px 11px; border-radius: 12px; transition: all 0.4s ease 0s; }
ul.idustries-ul li:hover { background: rgb(230, 230, 230); box-shadow: rgba(49, 49, 49, 0.05) 0px 0px 10px 4px; }
ul.idustries-ul li h4 { margin: 10px 0px 0px; }
.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") 0% 0% / cover no-repeat; padding: 60px 0px; }
.dark-grey-bg { background: rgba(255, 255, 255, 0.57); }
section.serv-industries .dark-grey-bg { padding: 20px; border-radius: 12px; }
ul.idustries-ul-slide-toggle li { display: inline-block; width: 33%; background: rgba(255, 255, 255, 0.88); margin: 0px 0px 4px; transition: all 0.4s ease 0s; }
ul.idustries-ul-slide-toggle li:hover { background: var(--uptownwebsitecolor); }
ul.idustries-ul-slide-toggle li:hover a { color: rgb(255, 255, 255); }
ul.idustries-ul-slide-toggle li a::before { content: "\f00c"; font-family: FontAwesome; display: inline-block; margin: 0px -7px 0px 0px; padding: 10px 20px; }
ul.idustries-ul-slide-toggle li a { color: rgb(0, 0, 0); display: block; }
.pack-list > li:hover { animation-play-state: paused; }
.blue-btn { display: inline-block; padding: 13px 30px; border-radius: 32px; color: rgb(255, 255, 255); font-size: 16px; text-transform: uppercase; font-weight: 500; }
.blue-btn:hover { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; }
section.serv-industries .blue-btn { margin: 0px 0px -20px; position: relative; top: 30px; }
.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: 0px; }
.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 0px 0px; }
.testi-box { background: rgb(235, 236, 238); padding: 40px 102px 40px 50px; color: rgb(39, 39, 39); 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 0px 0px; }
.testi-box::before { content: "‘‘"; display: block; font-size: 101px; line-height: 0; color: var(--uptownwebsitecolor); margin: 30px 0px 0px; font-style: normal; font-weight: 500; position: relative; top: 8px; }
.testi-box::after { content: "’’"; display: block; font-size: 101px; line-height: 0; color: var(--uptownwebsitecolor); margin: 30px 0px 0px; font-style: normal; font-weight: 500; position: relative; bottom: -20px; text-align: right; }
.testi-author { position: absolute; right: 7px; top: 0px; text-align: right; overflow: hidden; }
.testi-author img { display: inline-block; box-shadow: rgba(107, 107, 107, 0.32) 0px 0px 10px 2px; margin: 0px 0px 10px; width: 236px; }
.testi-author p { font-size: 12px; color: var(--uptownwebsitecolor); line-height: 17px; font-weight: 500; margin: 0px 10px 0px 0px; }
.testi-author p span { display: block; color: rgb(0, 0, 0); }
.rating { font-size: 13px; margin: 10px 14px 0px 0px; color: rgb(245, 214, 13); }
.awrd-icn::before { content: ""; background: url("../images/sprite.png") -14px -322px no-repeat; 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 0px; }
footer {background: rgb(0 0 0);z-index: -100;position: fixed;bottom: 0px;width: 100%;}
.ftr-logo svg, .ftr-logo img { width: 195px; opacity: 1; }
.ftr-top-section {text-align: left;padding-bottom: 12px;}
.ftr-btm-section {font-size: 13px;border-top: 1px solid #ffffff40;padding-top: 20px;color: #fff;font-weight: 300;line-height: 1.7em;}
.ftr-btm-section, .ftr-btm-section a {}
.ftr-btm-section a {text-decoration: underline;font-size: 13px;color: #fff;text-decoration: none;}
.ftr-btm-section a:hover { text-decoration: none; color: rgb(255, 255, 255); }
.ftr-contact-info li { display: inline-block; }
.ftr-top-section li, .ftr-top-section li a, .ftr-region p {color: #dddddd;font-size: 13px;line-height: 1.6em;}
.ftr-top-section li a:hover { color: rgb(226, 226, 226); }
.ftr-logo { margin: 20px 0px 25px; }
.ftr-contact-info {margin-bottom: 20px;display: inline-block;}
.ftr-contact-info > li + li { border-left: 2px solid rgb(40, 40, 45); }
.ftr-contact-info > li { padding: 0px 13px 0px 19px; }
.ftr-contact-info > li > i { color: var(--uptownwebsitered); margin-right: 2px; }
.ftr-social-icon i { font-size: 19px; margin: 0px 2px; }
.ftr-links {clear: both;padding-top: 11px;padding-bottom: 20px;}
.ftr-links h4 {font-size: 18px;color: #fff;font-weight: 600;margin-bottom: 13px;display: inline-block;margin-top: 33px;}




.ftr-region h5 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 13px;
    position: relative;
    padding-left: 35px;
    padding-top: 3px;
    margin-bottom: 23px;
}

.ftr-region h5 span {
    position: absolute;
    top: 0;
    left: 0;
}

h5 {}

.ftr-top-area ul li {
    display: inline-flex;
    width: 24.7%;
}

.ftr-top-area ul li p {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    line-height: 1.3em;
    padding-left: 15px;
}

.ftr-top-area ul li p span {
    font-weight: 300;
    display: block;
    font-size: 12px;
}

.ftr-top-area {
    border-bottom: 1px solid #ffffff40;
    padding-top: 41px;
    padding-bottom: 15px;
}

.ftr-brands {
    text-align: right;
    padding-top: 34px;
}

.newsletter-container {
        clear: both;
        width: 100%;
        margin-top: 60px;
}

.newsletter-box input[type="text"] {
    border: none;
    height: 55px;
    padding: 0 23px;
    width: 63%;
    border-radius: 5px;
}

.newsletter-box input[type="submit"] {
    background: no-repeat;
    border: 2px solid #fff;
    border-radius: 5px;
    height: 54px;
    border-radius: 32px;
    width: 30%;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-left: 19px;
}

.newsletter-container h5 {
    color: #dddddd;
    font-size: 14px;
    line-height: 2.1em;
}

span.ftr-btm-links {
    display: 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: 0px; top: 5px; border-radius: 20px; content: ""; background: var(--uptownwebsitecolor); }
.need-logo-sec { position: relative; background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%); overflow: hidden; }
section.need-logo { overflow: hidden; }
.need-logo-sec::before { background: url("../images/logo101-img2.png") no-repeat; width: 1352px; height: 722px; display: block; content: ""; position: absolute; left: -10%; top: 18%; }
.need-website-sec::before { background: url("../images/web101-img2.png") no-repeat; width: 733px; height: 400px; top: 12%; left: -2% !important; }
.need-brand-sec::before { background: url("../images/brand101-img2.png") no-repeat; width: 770px; height: 527px; top: -20%; left: -5% !important; }
.extra-features h4 { font-size: 24px; color: var(--uptownwebsitecolor); font-weight: 400; line-height: 30px; font-family: "Titillium Web", sans-serif; margin: 0px 0px 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 0px 10px; min-height: 483px; width: 56% !important; }
.animation-pricing .col-md-4::after { content: ""; width: 1px; height: 60%; background: rgb(201, 201, 201); position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; }
.animation-pricing .col-md-4:last-child::after { display: none; }
.video-qty label { font-weight: 400; width: 54%; }














@media only screen and (min-width: 1600px) {
  .need-logo-sec::before { left: 125px; }
  .need-website-sec::before { left: 12% !important; }
  .need-brand-sec::before { left: 0% !important; }
}
.need-logo-sec h3 { font-weight: 500; font-style: italic; font-size: 22px; line-height: 1.4em; margin-top: 30px; }
.str-brand-sec li p { min-height: 110px; }
.str-brand-sec h4 { font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 8px; }
.str-brand-sec li { margin: 20px 0px; }
.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: rgb(0, 0, 0); }
.awardone1 { fill: rgb(203, 152, 44); }
.stawardfour0 { fill: url("#SVGID_45_"); }
.stawardfour1 { fill: rgb(0, 0, 0); }
.awardtwo0 { fill: rgb(0, 0, 0); }
.awardtwo1 { fill: rgb(233, 37, 45); }
.awardtwo2 { fill: rgb(50, 122, 245); }
.awardfive0 { fill: rgb(246, 214, 13); }
.awardfive1 { fill: rgb(0, 0, 0); }
.awardthree0 { fill: rgb(147, 149, 152); }
.awardthree1 { fill: rgb(247, 215, 59); }
.awardthree2 { fill: rgb(247, 158, 39); }
.awardthree3 { fill: rgb(240, 94, 81); }
.awardthree4 { fill: rgb(206, 96, 161); }
.what-makes-sec { position: relative; background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%); }
.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: rgb(255, 255, 255) !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: 0px; 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: 0px auto; }
.what-fonts-sec { position: relative; background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%); }
.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: rgb(255, 255, 255); padding-top: 18px; display: inline-block; background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%); }
.style-guide-sec li h4 { font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 25px 0px 8px; }
.style-guide-sec li p { overflow: hidden; margin: 0px; }
#portfolio .portfolio-tar { box-sizing: border-box; display: none; float: left; overflow: hidden; width: 100%; margin: 0px 0px 15px; }
.sel-indus-dd { width: 43%; margin: 0px auto 20px; background: rgb(238, 238, 238); padding: 1.5%; }
.sel-indus-dd select { width: 100%; height: 58px; border: 2px solid rgb(220, 220, 220); color: rgb(132, 132, 132); font-size: 18px; }
#packageslist .package { box-sizing: border-box; display: none; float: left; width: 100%; margin: 0px 0px 15px; }
.inner-sec p { }
.inner-hd3 { font-weight: 600; margin-top: 30px; }
.sec-hd4 { font-size: 24px; font-weight: 500; font-style: italic; margin: 30px 0px; }
.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: rgb(215, 215, 215); font-size: 18px; color: rgb(102, 102, 102); display: block; padding: 20px 64px; border-radius: 21px; margin: 10px; }
.tag-list li a:hover { background: var(--uptownwebsitecolor); color: rgb(255, 255, 255); }
.nopad-top { padding-top: 0px !important; }
.nopad-btm { padding-bottom: 0px !important; }
.nomar-bottom { margin-bottom: 0px !important; }
.client-says-box { margin-top: 20px; }
#return-to-top { position: fixed; bottom: 20px; right: 20px; background: linear-gradient(to right, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%); color: rgb(255, 255, 255); width: 50px; height: 50px; text-decoration: none; border-radius: 50px; display: none; transition: all 0.3s ease 0s; }
#return-to-top i { color: rgb(255, 255, 255); margin: 0px; position: relative; left: 16px; top: 13px; font-size: 19px; transition: all 0.3s ease 0s; }
#return-to-top:hover { background: rgba(53, 53, 53, 0.92); }
#return-to-top:hover i { color: rgb(255, 255, 255); top: 10px; }
.philosophy-sec {/* background-size: cover; */background: #242424;}
.philosophy-sec * { color: rgb(255, 255, 255); }
.philosophy-bg-icons { padding-bottom: 305px; }
.expect-sec { background: url("../images/grey-arrow-bg.png") right top no-repeat rgb(255, 255, 255); overflow: hidden; position: relative; padding: 90px 0px; }
.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: rgb(255, 255, 255); padding: 34px 0px 0px; border: 1px solid rgb(236, 236, 236); border-radius: 8px; }
.animation-meta { border-top: 1px solid rgb(225, 225, 225); border-bottom: 1px solid rgb(225, 225, 225); overflow: hidden; }
.animation-pricing h6, .animation-pricing h5 { margin: 0px; }
.pack-ordernow1 { font-size: 17px; display: inline-block; padding: 8px 75px; margin: 0px 18px; color: rgb(255, 255, 255); background: rgb(69, 173, 230); border-radius: 30px; font-weight: 500; position: relative; transition-duration: 0.2s; text-transform: uppercase; }
.animation-pricing h6 { font-size: 12px; color: rgb(99, 99, 99); }
.animation-pricing h5 { font-size: 14px; color: rgb(64, 64, 64); font-weight: 700; margin: 6px 0px 0px; }
.animation-pricing .pack-ordernow1 { padding: 11px 0px; width: 88%; margin: 30px 0px 0px 30px; }
li.custom-cal-li ul.pkg-cta { margin: 15px 0px 0px; }
@media only screen and (min-width: 1600px) {
  .expect-sec::before { left: 0px; }
}
.portfolio-box li { padding: 14px; }
.portfolio-box li a { position: relative; display: block; border: 1px solid rgb(220, 220, 220); overflow: hidden; }
.portfolio-box li a img { transition-duration: 0.3s; }
.portfolio-box li a .iconport { position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; z-index: 1; opacity: 0; transition: all 0.5s ease 0s; text-align: center; }
.portfolio-box li a .iconport i { position: absolute; inset: 0px; height: 40px; font-size: 30px; color: rgb(255, 255, 255); margin: auto; text-shadow: rgb(150, 150, 150) 0px 0px 15px; }
.portfolio-box li a:hover > img { transform: scale(1.2); transition-duration: 0.3s; }
.portfolio-box li a:hover .iconport { opacity: 1; }
.portfolio-box .slick-prev, .portfolio-box .slick-next { position: absolute; background: none; border: none; padding: 0px; z-index: 1; }
.portfolio-box .slick-prev i, .portfolio-box .slick-next i { font-size: 54px; color: rgb(160, 160, 160); }
.portfolio-box .slick-prev i:hover, .portfolio-box .slick-next i:hover { color: rgb(23, 23, 25); }
.portfolio-box .slick-prev { left: -50px; }
.portfolio-box .slick-next { right: -50px; }
.client-says-sec { background: rgb(239, 239, 239); }
.mobile-nav { display: none; }
.btn-readmore { border: 2px solid rgb(255, 255, 255); padding: 14px 42px; display: inline-block; font-size: 16px; border-radius: 44px; color: rgb(255, 255, 255); margin-top: 8px; outline: none; font-weight: 400; animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; transition-duration: 0.3s; }
.btn-readmore:hover { color: rgb(2, 2, 2); background: rgb(255, 255, 255); animation-iteration-count: inherit; }
.disclaimer-sec { padding: 15px 0px; text-align: center; }
.disclaimer-sec p { color: rgb(103, 101, 114); font-size: 10px; margin: 0px; line-height: 1.4em; }
.video-review-box { padding-top: 30px; position: relative; }
.video-rev-img { position: relative; background: rgb(0, 0, 0); }
.video-rev-img img { opacity: 0.5; }
.review-play { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; text-align: center; line-height: 30em; }
.review-play svg { width: 80px; height: 80px; fill: rgb(255, 255, 255); }
.video-rev-txt { background: rgb(226, 226, 226); margin-left: -75px; padding: 60px 60px 40px; text-align: center; margin-top: 40px; }
.video-rev-txt h4 { font-size: 24px; margin: 0px 0px 15px; color: var(--uptownwebsitecolor); font-weight: bold; line-height: 1.2em; position: relative; padding: 0px 40px; }
.video-rev-txt h4::before, .video-rev-txt p::after { display: inline-block; font: 30px / 1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.video-rev-txt h4::before { content: ""; display: block; position: absolute; left: -25px; top: -25px; color: rgb(179, 179, 179); }
.video-rev-txt p::after { content: "ï„Ž"; display: block; position: absolute; right: 0px; bottom: 13px; color: rgb(157, 157, 157); }
.video-rev-txt p { font-size: 18px; color: rgb(157, 157, 157); font-weight: 400; height: 110px; overflow: hidden; position: relative; }
.video-author-name { font-size: 21px; color: rgb(157, 157, 157); line-height: 1.2em; }
.video-author-name strong { display: block; color: rgb(49, 48, 54); }
.video-review-box .slick-dots { text-align: center; padding-top: 35px; clear: both; position: absolute; right: 0px; bottom: 4%; }
.video-review-box .slick-dots button { display: none; }
.video-review-box .slick-dots li { width: 45px; height: 5px; background: rgb(204, 204, 204); display: inline-block; margin: 0px 5px; cursor: pointer; }
.video-review-box .slick-dots .slick-active { background: var(--uptownwebsitecolor); }
.txt-rev-img img { border-radius: 150px; border: 1px solid rgb(204, 204, 204); width: 81px; height: 81px; }
.testi-txt-box { background: rgb(171, 216, 255); padding: 20px 20px 20px 60px; position: relative; transition: all 0.4s ease 0s; }
.testi-txt-box:hover { transform: scale(1.03); }
.testi-txt-box::after { width: 0px; height: 0px; border-top: 10px solid transparent; border-right: 10px solid rgb(171, 216, 255); border-bottom: 10px solid transparent; position: absolute; top: 26px; left: -9px; content: ""; }
.testi-txt-box::before { display: inline-block; font: 23px / 1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 0px; left: 0px; }
.testi-txt-box::before { content: ""; display: block; position: absolute; left: 26px; top: 17px; color: rgb(61, 61, 61); }
.testi-txt-box p { font-size: 15px; color: rgb(61, 61, 61); line-height: 1.5em; }
.txt-rev-name { text-align: right; color: rgb(2, 100, 44); line-height: 1.2em; font-size: 14px; }
.testi-star i { font-size: 14px; color: rgb(255, 162, 0); }
.txt-review-container { padding-top: 40px; }
.txt-review-container > ul > li { margin: 25px 0px; }
.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: 0px; left: 0px; content: ""; top: initial; bottom: -10px; }
.top-nav ul li ul.dropdown { position: absolute; left: -14px; top: 80px; width: 280px; padding: 15px 15px 6px; z-index: 100; background: rgb(255, 255, 255); border-top: 3px solid var(--uptownwebsitecolor); transition: all 500ms ease 0s; box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px; display: block; visibility: hidden; opacity: 0; }
header ul.dropdown li a::before { content: ""; font-family: FontAwesome; position: absolute; right: 0px; font-size: 11px; font-weight: 100; color: rgba(0, 0, 0, 0.63); transition: all 0.4s ease 0s; }
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: 0px 0px 11px; border: 0px; }
.top-nav ul ul.dropdown li:last-child { border: 0px; }
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: rgb(0, 0, 0); }
.sub-nav-bg li.active_nav a::before { left: 0px; }
.sub-nav-bg li.active_nav a::after { right: 0px; }
header .top-nav li.dropdown-parent:hover .dropdown { visibility: visible; opacity: 1; top: 58px; }
header ul.dropdown li a { position: relative; display: block; padding: 7px 0px; line-height: 22px; font-size: 14px; text-align: left; text-transform: capitalize; transition: all 500ms ease 0s; font-weight: 600 !important; color: rgb(26, 28, 36) !important; }
.top-nav ul ul.dropdown li { position: relative; width: 100%; border-bottom: 1px solid rgba(101, 101, 101, 0.42); padding: 0px; margin-left: 0px; }
.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: ""; 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: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.24) -2px 4px 10px 0px; }
.contact-info-container {background: linear-gradient(to right, #3e5065 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);}
.contact-form-container h4 { margin: 0px 0px 30px; font-size: 21px; color: rgb(94, 92, 104); }
.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 rgb(218, 218, 218); padding: 12px 25px; border-radius: 10px; margin: 10px 0px; }
.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: rgb(255, 255, 255);display: inline-block;padding: 15px 90px;background: linear-gradient(to right, #3f5065 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%);border-radius: 34px;font-weight: 400;text-transform: capitalize;border: none;float: right;}
.contact-info-container * { color: rgb(255, 255, 255); }
.contact-info-container h4 { margin: 0px 0px 30px; font-size: 37px; font-weight: normal; }
.contact-info-container h5 { margin: 24px 0px 16px; font-size: 24px; font-weight: normal; }
.contact-info-container h5::after { width: 27px; height: 2px; content: ""; display: block; background: rgb(255, 255, 255); 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: 0px; z-index: 2; display: none; }
.sidebar-fix-box ul { background: linear-gradient(to right, var(--uptownwebsitecolor) 34%,#67b636 100%); border-radius: 35px 0px 0px 35px; padding: 15px 7px; box-shadow: rgba(0, 0, 0, 0.25) -4px 4px 10px 0px; }
.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: 0px; width: 178px; padding: 5px 10px 7px; text-align: right; font-size: 13px; color: rgb(255, 255, 255); line-height: 1.3em; display: none; box-shadow: rgba(0, 0, 0, 0.25) -4px 4px 10px 0px; background: linear-gradient(to right, var(--uptownwebsitecolor) 34%,#67b636 100%); }
.fixbar-tooltip::after { width: 0px; height: 0px; border-top: 23px solid transparent; border-left: 10px solid rgb(104, 183, 54); 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: rgb(255, 255, 255); animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; }
.sidebarfix-icon { width: 36px; height: 36px; display: block; background: url("../images/sprite.png") 0px 0px no-repeat; }
.sidebarfix-iconphone { background: url("../images/sprite.png") 0px -108px no-repeat; }
.sidebar-fix-box a:hover .sidebarfix-iconphone { background: url("../images/sprite.png") 0px -72px no-repeat; }
.sidebarfix-iconchat { background: url("../images/sprite.png") -36px -108px no-repeat; }
.sidebar-fix-box a:hover .sidebarfix-iconchat { background: url("../images/sprite.png") -36px -72px no-repeat; }
.sidebarfix-iconquote { background: url("../images/sprite.png") -72px -108px no-repeat; }
.sidebar-fix-box a:hover .sidebarfix-iconquote { background: url("../images/sprite.png") -72px -72px no-repeat; }
.sidebarfix-icontop { background: url("../images/sprite.png") -108px -108px no-repeat; }
.sidebar-fix-box a:hover .sidebarfix-icontop { background: url("../images/sprite.png") -108px -72px no-repeat; }
.list-bullets { list-style: disc; margin: 10px 0px 25px 30px; }
.list-bullets li { margin-bottom: 4px; }
.faq-accord { }
.faq-accord li { display: block; border: 1px solid rgb(221, 223, 225); margin-bottom: 21px; padding: 20px 40px 20px 20px; }
.faq-accord h4 { font-size: 15px; color: rgb(78, 78, 78); font-weight: 500; position: relative; padding-left: 0px; padding-bottom: 0px; cursor: pointer; margin: 0px; }
.faq-accord h4::after { display: inline-block; font: 16px / 1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 3px; right: -25px; content: "\f067"; color: var(--uptownwebsitered); }
.faq-accord h4.ui-state-active::after { content: "\f068"; }
.faq-accord .ui-accordion-content { padding: 9px 0px 0px; border-top: 2px solid rgb(241, 241, 241); margin: 15px 0px 0px; }
.faq-accord .ui-accordion-content p { font-size: 15px; color: rgb(142, 142, 142); font-weight: 500; line-height: 24px; padding-bottom: 0px; margin: 0px; }
.download-cta { background: url("../images/download-cta-bg.jpg") 0% 0% / cover; position: relative; padding: 50px 0px; }
.download-cta-pic { margin-top: -115px; float: right; margin-bottom: -57px; }
.download-cta h3 { font-size: 38px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1em; margin-bottom: 12px; font-weight: bold; }
.download-cta h3 strong { color: rgb(57, 186, 105); }
.download-cta p { font-size: 18px; color: rgb(255, 255, 255); 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: 0.85em; color: rgb(255, 255, 255); position: relative; }
.download-cta a:hover { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; }
.download-cta a.white-cta-btn { background: linear-gradient(to right, #7ec64d 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%); color: rgb(255, 255, 255); }
.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: 0.2s; }
.whyus-list li:hover { background: rgb(239, 239, 239); transition-duration: 0.2s; box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 35px 0px; }
.whyus-list li i { background: rgb(213, 92, 191); display: flex; width: 200px; height: 200px; text-align: center; margin: 0px auto 40px; align-items: center; justify-content: center; border-radius: 10px; }
.whyus-list li:hover i { box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 5px 0px; transition-duration: 0.2s; }
.whyus-list li + li i { background: rgb(0, 155, 217); }
.whyus-list li + li + li i { background: rgb(255, 155, 83); }
.whyus-list li + li + li + li i { background: rgb(78, 222, 118); }
.whyus-list li + li + li + li + li i { background: rgb(129, 134, 216); }
.whyus-list li + li + li + li + li + li i { background: rgb(62, 195, 150); }
.whyus-list svg { height: 94px; fill: rgb(255, 255, 255); }
.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: rgb(138, 138, 138); }
.whyus-list li p { margin: 0px; }
.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") 0% 0% / cover rgb(255, 255, 255); }
.thankyou-sec h2 { color: rgb(119, 197, 80); font-size: 79px; font-weight: 900; line-height: 1em; text-shadow: rgba(150, 150, 150, 0.75) 0px 4px 4px; }
.thankyou-pic { padding-top: 40px; }
.thankyou-btn { margin: 0px; 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: 0.85em; color: var(--uptownwebsitecolor); position: relative; text-align: left; }
.thankyou-btn a:hover { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; }
.thankyou-btn .colored-btn { background: linear-gradient(to right, var(--uptownwebsitecolor2) 0%, var(--uptownwebsitecolor) 65%, var(--uptownwebsitecolor) 100%); color: rgb(255, 255, 255); }
.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: rgba(150, 150, 150, 0.75) 0px 4px 4px; color: rgb(94, 193, 90); }
.error-sec h2 span { font-size: 102px; text-transform: uppercase; font-family: "Titillium Web", sans-serif; font-weight: bold; line-height: 0.85em; margin: 0px; padding-top: 0px; color: rgb(94, 193, 90); }
.grey-bg { background: rgb(247, 247, 247); }
.path { stroke-dasharray: 1000; stroke-dashoffset: 0; stroke: transparent; }
.drawl svg .path { stroke-dasharray: 1000; stroke-dashoffset: 0; stroke: rgb(255, 255, 255); stroke-width: 2; animation: 1.8s linear 0s 1 normal forwards running dash; }
@keyframes dash { 
  0% { stroke-dashoffset: 1000; }
  100% { 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: rgb(255, 255, 255); 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: 0px; left: 0px; border-radius: 50%; box-shadow: rgb(255, 255, 255) 0px 0px 2px; animation: 4s ease-out 1s infinite normal none running glow-grow; }
.draw-line > ul li.drwln::after { position: absolute; content: ""; height: 100%; width: 100%; top: 0px; left: 0px; border-radius: 50%; box-shadow: rgb(255, 255, 255) 0px 0px 2px; animation: 4s ease-out 0s infinite normal none running glow-grow; }
@-webkit-keyframes glow-grow { 
  0% { opacity: 0; transform: scale(1); }
  80% { opacity: 1; }
  100% { transform: scale(2); opacity: 0; }
}
@keyframes glow-grow { 
  0% { opacity: 0; transform: scale(1); }
  80% { opacity: 1; }
  100% { 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: 0px 0px 5px; color: rgb(255, 255, 255); position: relative; left: -22px; top: 0px; transition: all 0.2s ease 0s; 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 0s; }
.draw-line > ul li .hov-box p { color: rgb(0, 0, 0); font-size: 13px; line-height: 1.4em; opacity: 0; }
.draw-line > ul li figure:hover + .hov-box { top: 0px; background: white; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 1px; }
.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: rgb(255, 255, 255); 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: 1s ease-out 0s 1 normal forwards running popout-li; }
@-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: 1s ease-out 0.6s 1 normal forwards running popout-li1; }
@-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: 1s ease-out 1.2s 1 normal forwards running popout-li2; }
@-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: 1s ease-out 1.8s 1 normal forwards running popout-li3; }
@-webkit-keyframes popout-li3 { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@keyframes popout-li3 { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}


.popup-layout2 .popup-inner{position: relative;}
.popup-layout2 .popup-inner a.close{}

.popup-layout2 .popup-inner .popup-close {position: absolute;font-size: 20px;background: rgb(255, 255, 255);color: var(--uptownwebsitecolor);right: -34px;top: -31px;border: 1px solid var(--uptownwebsitecolor);border-radius: 41px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;z-index: 1;}

.popup-layout2 .popup-inner img {width: 10%;}

ul.phlsphy-cls li:hover { z-index: 1; }
.popup-layout { position: fixed; background: rgba(0, 0, 0, 0.58); width: 100%; height: 100%; z-index: 999; top: 0px; left: 0px; 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: 950px;position: absolute;inset: 0px;max-height: 90vh;background: rgb(255, 255, 255);margin: auto;border-radius: 18px;}
.popup-inner img {width: 100%;height: 100%;object-fit: cover;}
.popup-inner .ovrflw-hdden {height: 100%;overflow: hidden;border-radius: 12px 0px 0px 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: 0px; text-transform: capitalize; min-height: 35px; }
.popup-header, .popup-header1 { border-radius: 0px 20px 0px 0px; padding: 10px 0px 10px 29px; position: relative; }
.popup-bdy { padding: 10px 40px; border-radius: 0px 0px 20px; }
.popup-layout .popup-inner::before { content: ""; width: 92%; height: 40px; background: rgba(255, 255, 255, 0.34); position: absolute; bottom: -20px; left: 0px; right: 0px; margin: auto; border-radius: 0px 0px 10px 10px; }
.popup-layout .popup-inner::after { content: ""; width: 86%; height: 35px; background: rgba(255, 255, 255, 0.17); position: absolute; bottom: -35px; left: 0px; right: 0px; margin: auto; border-radius: 0px 0px 10px 10px; }
.popup-header h3 span { display: none; }
.popup-header p span sup { font-size: 100%; top: 0px; }
.popup-header p, .popup-header1 p { font-size: 23px; color: rgb(0, 0, 0); font-family: "Titillium Web", sans-serif; margin: 0px; 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-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; font-size: 13px; padding: 5px 0px; border-bottom-style: solid; border-bottom-color: rgb(168, 168, 168); }
.popup-layout .popup-inner button, .popup-layout .popup-inner input[type="submit"] { width: auto; border: none; padding: 6px 39px !important; }
.popup-layout select { height: 42px; border-radius: 0px; border: 0px; }
.popup-btn, .popup-layout .text-right .popup-btn { display: inline-block; background: var(--uptownwebsitecolor); padding: 12px; text-align: center; margin: 20px 0px 0px; border-radius: 20px; font-size: 14px; color: rgb(255, 255, 255); }
.popup-close { position: absolute; font-size: 20px; background: rgb(255, 255, 255); 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: rgb(108, 186, 53); font-weight: 700; margin-top: 0px; }
.lppopup-bdy p { font-size: 13px; color: rgb(45, 45, 45); font-weight: 500; line-height: 1.4em; }
.popupform-box.lppopup-bdy { padding: 0px 35px; }
.lppopup-bdy .frmicon-box { position: relative; margin: 0px 0px 12px; }
.lppopup-bdy input, .lppopup-bdy select { padding: 12px !important; border: 1px solid rgb(225, 225, 225) !important; background: rgb(255, 255, 255) !important; }
.lppopup-bdy .phonecode #countrycode, .lppopup-bdy .phonecode #popupcountrycode, .lppopup-bdy .phonecode #animationcountrycode { width: 20%; border-right: none !important; padding-right: 0px !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: 0px; height: 45px; margin: 12px 0px 0px; }
.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: 0px; top: 6px; border-radius: 20px; content: ""; background: rgb(255, 255, 255); }
.list-sitemap > li { margin-top: 5px; }
.list-sitemap a { padding-left: 23px; position: relative; color: rgb(23, 23, 25); }
.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: ""; display: inline-block; font-family: FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; 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: 0px; padding-right: 0px; }
.phonecode #phoneNum, .phonecode #phoneNum2, .phonecode #phoneNum3 { float: left; width: 88% !important; }
.popup-bdy .newcountrycode span { left: 0px; bottom: 9px; top: initial; }
.popup-bdy select#popupformcountry, .popup-bdy select#animationcountry { padding: 5px 0px 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: rgb(51, 51, 51); font-weight: 600; }
.view-txt a { font-weight: 700; color: var(--uptownwebsitecolor); }
.newuptownloader { background: url("../../../www.uptownlogodesign.com/crm/assets/images/loader.gif") right center / auto 100% no-repeat transparent; width: 90px; float: left; position: relative; text-align: right; display: none; height: 35px; }
.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 { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 20px 1px; 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 {font-size: 25px;color: rgb(255, 255, 255);background: #fa5b26;padding: 0px 8px;border-radius: 4px;position: absolute;right: 20px;top: 9px;display: none !important;}
.special-packg-sec.special-branding p a { font-weight: 500; text-decoration: underline; margin: 0px 0px 0px 9px; color: var(--uptownwebsitecolor); }
.mega-pkg-btn { text-align: center; display: inline-block; color: rgb(255, 255, 255); padding: 6px 15px; margin-right: 83px; }
.mega-pkg-btn:hover { color: rgb(114, 189, 54); }
.fixed-mob-call-icon { display: none; position: fixed; bottom: 15px; left: 15px; border-radius: 70px; width: 40px; height: 40px; font-size: 23px; padding: 9px 0px; text-align: center; z-index: 9; background-color: rgb(126, 198, 3) !important; color: white !important; }
table.comapare-box.compare-to-packg td .special-ordernow2 { padding: 6px; font-size: 12px; background: linear-gradient(to right, rgb(86, 203, 241) 0%, rgb(56, 145, 238) 100%); display: block; border-radius: 32px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 600; }
.pack-sec .pack-list > li i img { height: 70px; width: auto; margin: 0px 0px 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 0px; }
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: 0px; }
section.cta-sm { background: rgb(223, 236, 246); margin: 0px; position: relative; padding: 30px 0px; }
.cta-sm h2.sec-hd { font-size: 30px; color: rgb(51, 51, 51); font-weight: 300; padding-top: 12px; margin: 0px; }
.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: rgb(255, 255, 255); }
.special-web-offer .ban-txt li { color: rgb(255, 255, 255); }
.special-web-offer header.stick .hdr-top-links { display: block; }
.special-web-offer .more-btn { font-size: 22px; }
.grey-btn .blue-btn { background: rgb(102, 102, 102); }
.lgt-grey-btn .blue-btn { background: rgba(93, 93, 93, 0.49); }
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: 0px; content: ""; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.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: 0.95em; margin-bottom: 20px; margin-top: 0px; }
.custom-ban .ban-txt h1 span { display: block; font-size: 36px; font-weight: normal; }
.custom-ban .ban-txt h4 { font-size: 20px; color: rgb(255, 255, 255); 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: rgb(255, 255, 255); font-size: 20px; font-family: "Titillium Web", sans-serif; font-weight: 600; margin-bottom: 2px; animation-duration: 1.2s; animation-fill-mode: both; animation-name: bounceInLeft; }
.custom-hdr-ftr .ban-txt h4 strong { color: rgb(110, 187, 54); }
.custom-ban .ban-txt ul { margin-bottom: 30px; }
.custom-ban .ban-txt ul li { color: rgb(255, 255, 255); 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: rgb(48, 79, 255); padding: 14px 16px; display: inline-block; color: rgb(255, 255, 255); width: 85%; text-align: center; font-size: 21px; margin-top: 13px; }
.custom-ban .ban-txt .urgency-btn { background: rgb(255, 48, 48); border-radius: 5px; }
.custom-ban .ban-txt a:hover { animation-iteration-count: infinite; animation-name: pulse-light; animation-duration: 0.9s; animation-fill-mode: both; }
.purple-s-btn { font-size: 21px; box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; 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: rgb(255, 255, 255); }
.purple-s-btn:hover { animation-iteration-count: infinite; animation-name: pulse-light; animation-duration: 0.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 0px; }
.cta-sm.cta-cstmpad .purple-s-btn { margin: 32px 0px 0px; }
.lgrey-bg { background: rgb(249, 249, 249); }
.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: 0px 0px 0px 10px; }
.inthemedia-sec { background: url("../images/in-the-media/bg.jpg") 0% 0% / cover; }
.inthemedia-sec ul { border-left: 1px solid rgb(207, 207, 207); border-bottom: 1px solid rgb(207, 207, 207); }
.inthemedia-sec li { border-top: 1px solid rgb(207, 207, 207); border-right: 1px solid rgb(207, 207, 207); overflow: hidden; background: rgb(255, 255, 255); }
.inthemedia-sec li img { width: 100%; }
.disclaimer-sec p.active strong::after { content: "\f146"; }
.getstarted-sec { background: url("../images/ftr-top-frm-bg.jpg") 0% 0% / cover; padding: 50px 0px; }
.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 rgb(255, 255, 255); height: 48px; border-radius: 6px; color: rgb(255, 255, 255); font-size: 13px; padding: 0px 12px; }
.getstarted-sec select option { color: rgb(0, 0, 0); }
.getstarted-sec input[type="submit"] { border-radius: 50px; color: rgb(255, 255, 255); font-size: 19px; padding: 19px 26px; background: rgb(109, 187, 50); text-transform: capitalize; border: none; font-weight: 600; margin-top: 35px; }
.top-nav ul li.dropdown-parent > a::after { content: ""; font-family: FontAwesome; font-size: 12px; display: inline-block; vertical-align: middle; margin: 0px 0px 0px 4px; color: rgba(255, 255, 255, 0.2); }
.countrylps header { background: none; box-shadow: none; }
.countrylps .ban-txt h1 { font-size: 49px; }
.countrylps .ban-txt h4 { font-size: 25px; color: rgb(255, 255, 255); margin-bottom: 8px; }
.countrylps .ban-txt p { z-index: 2; position: relative; color: rgb(255, 255, 255); font-size: 17px; margin-bottom: 19px; animation-duration: 1.2s; animation-fill-mode: both; animation-name: bounceInLeft; }
.countrylps .ban-txt li { color: rgb(255, 255, 255); margin-top: 9px; }
.countrylps .hdr-top-links ul li a { color: rgb(255, 255, 255); font-weight: 500; font-size: 18px; }
.countrylps .hdr-top-links ul li a i { top: 3px; }
.countrylps .portfolio-box li { padding: 0px; }
.countrylps .portfolio-box li a { border: 0px; }
.countrylps .portfolio-box li a span { display: none; border: 0px; }
.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 rgb(255, 255, 255); transition-duration: 0.3s; box-shadow: rgba(0, 0, 0, 0.46) 0px 0px 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: rgb(237, 28, 36); padding: 14px 80px; display: inline-block; color: rgb(255, 255, 255); text-align: center; font-size: 21px; border-radius: 5px; border: 2px solid rgb(237, 28, 36); box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; margin-top: 25px; }
.countrylps .ban-txt a:hover { background: none; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); }
.countrylps .popup-headers h3 { font-family: "Titillium Web", sans-serif; display: block; font-size: 27px; font-weight: 700; color: var(--uptownwebsitecolor); margin: 0px; text-transform: capitalize; min-height: 35px; }
.countrylps .popup-headers p { font-size: 16px; color: rgb(0, 0, 0); font-family: "Titillium Web", sans-serif; margin: 0px; text-transform: capitalize; line-height: 19px; font-weight: 400; min-height: 30px; }
.countrylps .popup-headers { border-radius: 0px 20px 0px 0px; padding: 10px 0px 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: 0px auto; }
.countrylps header.stick .hdr-top-links { display: block; }
.countrylps header .getstarted a { display: none; }
.countrylps header.stick .getstarted a { box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; background-color: rgb(130, 53, 178); font-weight: 600; border-radius: 5px; cursor: pointer; vertical-align: middle; text-align: center; white-space: nowrap; display: inline-block; padding: 8px 1.4em; font-size: 15px; color: rgb(255, 255, 255) !important; }
.countrylps .inthemedia-sec ul { border-left: 1px solid rgb(207, 207, 207); border-bottom: 1px solid rgb(207, 207, 207); }
.countrylps .inthemedia-sec li { border-top: 1px solid rgb(207, 207, 207); border-right: 1px solid rgb(207, 207, 207); overflow: hidden; background: rgb(255, 255, 255); }
.countrylps .inthemedia-sec li img { width: 100%; }
.countrylps .popup-bdy select#popupformcountry { margin-left: 25px; padding-left: 0px; 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 0px 0px; }
.countrylps .subcr-check label { padding-left: 20px; line-height: 1.4em; font-weight: normal; font-size: 12px; }
.countrylps .info-pic { margin: 0px auto; }
.countrylps ul.features-ul li h5 { font-size: 15px; color: rgb(43, 43, 43); 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: 0px auto; }
.lp-getstarted { background: 0% 0% / cover rgb(247, 247, 247); }
.lp-ftr-form { padding: 72px 0px; }
.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 rgb(234, 234, 234); 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: rgb(255, 255, 255); border-radius: 9px; }
.nopad { padding: 0px; }
.map-rale { position: relative; }
.map-add-box { background: rgb(255, 255, 255); display: block; padding: 22px; margin: 15px 0px; }
.map-add-box h4 { font-size: 20px; color: rgb(103, 182, 54); margin: 0px; }
.map-add-box h4 span { display: block; color: rgb(52, 52, 52); 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 0px 0px; }
.map-add-box ul li, .map-add-box ul li a { color: rgb(119, 119, 119); }
.map-add-box ul li i { position: absolute; top: 4px; left: 0px; color: rgb(104, 181, 53); }
.lpgetstarted-flag { float: right; margin-top: 6px; }
.map-add { border-left: 1px solid rgba(255, 255, 255, 0.15); padding: 0px 0px 78px 33px; margin-top: 72px; }
.lp-getstarted .sec-hd { color: rgb(255, 255, 255); }
.lp-ban-pic { position: absolute; bottom: 0px; right: 0px; }
.lp-include-sec { }
.lp-include-sec li { display: inline-block; width: 280px; text-align: center; vertical-align: top; padding: 20px; margin: 0px 0px 10px; }
.lp-include-sec li p { font-size: 14px; color: rgb(49, 48, 54); margin: 0px; }
.lp-include-sec li h4 { min-height: 50px; max-height: 50px; }
.lp-include-sec li i.sprite-icn { margin: 0px 0px 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 0px 0px; }
.lp-faqsmedia-sec .faqs-ul li { transition: all 0.4s ease 0s; border: 1px solid rgb(214, 214, 214); margin: 0px 0px 20px; padding: 14px 20px; cursor: pointer; }
.lp-faqsmedia-sec .faq-head h4 { font-size: 17px; color: rgb(135, 135, 135); font-family: Poppins, sans-serif; position: relative; padding-right: 25px; line-height: 1.45em; margin: 0px; font-weight: 400; }
.lp-faqsmedia-sec .faq-body p { font-size: 14px; margin: 0px; }
.lp-faqsmedia-sec .faqs-ul li.active { background: rgb(45, 45, 45); border: 1px solid rgb(45, 45, 45); }
.lp-faqsmedia-sec .faq-head h4::after { content: ""; font-family: FontAwesome; position: absolute; right: 0px; font-size: 25px; transform: rotate(-91deg); top: -4px; transition: all 0.4s ease 0s; }
.lp-faqsmedia-sec .faqs-ul li.active .faq-head h4, .lp-faqsmedia-sec .faqs-ul li.active .faq-body p { color: rgb(255, 255, 255); }
.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 rgb(199, 199, 199); }
.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 0s; }
.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: 0px; right: 0px; background: rgb(168, 168, 168); 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: rgb(237, 237, 237) !important; }
.side-bar-sm-frm { position: fixed; z-index: 999; top: 22%; right: -376px; transition: all 0.4s ease 0s; 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-bar-sm-frm.lft-open .side-body { width: 300px; padding: 33px 20px 32px 80px; }
.side-body { padding: 33px 80px 32px; background: rgb(249, 249, 249); box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 10px 2px; width: 431px; }
.side-body .row { margin: 0px; }
.side-body .field { margin: 0px 0px 13px; position: relative; overflow: hidden; }
.side-head {background: rgb(0, 0, 0);padding: 12px 0px;font-family: "Titillium Web", sans-serif;color: rgb(255, 255, 255);font-size: 25px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;position: absolute;left: -269px;top: 268px;margin: auto;transform: rotate(-90deg);text-align: center;width: 593px;cursor: pointer;height: 56px;}
.side-head strong { font-size: 32px; color: rgb(255, 174, 0); }
.side-head span { display: inline-block; padding: 16px; background: var(--uptownwebsitecolor2); position: absolute; top: 0px; right: 0px; }
.side-body input[type="submit"] { display: block; padding: 7px 50px; border-radius: 32px; color: rgb(255, 255, 255); font-size: 15px; text-transform: uppercase; font-weight: 600; border: 0px; background: rgb(79, 0, 138) !important; }
.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: 0px; }
.side-bar-sm-frm.rght-open.active { right: 0px; z-index: 11111; }
.side-bar-sm-frm.lft-open { right: initial; left: -300px; }
.side-bar-sm-frm.lft-open .side-head { right: -515px; width: 296px; top: 120px; background: rgb(255, 174, 0); color: rgb(0, 0, 0); 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: rgb(55, 60, 51); position: absolute; top: 0px; right: 0px; color: rgb(255, 255, 255); height: 100%; transform: rotate(-180deg); }
.side-bar-sm-frm.lft-open .side-body { padding: 24px 30px 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: rgb(130, 53, 178); padding: 14px 28px; display: inline-block; color: rgb(255, 255, 255); text-align: center; font-size: 19px; border-radius: 5px; border: 2px solid rgb(130, 53, 178); box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; font-weight: 600; margin-top: 20px; animation-iteration-count: 1; animation-name: tada; animation-duration: 0.9s; animation-fill-mode: both; animation-delay: 1.6s; }
.purple-ban-btn:hover { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; animation-delay: 0.1s; }
.side-bar-sm-frm.rght-open .side-body { padding: 16px 20px 16px 80px; }
.rght-open .side-body .field input, .rght-open .side-body .field select, .rght-open .side-body .field textarea { padding: 5px; }
.rght-open .side-body select.countrylist { padding: 5px 5px 5px 29px; height: 32px; }
.rght-open .side-body span { top: 12px; }
.side-body h5 { margin: 0px 0px 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; }
.portfolio-box li + li + li + li + li + li + li + li + li + li { display: none; }
.portf-load-btn { background: rgb(113, 113, 113); padding: 16px 50px; font-size: 20px; letter-spacing: 0.4px; position: relative; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 1px; transition: all 0.4s ease 0s; font-weight: 600; display: inline-block; border-radius: 5px; color: rgb(255, 255, 255); }
ul.tab-port-v2 { text-align: center; margin: 0px 0px 20px; }
ul.tab-port-v2 li { display: inline-block; margin: 0px 6px 16px; }
ul.tab-port-v2 li.active a, ul.tab-port-v2 li:hover a { background: var(--uptownwebsitecolor); color: rgb(255, 255, 255); }
.tab-pack-box .tab-port-v2-cnt .tab-pack { display: inline-block; }
.tab-port-v2-cnt ul.pack-list li.slick-slide { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.18); padding: 20px 10px 0px; margin: 0px 10px; border-radius: 8px; position: relative; }
.tab-port-v2-cnt ul.pack-list li.slick-slide i img { margin: 0px auto 10px; width: 130px; }
ul.tab-port-v2 li a { display: block; padding: 13px 20px; border: 1px solid var(--uptownwebsitecolor); color: var(--uptownwebsitecolor); border-radius: 4px; 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; }
.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: rgb(255, 255, 255); margin-bottom: 40px; }
.refundpage ol li { margin: 0px 0px 0px 20px; padding-left: 48px; min-height: 59px; padding-top: 16px; }
.refundpage ol li + li { border-top: 1px solid rgb(204, 204, 204); }
.refund-con-box h3 { font-size: 24px; color: var(--uptownwebsitecolor); margin-top: 0px; }
.refund-con-box-container { border: 1px solid rgb(199, 199, 199); 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: 0px 18px; }
.deci-bullets li { position: relative; list-style: none !important; margin-left: 0px !important; }
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: 0px; }
ul.dropdown li figure { position: relative; }
ul.dropdown li figure img { width: 100%; }
ul.dropdown li figcaption h6 { font-size: 15px; color: rgb(28, 28, 31); 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: rgba(53, 53, 53, 0.44); }
.mn-bann3 .slide {display: flex;height: 750px;align-items: center;padding-top: 89px;background-size: cover;}
.mn-bann3 h3 {font-size: 50px;font-weight: 700;font-style: normal;font-stretch: normal;line-height: 1.1;letter-spacing: -1px;text-align: center;color: rgb(255, 255, 255);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: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-radius: 27.5px; background-color: rgb(79, 0, 138); border: 2px solid rgb(79, 0, 138); padding: 14px 50px; text-transform: uppercase; }
.mn-btn2:hover { background-color: rgba(255, 255, 255, 0.61); color: rgb(34, 41, 227); }
.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: 0px 11px 0px 0px; }
ul.web-busness-ul li { font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: rgb(51, 51, 51); display: inline-block; width: 40%; margin: 0px 0px 13px; }
.web-business-sec { overflow: hidden; position: relative; z-index: 1; background: url("../images/web-bus-sec-bg.png") right bottom / 30% no-repeat rgb(255, 255, 255); padding: 80px 0px; }
.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: 0px; 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: rgb(51, 51, 51); 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: rgb(51, 51, 51); display: block; }
ul.portf-templ-ul img { max-width: 100%; }
.lp-hdr-ftr header.stick { padding: 0px; }
.lp-hdr-ftr header.stick .hdr-top-links { padding: 6px 0px; }
.lp-hdr-ftr .hdr-top-links ul li a { padding: 5px 13px; }
.lp-hdr-ftr .hdr-top-links ul li a i { color: rgb(5, 46, 143); opacity: 1; }
.bann-btm-logos-sldr-js ul { margin: 0px; min-height: 130px !important; }
ul.bann-btm-logos01 { padding: 26px 0px; }
.p-page .portf-load-btn { display: none !important; }

.testimonials-slick {
    position: relative;
}
.testimonials-slick .row{ display: flex; }
.image-sec-3 {
    position: relative;
    padding-left: 170px;
    z-index: 20;
}
.image-sec-3 img {
    /* width: 395px; */
    position: relative;
}
.fancybox-slide video {
    height: 700px;
    width: 60%;
    background-color: transparent;
}
.overlap-sec-33 {
    border-radius: 15px;
    background-color: rgb(246, 245, 250);
    /* width: 110px; */
    height: 95px;
    padding-top: 7px;
    padding-left: 10px;
    position: absolute;
    top: 100px;
    left: 20px;
    z-index: -1;
    display: none;
}
.overlap-sec-33 img {
    display: inline-block;
}
.inner-iverlap {
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;
    padding-top: 11px;
    padding-right: 15px;
}
section.mn-bann3.banne {
    padding: 150px 0;
}
.inner-iverlap h5 {
    margin: 0px;
    font-size: 22px;
    color: rgb(39, 39, 39);
    font-weight: 600;
}
.inner-iverlap h6 {
    margin: 0px;
    font-size: 12px;
    color: rgb(131, 131, 131);
    font-weight: 500;
}
.other-overlap {
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    width: 162px;
    text-align: center;
    height: 150px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 29px 51px 0px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-top: 7px;
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 8;
    display: none;
}
.image-sec-3 {
    position: relative;
    padding-left: 170px;
    z-index: 20;
}
.sec_03{
  position: relative;
  padding: 0px 0 30px;
}
.sec_03 .para-slider {
    position: relative;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.para-slider h5 {
    font-size: 22px;
    color: rgb(39, 39, 39);
    font-weight: 700;
    text-transform: uppercase;
}
.para-slider h6 {
    font-size: 16px;
    color: rgb(138, 151, 163);
    font-weight: 500;
}
.para-slider p {
    font-size: 18px;
    color: rgb(123, 129, 163);
    font-weight: 400;
    white-space: pre-line;
}
.testimonials-slick .slick-next.slick-arrow {
    left: 205px;
    /* right: 0; */
    bottom: 0;
}
.testimonials-slick .slick-arrow {
    width: 33px;
    height: 33px;
    background: transparent;
    border: 0px;
    position: absolute;
    left: -50px;
    font-size: 0px;
    top: 3px;
    bottom: 0px;
    margin: auto;
    top: 339px;
    left: 54%;
    background-color: #7b81a3;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: all 0.3s ease-out;
    /* font-size: 18px; */
}
.testimonials-slick .slick-arrow::before {
    content: "f053";
    background: url(../images/pricing-detail/left-cheveron.png) no-repeat;
    background-position: 0px 0px;
    width: 5px;
    height: 10px;
    display: block;
    border-radius: 4px;
}
/*.hovereffect {
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(48,1,82,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(48,1,82,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(48,1,82,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(48,1,82,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#300152',GradientType=0 );
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: all 0.4s ease-in;
}
 .hovereffect:hover {
    opacity: 1;
}*/

.fancybox-slide video {
    height: 700px;
    width: 60%;
    background-color: transparent;
}
.testimonials-slick .slick-next.slick-arrow::before {
    transform: rotate(180deg);
}
#testimonials footer{ position: relative !important; }
#testimonials .pad0{ padding-bottom: 0; }

.reviewpop{ position: fixed; background: rgba(0, 0, 0, 0.58); width: 100%; height: 100%; z-index: 999;  top: 0px; left: 0px; align-items: center; justify-content: center; display: none; }
.form-review{ width: 730px; position: absolute; height: 620px; background: rgb(255, 255, 255); margin: auto; border-radius: 3px; inset: 0px; }
.form-review {
    background: #ffffff;
    border-radius: 3px;
    overflow: hidden;
}
.form-review .form-head {
    background: #ffe400;
    padding: 10px;
    text-align: center;
}
.form-review .form-head .h4 {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
}
.form-review .form-body {
    padding: 20px 40px;
}
.form-group {
    margin-bottom: 1rem;
}
.form-review .form-body label {
    font-family: "Exo 2", sans-serif;
    font-weight: 500;
}
.form-review .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none !important;
}
.form-review .form-body input[type=text], .form-review .form-body input[type=number] {
    border-radius: 50px;
    min-height: 45px;
    font-size: 16px;
}
textarea.form-control {
    height: auto;
}
.form-review select.form-control{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; height: 45px; font-size: 16px; border-radius: 50px; }
.form-review textarea.form-control{ height: 250px; font-size: 16px; }
.form-review .btn-reviewsubmit{     background: var(--uptownwebsitered); padding: 10px 15px; color: #fff; }
.form-review .form-head{ position: relative; }
.form-review .form-head .closeico{ position: absolute; right: 20px; top: 15px; font-size: 25px; color: #000; }




.testi-box:before {
    content: '\2018 \2018';
    display: block;
    font-size: 101px;
    line-height: 0;
    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;
    margin: 30px 0 0;
    font-style: normal;
    font-weight: 500;
    position: relative;
    bottom: -20px;
    text-align: right;
}

ul.cust-dropdown {
    position: absolute;
    background: white;
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 5px;
    visibility:hidden;
    opacity:0;
    transition: all .6s ease;
}
.has-dropdown:hover .cust-dropdown{
    visibility:visible;
    opacity:1;
}
ul.cust-dropdown li a {
    font-size: 16px;
    padding: 1rem 0 !important;
    display: flex;
    text-align: left;
    width: 100%;
    transition: all .6s ease;
}
ul.cust-dropdown li a:hover{
    color: rgb(238 0 24);
}
ul.cust-dropdown li {
    margin: 0;
    width: 100%;
}

ul.cust-dropdown li:not(:last-child) a {
    border-bottom: 1px solid #ddd;
}


@media (max-width: 1600px) and (min-width: 1026px) {
  .ban-video .banner-pic video { width: 100%; height: 100%; }
  .ban-video.banner-sec { height: 500px; }
}
@media (max-width: 1025px){
    ul.cust-dropdown {
    width: 100%;
    position: relative;
    background: transparent;
    padding: 0;
    opacity:1;
    visibility:visible;
    display:none;
}
li.has-dropdown:hover ul.cust-dropdown {
    display:block;
}
ul.cust-dropdown li a {
    border-bottom: 0 !important;
    width: 100%;
    font-size: 14px;
    padding: 20px 5px 18px !important;
    color: white;
}
ul.cust-dropdown li{
    border-top: 1px solid rgba(255, 255, 255, 0.31)!important;
    width: 100%;
}
}
@media (max-width: 1025px) and (min-width: 824px) {
  .fixed-mob-call-icon { display: inherit; }
  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: 0px; background: rgb(86, 86, 86); height: 100vh; width: 224px; transition: all 0.4s ease 0s; z-index: 1111; padding: 0px !important; }
  .top-nav.responsive.active li.active_nav a { color: var(--uptownwebsitecolor); }
  .top-nav li a.btn-drpdwn.active::before { content: ""; }
  .top-nav.active { left: 0%; }
  .top-nav li { display: block; margin: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.31); }
  .top-nav li a { padding: 10px 12px; display: inline-block; width: 80%; color: rgb(255, 255, 255); font-size: 11px; }
  .top-nav li.active_nav a::after { display: none; }
  .top-nav li a.btn-drpdwn { width: 18%; background: rgb(0, 0, 0); display: inline-block; height: 100%; vertical-align: top; padding: 10px; text-align: center; }
  .top-nav li a.btn-drpdwn::before { content: ""; 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: rgb(255, 255, 255); font-weight: 500; padding: 10px 27px; }
  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown { width: 100%; background: transparent; border: 0px; box-shadow: transparent 0px 0px; top: 0px; display: none; position: initial !important; opacity: initial !important; }
  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 { font-size: 11px; padding: 6px 30px; width: 100%; color: rgb(255, 255, 255) !important; }
  .slid-up .spacebr br + br { display: none; }
  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li { border-bottom: 1px solid rgba(255, 255, 255, 0.31); }
  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li:last-child { border-bottom: 0px; }
  a.nav-btn { line-height: 31px; position: fixed; top: 20px; right: 40px; display: block !important; }
  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 0px 10px; }
  .logo img { margin: 0px; }
  .ban-txt h1 { margin: 0px 0px 15px; }
  .slick-arrow { left: -30px; }
  .lg-hd { font-size: 36px; }
  .lg-sub-hd { margin: 0px 0px 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: 0px 15px 0px 0px; }
  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: ""; }
  .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: rgb(255, 255, 255); }
  .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; }
  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: 0px 0px 0px 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: 0px; }

}
@media (max-width: 823px) {
  .getstarted-sec h2 { font-size: 40px; 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: 0px; }
  .lp-hdr-ftr .hdr-top-links { padding: 0px; }
  .cta-sm .container { padding: 20px 0px !important; }
  .cta-sm h2.sec-hd { font-size: 29px !important; margin: 0px 0px 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: 0px; }
  .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: rgb(255, 255, 255); }
  .top-nav { float: none; position: fixed; left: -80%; top: 0px; background: rgba(0, 0, 0, 0.99); height: 100vh; width: 224px; transition: all 0.4s ease 0s; z-index: 1111; padding: 0px !important; }
  .top-nav.responsive.active li.active_nav a { color: rgb(255, 174, 0); }
  .top-nav li a.btn-drpdwn.active::before { content: ""; }
  .top-nav.active { left: 0%; }
  .top-nav li { display: block; margin: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
  .top-nav li ul.dropdown li { border-top: 1px solid rgba(255, 255, 255, 0.07); 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: rgb(255, 255, 255); font-size: 11px; }
  .top-nav li.active_nav a::after { display: none; }
  .top-nav li a.btn-drpdwn { width: 18%; background: rgb(0, 0, 0); display: inline-block; height: 100%; vertical-align: top; padding: 10px; text-align: center; }
  .top-nav li a.btn-drpdwn::before { content: ""; 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: rgb(255, 255, 255); font-weight: 500; padding: 10px 27px; }
  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown { width: 100%; background: transparent; border: 0px; box-shadow: transparent 0px 0px; top: 0px; display: none; position: initial !important; opacity: initial !important; }
  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 { font-size: 11px; padding: 6px 30px; width: 100%; color: rgb(255, 255, 255) !important; }
  .slid-up .spacebr br + br { display: none; }
  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li { border-bottom: 1px solid rgba(255, 255, 255, 0.31); }
  header.with-dropdown .top-nav li.dropdown-parent:hover .dropdown li:last-child { border-bottom: 0px; }
  header.stick { top: -60%; }
  ul.top-general-links { display: none; }
  .hdr-top-links { padding: 0px; text-align: center; width: 100%; }
  header .col-lg-9 { padding: 0px; }
  .hdr-top-links ul li { margin: 0px 0px 0px 5px; }
  .hdr-top-links ul { text-align: center; float: none; padding: 4px 0px 7px; }
  ul.sub-nav-bg { display: none; }
  a.nav-btn {line-height: 31px;position: fixed;padding: 2px 8px;top: 18px;display: block !important;}
  .top-nav li.active_nav a { color: var(--uptownwebsitecolor); }
  a.nav-btn.active i::before { content: ""; }
  .banner-pic .hover-effect-bann, .banner-sec { height: 70vh; }
  .banner-pic { height: 80vh; }
  .ban-txt h1, .special-web-offer .ban-txt h1 { margin: 0px; font-size: 22px; }
  .ban-txt h4, .special-web-offer .ban-txt h4 { font-size: 14px; margin: 7px 0px; color: rgb(255, 255, 255); line-height: 1.3em; }
  .ban-txt a { padding: 7px 13px; font-size: 13px; margin: 0px; }
  .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: 0px 0px 7px; padding: 0px 0px 0px 16px; color: rgb(255, 255, 255); }
  .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 0px 6px; }
  .ticker::after { content: ""; background: rgb(213, 9, 36); position: absolute; bottom: 4px; width: 100%; height: 15px; left: 0px; z-index: -1; }
  .sec-pad { padding: 30px 0px; }
  .lg-hd { font-size: 20px; margin: 0px 0px 10px; }
  .lg-hd::after { margin: 6px 0px 0px; height: 3px; }
  .lg-sub-hd { font-size: 16px; margin: 0px 0px 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: 0px 0px 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: 0px; font-size: 12px; }
  .slidefrm-bdy .frmicon-box { margin: 0px 0px 10px; }
  ul.award-sldr, h5.award-hd { display: none; }
  .logo img { width: 150px;
padding-bottom: 5px; }
  .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: 0px 4px 0px 0px; height: auto; }
  ul.slick-dots { margin: 0px; text-align: center; }
  .types-sec { overflow: hidden; padding: 20px 0px; }
  .sec-hd { font-size: 32px; }
  .sec-hd span { font-size: 17px; line-height: 1.6em; }
  ul.type-ul { margin: 60px 0px 0px; }
  ul.type-ul * { overflow: visible; }
  .portfolio-box li { padding: 4px; }
  .view-txt { font-size: 11px; }
  .get-started-cta { padding: 20px 0px; }
  .get-started-cta h3 { font-size: 20px; margin: 0px 0px 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; }
  .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: 0px; 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 0px; }
  .special-packg-sec { padding: 20px 0px; }
  .special-packg-sec.special-branding h2 { margin: 0px 0px 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: 0px 0px 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 0px 0px; }
  .special-packg-sec .spacebr { display: none; }
  div#mega-packg { display: none; }
  ul.process-ul { margin: 0px; white-space: nowrap; overflow: scroll; }
  i.actv-ul { display: none; }
  ul.process-ul::after { display: none; }
  .process-ul li { margin: 0px; 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 0px 0px; }
  ul.idustries-ul li { padding: 0px; margin: 0px; }
  section.serv-industries { padding: 20px 0px; }
  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: 0px 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: rgb(0, 0, 0);padding: 10px;border-radius: 2px;margin-top: 15px;margin-bottom: 8px;}
  .ftr-links { padding: 0px 20px; }
  .ftr-links h4::after { content: ""; font-family: FontAwesome; position: absolute; right: 10px; }
  .ftr-links h4.active::after { content: "ï…†"; }
  header.stick { padding: 0px 0px 5px; }
  .ban-btm-box { padding: 10px; }
  header.stick .logo img { width: 145px; }
  header.stick.slideDown .logo a {
  padding: 10px 0 0;
}
  .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: 0px 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: 0px 0px 10px; }
  .need-logo-sec h2.sec-hd { margin: 0px 0px 10px; }
  .need-logo-sec::before { display: none; }
  .what-makes-sec { display: none; }
  .sec-hd3 { font-size: 16px; margin: 0px 0px 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 0px 0px; text-align: center; }
  .wework-txt h3 { font-size: 12px; margin: 0px 0px 10px; }
  .banner-pic img { width: auto; height: 100%; }
  .banner-pic video { width: auto; height: 100%; }
  li.custom-cal-li { padding: 20px; width: 100% !important; }
  .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 0px !important; }
  .animation-tabs ul li { width: 49% !important; }
  .animation-meta h6, .animation-pricing h4 { font-size: 12px !important; }
  .animation-pricing .pack-ordernow1 { margin: 10px 0px 0px; 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: auto;max-height: max-content;padding: 10px 0 20px;}
  .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: 0px 20px; }
  .frmicon-box { margin: 0px 0px 10px; }
  .popup-btn, .popup-layout .text-right .popup-btn { margin: 10px 0px 0px; 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: 0px 0px 12px; }
  .request-proposal-sec { background-size: cover; }
  ul.addon-ul li { width: 100%; }
  ul.addon-ul { margin: 0px; }
  .request-proposal-sec input[type="submit"] { height: auto; padding: 3px 30px !important; font-size: 12px !important; }
  .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; }
  .sec-hd br { display: none; }
  .draw-line.drawl { display: none; }
  .philosophy-bg-icons { padding: 0px 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: 0px; width: 100%; }
  .ban-txt.txt-sm h1 span { font-size: 16px; display: block; margin: 0px 0px 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: 0px 0px 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 { display: block; margin: 0px !important; }
  ul.special-pkg-cta { text-align: center; }
  ul.special-pkg-cta li + li { display: inline-block; margin: 3px 0px 0px !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 0px 0px; }
  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: rgb(255, 255, 255); }
  .bann-price > * { margin: 0px 5px 0px 0px; color: rgb(255, 255, 255); }
  .bann-price a.blue-btn { padding: 8px 34px; margin: 10px 0px 0px; }
  .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 0px; }
  .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 0px; 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: 0px 0px 0px 10px; }
  .disclaimer-sec p:last-child { display: none; }
  .disclaimer-sec p.active strong { margin: 0px 0px 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: 0px; }
  .contact-info-container h4 { font-size: 26px; margin: 0px; }
  .contact-info-container h5 { font-size: 17px; margin: 10px 0px; }
  .contact-form-container, .contact-info-container { min-height: auto; }
  .inner-hd3 { font-size: 18px; margin: 0px 0px 5px; }
  .list-bullets li { font-size: 12px; margin: 0px 0px 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") 0% 0% / cover no-repeat !important; }
  .logo { text-align: center; }
  .colr-black { color: rgb(255, 255, 255); }
  .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 0px 0px; }
  /* .mn-bann3 .slide { height: 430px; } */
  .top-nav ul li ul.dropdown { position: initial; width: 100%; opacity: 1; padding: 0px; background: transparent; border: 0px; display: none; visibility: initial; }
  .top-nav ul li.dropdown-parent:hover .dropdown::before { display: none; }
  ul.dropdown li:first-child { display: none; }
  .top-nav li ul.dropdown li a { width: 100%; padding: 4px 17px; font-size: 13px; color: rgb(255, 255, 255) !important; font-weight: 300 !important; }
  header ul.dropdown li a::before { right: 12px; color: rgba(255, 255, 255, 0.54); }
  .top-nav ul ul.dropdown li { border-top: 1px solid rgba(255, 255, 255, 0.07) !important; }
  .top-nav ul li.dropdown-parent { overflow: initial !important; }
.form-review{ width: 100%; height: auto; }


}

@media (max-width: 480px) {
  .sm-hd { font-size: 25px !important; line-height: 1.1em !important; font-weight: 600 !important; }
  .banner-pic .hover-effect-bann, .banner-sec { height: 50vh; }
  .banner-pic { height: 60vh; }
  .banner-sec.sm-bann { height: 50vh; }
  .ban-btm-logos li img { display: inline-block; width: 100%; height: auto; }
  .ticker { top: -48px; padding: 10px 0px 6px; }
}
.count-sec { background: var(--uptownwebsitecolor); }
ul.count-ul li { display: inline-block; margin: 0px 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: rgb(70, 70, 70); font-weight: 300; line-height: 35px; margin: 20px 0px 0px; }
ul.count-ul h4 span { font-size: 48px; color: rgb(255, 255, 255); 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: rgb(255, 255, 255); }
.blue-btn.white-btn { background: rgb(255, 255, 255); color: rgb(38, 38, 38); font-size: 20px; padding: 13px 50px; }
.packg-v2 { }
.pkg-tb-v2 ul { display: flex; }
.pkg-tb-v2 ul li { width: 100%; border: 1px solid rgb(221, 221, 221); padding: 20px 10px 20px 60px; display: block; position: relative; transition: all 0.4s ease 0s; }
.pkg-tb-v2 ul li a { font-size: 15px; font-weight: 700; color: rgb(51, 51, 51); 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: rgb(112, 189, 54); font-weight: 400; vertical-align: middle; }
.pkg-tb-v2 ul li::before { content: ""; width: 28px; height: 28px; display: block; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-radius: 100%; position: absolute; left: 17px; top: 0px; bottom: 0px; margin: auto; transition: all 0.4s ease 0s; }
.pkg-tb-v2 ul li.active, .pkg-tb-v2 ul li:hover { background: rgb(112, 189, 54); }
.pkg-tb-v2 ul li::after { content: ""; width: 16px; height: 16px; display: block; background: rgb(255, 255, 255); border-radius: 100%; position: absolute; left: 23px; top: 0px; bottom: 0px; transform: scale(0); margin: auto; transition: all 0.4s ease 0s; }
.pkg-tb-v2 ul li.active::after, .pkg-tb-v2 ul li:hover::after { background: rgb(0, 0, 0); transform: scale(1); }
.pkg-tb-v2 ul li.active a, .pkg-tb-v2 ul li:hover a { color: rgb(255, 255, 255); }
.pkg-tb-v2 ul li.active a em, .pkg-tb-v2 ul li:hover a em { color: rgb(0, 0, 0); }
.pkg-detail-v2 h4 { font-size: 24px; color: rgb(51, 51, 51); font-weight: 700; text-transform: uppercase; margin: 0px 0px 10px; }
.pkg-detail-v2 ul li { font-size: 13px; color: rgb(102, 102, 102); border-bottom: 1px solid rgb(236, 236, 236); padding: 5px 0px 5px 20px; position: relative; line-height: 18px; }
.pkg-detail-v2 ul li::before { content: ""; font-family: FontAwesome; position: absolute; left: 0px; top: 5px; color: var(--uptownwebsitecolor); }
.pkg-detail-v2 ul li:first-child { border-top: 1px solid rgb(236, 236, 236); }
ul.pkg-mn-v2 { display: flex; }
ul.pkg-mn-v2 li { width: 100%; text-align: center; border: 1px solid rgb(222, 222, 222); border-radius: 10px; padding: 24px; position: relative; margin: 0px 12px; }
.best-deal { background: rgb(254, 85, 1); display: inline-block; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); padding: 5px 20px; position: absolute; top: -18px; left: 0px; right: 0px; margin: auto; max-width: 120px; }
ul.pkg-mn-v2 h4 { font-size: 24px; color: rgb(51, 51, 51); font-weight: 600; line-height: 26px; margin: 10px 0px 13px; }
ul.pkg-mn-v2 p { font-size: 15px; color: rgb(102, 102, 102); line-height: 19px; font-weight: 500; margin: 0px 0px 16px; }
ul.pkg-mn-v2 figure { margin: 13px 0px 15px; }
.pkg-price-v2 { font-size: 76px; color: rgb(25, 25, 25); font-weight: 700; line-height: 60px; }
.pkg-price-v2 span { display: inline-block; font-size: 17px; color: rgb(182, 182, 182); 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: rgb(51, 51, 51); font-weight: 500; margin: 0px 0px 11px; }
.pkg-price-detail-v2 span { color: rgb(112, 189, 54); display: block; }
.pkg-cta-v2 { font-size: 16px; color: rgb(51, 51, 51); font-weight: 600; margin: 14px 0px 0px; }
.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: rgb(254, 85, 1); border-radius: 40px; font-size: 13px; color: rgb(255, 255, 255); font-weight: 700; padding: 12px 14px 12px 82px; position: relative; margin: 20px 0px 0px; }
.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: 0px 0px 10px; }
ul.includ-pkg-ul li i.sprite-icn { margin: 0px 0px 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: rgb(33, 33, 33); font-weight: 700; line-height: 25px; margin: 0px 0px 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: 0px 0px 20px; }
.mn-hd2 span { display: block; font-size: 20px; color: rgb(40, 40, 40); font-weight: 600; font-family: Poppins, sans-serif; }
.pkg-price-v2 h4 { text-transform: initial; font-size: 76px !important; font-weight: 700 !important; }
.portfv2-sec ul.portf-ul { text-align: center; }
.portfv2-sec ul.portf-ul li { display: inline-block; width: 26.7%; margin: 0px 30px 70px; padding: 0px; transition: all 0.4s ease 0s; }
.portfv2-sec ul.portf-ul li figure { overflow: hidden; height: 370px; border: 1px solid rgb(209, 209, 209); transition: all 0.4s ease 0s; }
.portfv2-sec ul.portf-ul li img { transition: all 5s ease 0.6s; 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: rgb(113, 113, 113); padding: 16px 50px; font-size: 20px; letter-spacing: 0.4px; position: relative; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 1px; transition: all 0.4s ease 0s; font-weight: 600; display: inline-block; border-radius: 5px; color: rgb(255, 255, 255); }
.ds-loadmore { display: none; }
.portfv2-sec ul.tab-filter { text-align: center; margin: 0px 0px 20px; }
.portfv2-sec ul.tab-filter li { display: inline-block; margin: 0px 6px; }
.portfv2-sec ul.tab-filter li.current a, .portfv2-sec ul.tab-filter li:hover a { background: var(--uptownwebsitecolor); color: rgb(255, 255, 255); }
.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 0s; }
.portfv2-sec .tab-content { display: none; }
.portfv2-sec .tab-content.current { display: block; }
section.mn-bann.mn-bann2 { padding: 4.7% 0px 0px; background: transparent; margin: 0px 0px -34px; }
.mn-bann2 .mn-btn.mn-btn-reverse { background: rgb(22, 167, 255); }
ul.type-ul.type-ul-js .slick-next.slick-arrow { right: -50px; }
.mn-bann2 .slide { display: flex; height: 653px; align-items: center; background: rgb(6, 159, 252); 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: rgb(113, 11, 21); }
.mn-bann2 .mn-hd { color: rgb(255, 255, 255); font-size: 42px; font-weight: 600; line-height: 46px; margin: 0px 0px 20px; }
.mn-bann2 .mn-hd span { display: block; font-size: 26px; color: rgb(255, 255, 255); font-weight: 200; }
.mn-bann2 p { font-size: 16px; color: rgb(255, 255, 255); line-height: 25px; margin: 0px 0px 10px; }
.mn-bann2 strong { font-weight: 700; }
.mn-bann2 .mn-btn { background: rgb(246, 28, 39); color: rgb(255, 255, 255); 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: rgba(0, 0, 0, 0.25) 0px 3px 11px 1px; transition: all 0.4s ease 0s; }
.mn-bann2 .mn-btn:hover { background: rgb(20, 136, 206); transform: scale(1.05); }
.mn-bann.mn-bann2 .mn-btn.mn-btn-big:hover { background: rgb(255, 255, 255); color: rgb(20, 136, 206); }
.mn-bann2 .mn-btn.mn-btn-reverse:hover { background: rgb(255, 255, 255); color: rgb(246, 28, 39); }
.mn-bann2 .mn-btn::after { content: ""; 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 0px 0px; }
.mn-bann.mn-bann2 .slide figure { position: relative; opacity: 0; transition: all 0.4s ease 1s; 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 0s; 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 { animation: 4600ms cubic-bezier(0.694, 0, 0.335, 1) 1200ms 1 normal forwards running scrollScreen; }
.mn-bann.mn-bann2 .slide.slide-4 { background: rgb(236, 24, 44); }
.mn-bann.mn-bann2 ul.slick-dots { text-align: center; position: relative; top: -40px; }
.popularlinks a { color: rgb(51, 51, 51); }
.popularlinks a:hover { text-decoration: underline; }
.popularlinks h4 { color: var(--uptownwebsitecolor); }
.popularlinks { padding-top: 20px; }
@-webkit-keyframes scrollScreen { 
  0% { transform: translate3d(0px, 0px, 0px); }
  10% { transform: translate3d(0px, 0px, 0px); }
  45% { transform: translate3d(0px, -20%, 0px); }
  100% { transform: translate3d(0px, -45%, 0px); }
}
@keyframes scrollScreen { 
  0% { transform: translate3d(0px, 0px, 0px); }
  10% { transform: translate3d(0px, 0px, 0px); }
  45% { transform: translate3d(0px, -20%, 0px); }
  100% { transform: translate3d(0px, -45%, 0px); }
}
.portf-load-btn1 { background: rgb(113, 113, 113); padding: 16px 50px; font-size: 20px; letter-spacing: 0.4px; position: relative; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 1px; transition: all 0.4s ease 0s; font-weight: 600; display: inline-block; border-radius: 5px; color: rgb(255, 255, 255); }
.portfolio-box1 li + li + li + li + li + li + li + li + li + li { display: none; }
ul.portf-templ-ul { display: flex; flex-flow: wrap; }
section.bann-video { height: 100vh; min-height: 500px; display: flex; align-items: center; position: relative; overflow: hidden; text-align: center; }
section.bann-video .mn-hd3::after { right: 0px; margin: 20px auto 0px; width: 40%; }
section.bann-video .mn-hd3 { padding-bottom: 13px; }
.bann-video .video-bg { position: absolute; top: 0px; width: 100%; height: 100%; }
.video-bg img{ width:100%; }
.video-bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.67); }
.bann-video .video-bg video { height: 100vw; }
.mn-hd3 { font-size: 11.4vh; font-family: "Trump Gothic East"; color: rgb(255, 255, 255); line-height: 1; }
.mn-hd3::after { content: ""; background-color: rgb(211, 63, 73); height: 4px; width: 40px; display: block; margin: 20px 0px; }
section.bann-video p { font-size: 17px; color: rgb(255, 255, 255); margin: 0px 0px 17px; }
.bann-video .mn-btn3.popup-open-layout4 {background: #ffae00;}
.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: rgb(246 0 0);color: rgb(255, 255, 255) !important;position: relative;overflow: hidden;}
.mn-btn3::before { content: attr(data-text); position: absolute; transform: translate3d(50%, 0px, 0px); opacity: 0; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 700; font-size: 17px; letter-spacing: 2px; transition: opacity 0.25s ease 0s, transform 0.25s ease 0s; z-index: 2; }
.mn-btn3::after { content: ""; position: absolute; top: -2px; right: 0px; height: 108%; width: 140%; transform: translate3d(100%, 0px, 0px) skew(0deg); background-color: rgb(249, 160, 63); opacity: 0; transition: transform 0.5s ease 0s, opacity 0.3s ease 0s; border-radius: 2px; display: block; z-index: 1; }
.mn-btn3:hover::before { color: rgb(255, 255, 255); transform: translateZ(0px); opacity: 1; }
.mn-btn3:hover::after { transform: translate3d(10%, 0px, 0px) skew(-20deg); opacity: 1; }
.mn-btn3 .btn-txt { position: relative; left: 0px; opacity: 1; transition: all 0.5s ease 0s, opacity 1s ease 0s; }
.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: rgb(255, 255, 255); font-weight: 500; font-size: 23px; letter-spacing: 2px; line-height: 1; text-transform: uppercase; font-family: "Trump Gothic East"; margin: 10px 0px; }
.brand-logos-sec ul li { display: inline-block; margin: 0px 0px 0px 40px; }
.brand-logos-sec ul li img { max-width: 137px; }
.brand-logos-sec ul { margin: 0px; }
.play-video-icn { width: 120px; height: 120px; border: 5px solid rgb(211, 63, 73); border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 36px; color: rgb(211, 63, 73); position: absolute; inset: 0px; margin: auto; transition: all 0.4s ease 0s; background: rgba(0, 0, 0, 0); }
.play-video-icn:hover { width: 150px; height: 150px; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.52); }
.min-play-icn-height { height: 100%; min-height: 50vh; }
ul.web-busnss-tb li a { font-size: 14px; color: rgb(148, 148, 148); text-transform: uppercase; display: block; padding: 10px 14px; position: relative; border: 1px solid rgba(0, 0, 0, 0.14); margin: 7px 0px; }
ul.web-busnss-tb { position: relative; }
ul.web-busnss-tb li a::after { content: ""; width: 7px; height: 7px; background: var(--uptownwebsitered); position: absolute; right: -3px; top: 0px; bottom: 0px; margin: auto; border-radius: 100%; opacity: 0; z-index: 1; transition: all 0.4s ease 0s; }
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: rgb(23, 23, 23); font-weight: 500; }
.web-busnss-tb-cnt p { font-size: 14px; color: rgba(23, 23, 23, 0.69); margin: 0px 0px 20px; }
ul.dots-ul li { font-size: 14px; color: rgb(23, 23, 23); display: inline-block; width: 100%; padding: 0px 0px 0px 14px; position: relative; margin: 0px 0px 5px; }
ul.dots-ul li::before { content: ""; width: 6px; height: 6px; background: rgb(5, 46, 143); position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; border-radius: 100%; transition: all 0.4s ease 0s; }
.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: rgb(5, 46, 143); padding: 14px 38px; display: inline-block; color: rgb(255, 255, 255); position: relative; }
.cta-new .hd-btn::before { content: ""; width: 65%; height: 1px; background: rgb(223, 223, 223); position: absolute; left: -270px; top: 0px; bottom: 0px; margin: auto; }
.cta-new .hd-btn::after { content: ""; width: 65%; height: 1px; background: rgb(223, 223, 223); position: absolute; right: -270px; top: 0px; bottom: 0px; margin: auto; }
.cta-new ul li { display: inline-block; margin: 0px 3%; position: relative; padding: 0px 0px 0px 53px; }
.cta-new ul li h6 { font-size: 16px; color: rgb(115, 115, 115); line-height: 1.3; margin: 0px; text-align: left; border-left: 1px solid rgb(226, 226, 226); padding: 5px 0px 5px 14px; }
.cta-new ul li h6 a {display: block;font-size: 18px;color: rgb(246 0 0);}
.cta-new ul li i { position: absolute; left: 0px; top: 0px; bottom: 0px; transform: scale(0.8); }
ul.bann-btm-logos01 li { display: inline-block; vertical-align: middle; margin: 0px 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: 0px 26px 0px 80px; position: relative; width: 22%; text-align: left; margin: 0px 1%; border-right: 1px solid rgb(229, 229, 229); }
ul.bann-btm-logos02 li i { position: absolute; left: 0px; top: 0px; bottom: 0px; transform: scale(0.9); }
ul.bann-btm-logos02 li h5 {font-size: 48px;color: rgb(246 0 0);font-weight: 500;line-height: 1.3;}
ul.bann-btm-logos02 li h5 span { display: block; font-size: 14px; color: rgb(23, 23, 23); }
ul.bann-btm-logos02 { text-align: center; margin-bottom: 0px; }
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 0px; 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: 0px 0px 0px 7px; }
ul.process-points-ul li h5 { margin: 14px 0px 0px; font-size: 16px; color: rgb(154, 154, 154); }
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: rgba(5, 46, 143, 0); position: absolute; border-radius: 100%; left: -7px; top: -7px; transition: all 0.4s ease 0s; }
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 0px; }
.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: 0px 0px 12px; border: 1px solid rgb(226, 226, 226); 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: 0px 0px 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; display:none; }
  section.bann-video { min-height: 480px; text-align: center; }
  .brand-logos-sec h5 { font-size: 17px; margin: 0px 0px 21px; color: rgba(255, 255, 255, 0.29); }
  .brand-logos-sec ul li img { max-width: 70px; }
  .brand-logos-sec ul li { margin: 0px 6px; }
  .brand-logos-sec { text-align: center; bottom: 0px; }
  .min-play-icn-height { display: none; }
  .brand-logos-sec .container { padding: 10px 0px 20px; }
  .brand-logos-sec ul.text-right { text-align: center; }
  .bann-video .video-bg { height: 100vh; }
  .mn-btn3 { }
  ul.web-busnss-tb li a { padding: 0px; line-height: normal; display: flex; height: 59px; align-items: center; justify-content: center; margin: 2px 0px; }
  .web-busnss-tb-cnt h5 { font-size: 25px; line-height: 1.2; }
  .web-busnss-tb-cnt h5 span { font-size: 16px; margin: 8px 0px 0px; }
  .web-busnss-tb-cnt p { margin: 0px 0px 10px; }
  ul.dots-ul li { width: 100%; margin: 0px; }
  .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: 0px; top: 0px; background: rgba(255, 255, 255, 0.8); }
  ul.web-busnss-tb li a::after { display: none; }
  ul.web-busnss-tb::after { display: none; }
}
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: 0px 25px; }
ul.social-icn-large { text-align: center; margin: 0px 0px 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: rgb(212, 212, 212); position: absolute; inset: 0px -50%; margin: auto; z-index: -1; }
.sprite-icn-social-icn1::before { background-position: -406px -1557px !important; }
.sprite-icn-social-icn2::before { background-position: -509px -1557px !important; }
.sprite-icn-social-icn3::before { background-position: -406px -1655px !important; }
.sprite-icn-social-icn4::before { background-position: -509px -1655px !important; }
.sprite-icn-social-icn5::before { background-position: -406px -1753px !important; }
.sprite-icn-social-icn6::before { background-position: -509px -1753px !important; }
.prcss-icn13::before { background-position: -23px -1843px; width: 28px; height: 28px; }
.process-ul li.active .prcss-icn13::before { background-position: -23px -1898px; }
.prcss-icn14::before { background-position: -85px -1843px; width: 31px; height: 31px; }
.process-ul li.active .prcss-icn14::before { background-position: -85px -1898px; }
.prcss-icn15::before { background-position: -150px -1845px; width: 27px; height: 27px; }
.process-ul li.active .prcss-icn15::before { background-position: -150px -1898px; }
.prcss-icn16::before { background-position: -211px -1844px; width: 29px; height: 29px; }
.process-ul li.active .prcss-icn16::before { background-position: -211px -1897px; }
.process-ul.four-process li + li { width: 32.6%; }
.process-ul.four-process li:last-child { width: 16%; }
.process-ul.four-process i.actv-ul { }
ul.process-ul.four-process.process2 i.actv-ul { left: 327px; }
ul.process-ul.four-process.process3 i.actv-ul { left: 693px; }
ul.process-ul.four-process.process4 i.actv-ul { left: 966px; }
ul.process-ul.four-process.process2::before { width: 26%; }
ul.process-ul.four-process.process3::before { width: 57%; }
ul.process-ul.four-process.process4::before { width: 83%; }
.btn-cstm { position: relative; z-index: 1; background: rgb(196, 32, 15); padding: 14px 60px; display: inline-block; color: rgb(255, 255, 255); text-align: center; font-size: 21px; border-radius: 5px; border: 2px solid rgb(196, 32, 15); box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; margin-top: 25px; }
.link { color: rgb(0, 0, 0); font-size: 13px; border-bottom: 1px solid rgb(0, 0, 0); display: inline-block; line-height: 18px; }
ul.type-ul li:hover .link { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.lp-tstimnial-sldr img { width: 116%; }
.lp-testimonial-innr p { font-size: 22px; color: rgb(102, 102, 102); 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 0px; }
.lp-testimonial-innr .name { text-align: right; font-size: 24px; color: rgb(0, 0, 18); font-style: italic; font-weight: 600; position: relative; }
.lp-testimonial-innr .name::before { content: ""; width: 90px; height: 1px; background: rgb(204, 204, 208); display: inline-block; vertical-align: middle; margin: 0px 20px 0px 0px; }
.lp-tstimnial-sldr ul.slick-dots { text-align: center; }
.black-layout { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.82); z-index: 1111; display: none; }
.side-body .field .col-lg-2.noguttar { width: 16.6667%; display: inline-block; }
.side-body .field .col-lg-10 { width: 82.0333%; display: inline-block; }
.logow {width: 100%;height: 70px;object-fit: contain;}
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: 0px; top: 0px; background: rgba(0, 0, 0, 0.85); opacity: 0; transition: all 0.4s ease 0s; }
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 rgb(255, 255, 255); position: absolute; inset: 0px; color: rgb(255, 255, 255); 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 0px 0px; }
  ul.social-icn-large { display: none; }
  .process-content .process-tabs img { width: 170px; }
  .process-ul.four-process li + li { width: auto; margin: 0px 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; }
  .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 0px; background: rgb(70, 70, 70); }
  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 { flex-direction: column-reverse; display: flex !important; }
  .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 0px 10px 17px; }
  .map-add { border-left: none; padding: 26px 0px 0px; margin-top: 0px; border-top: 1px solid rgba(255, 255, 255, 0.21); }
  .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: rgb(0, 0, 0); }
  .countrylps .logo img { width: 125px; margin: 7px 0px; }
  .lp-getstarted .sec-hd { font-size: 28px; text-align: center; }
  .lp-ftr-form { padding: 30px 0px; }
  .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 0px; }
  .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; }
  ul.web-busness-ul li { width: 100%; margin: 0px; font-size: 14px; }
  .spacebr br + br { display: none; }
  ul.portf-templ-ul li { width: 100%; margin: 0px 0px 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 { transform: scale(0.6); right: 0px !important; }
  .process-content .spacebr { display: none; }
  .process-content { padding: 20px 0px 0px; text-align: center; }
  .process-content img { position: initial; margin: 0px 0px 16px; max-width: 200px; }
  .process-content-innr { margin: 0px 0px 23px; display: block !important; }
  .process-content ul.process-points-ul { margin: 0px 0px 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: 0px 0px 5px; }
  ul.process-points-ul li a { border: 1px solid rgba(0, 0, 0, 0.14); padding: 10px 9px; }
  ul.process-points-ul li h5 { margin: 0px; }
}
.posi-rale { position: relative; }
.topBan { max-width: 100%; height: auto; position: relative; top: 148px; width: auto !important; }
.topBan-btn { position: absolute; top: 228px; right: 0px; }
.topBan-btn:hover { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; transition-duration: 0.3s; }
.mobileView { display: none; }
@media (max-width: 823px) {
  ul.includ-pkg-ul li { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; }
  .web-business-sec { background: none; }
  .web-busnss-tb-cnt { padding: 15px 0px; border-bottom: 1px solid rgb(204, 204, 204); display: block !important; }
  ul.web-busnss-tb { display: none; }
  ul.features-ul li { padding: 0px; display: inline-block; width: 44%; margin: 0px 0px 16px; }
  ul.features-ul li:last-child { margin: 0px; }
  .mobileView { display: block; font-size: 16px; font-weight: 500; padding: 10px; background: rgb(5, 46, 143); width: 100%; color: rgb(255, 255, 255); text-align: center; border-radius: 4px; }
  ul.idustries-ul-slide-toggle { height: 190px; overflow: hidden; }
  ul.idustries-ul-slide-toggle.active { height: auto; overflow: visible; }
  .pkg-tbcontent-v2 .pack-list > li { }
  .pkg-tbcontent-v2 .pack-list > li { width: 100%; display: none !important; }
  .pkg-tbcontent-v2 .pack-list > li:nth-child(1) { display: block !important; }
  .pkg-tbcontent-v2 .pack-list > li:nth-child(2) { display: block !important; }
  .pkg-tbcontent-v2 .pack-list > li:nth-child(3) { display: block !important; }
}
[class^="box-"] { display: none; }
[class^="box-"].showfirst { display: block; }
.technologySec { padding: 50px 0px; background: rgb(230, 234, 243); text-align: center; }
.technologySec h4 { font-size: 27px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: rgb(51, 51, 51); }
.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: rgb(51, 51, 51); }
.techLogoList { display: block; }
.techLogoList > li { display: block; margin: 0px 0px 15px; }
.eCommerceWeb {background-color: #302f2f;padding: 70px 0px 40px;position: relative;}
.eCommerceWeb::before { content: ""; position: absolute; left: 0px; 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: rgb(255, 255, 255); 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: rgb(255, 255, 255); }
.btnList { font-size: 0px; display: block; text-align: center; }
.btnList > li { display: inline-block; vertical-align: middle; padding: 0px 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: rgb(255, 255, 255); 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 0px; }
.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: rgb(51, 51, 51); }
.ecommerceProcess h4 { font-size: 27px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: rgb(51, 51, 51); }
.ecommerceProcess p { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: rgb(51, 51, 51); }
.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: rgb(51, 51, 51); 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: rgb(255, 255, 255); border-radius: 50%; font-size: 16px; color: rgb(51, 51, 51); position: absolute; left: 0px; top: -10px; }
.processList p { font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: normal; color: rgb(51, 51, 51); overflow: hidden; height: 0px; opacity: 0; transition: all 0.4s ease-in-out 0s; }
.processList > li.active p { overflow: visible; height: 128px; opacity: 1; }
.processImg img { max-width: 100%; }
.offeringSec {padding: 70px 0px;background: #302f2f;position: relative;}
.offeringSec::before { content: ""; position: absolute; left: 0px; top: -18px; 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: rgb(255, 255, 255); }
.offeringSec p { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: rgb(255, 255, 255); margin-bottom: 25px; }
 .mn-bann3 {height: auto;background-size: cover;background-repeat: no-repeat;background-position: center top;/* display: flex; */align-items: center;/* padding: 140px 0px 40px; */}
 .mn-bann3 .container { width: 1220px; }
 .mn-bann3 img { max-width: 100%; }
 .mn-bann3 h4 { font-size: 36px; font-weight: 700; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 1px 1px 1px; padding-bottom: 25px; position: relative; margin-bottom: 20px; line-height: normal; }
 .mn-bann3 h4::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 227px; height: 7px; background: rgb(255, 255, 255); border-radius: 50px; box-shadow: rgb(0, 0, 0) 0px 1px 1px 0px; }
 .mn-bann3 p { font-size: 22px; font-weight: 500; text-shadow: rgb(0, 0, 0) 1px 1px 1px; color: rgb(255, 255, 255); line-height: normal; margin-bottom: 20px; }
body.eCommerceBody .align-items-center { display: flex; align-items: center; }
body.eCommerceBody .topbar { background: rgb(10, 12, 12); box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 60px 0px; }
.mainBanner { background-size: cover; background-position: center top; background-repeat: no-repeat; display: flex; align-items: center; padding: 170px 0px 70px; height: auto; }
.mainBanner h4 { font-size: 45px; color: rgb(255, 255, 255); font-weight: bold; line-height: normal; margin-bottom: 10px; }
.mainBanner p { font-size: 18px; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 15px; line-height: normal; }
.checkList { display: block; margin-bottom: 20px; }
.checkList > li { font-size: 18px; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 15px; position: relative; padding-left: 25px; text-transform: capitalize; }
.checkList > li::before { content: "•"; position: absolute; left: 0px; top: 0px; color: rgb(255, 255, 255); font-size: 16px; font-family: FontAwesome; }
.mainBanner a { font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); padding: 15px 40px; background: rgb(211, 63, 73); display: inline-block; margin-bottom: 20px; border: 1px solid rgb(211, 63, 73); }
.mainBanner a:hover { background-color: transparent; color: rgb(211, 63, 73); }
.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 0px 20px; }
.tabList > li { display: inline-block; vertical-align: middle; padding: 0px 10px; }
.tabList a { font-size: 14px; font-weight: 600; color: rgb(10, 50, 141); background: rgb(244, 244, 244); border: 1px solid rgb(111, 134, 185); border-radius: 2px; display: inline-block; width: 150px; height: 45px; line-height: 45px; padding: 0px; }
.tabList > li:hover a, .tabList > li.active a { background: rgb(10, 50, 141); color: rgb(255, 255, 255); }
.halloweenp .logo a:nth-child(1) { padding: 10px 0px 0px; }
.halloweenp header.stick .logo img { margin: 0px; }
.halloweenp header.stick .logo a { padding: 5px 0px 8px; }
.halloweenp .video-bg::before { background: rgba(0, 0, 0, 0.1); }
.halloweenp .video-bg img { width: 100%; height: 100vh; object-fit: cover; }
.halloweenp .cta-new { position: relative; }
.halloweenp .cta-new::before { content: ""; position: absolute; top: -55px; left: 30px; background: url("../images/halloween/img1.png") no-repeat; width: 243px; height: 184px; z-index: 1; }
.halloweenp .cta-new::after { content: ""; position: absolute; top: -20px; right: 50px; background: url("../images/halloween/img2.png") 0% 0% / cover no-repeat; width: 250px; height: 270px; z-index: 1; }
.halloweenp .includ-pkg-sec { position: relative; }
.halloweenp .includ-pkg-sec::before { content: ""; position: absolute; top: -58px; left: 30px; background: url("../images/halloween/img3.png") 0% 0% / cover no-repeat; width: 340px; height: 210px; z-index: 1; transform: rotate(-7deg); }
ul.bann-btm-logos02 li h5 span { font-size: 14px; }
.map { position: relative; }
.map iframe { position: absolute; bottom: 0px; top: 0px; margin: auto; }
.ftr-award-sec h2.sec-hd { padding-right: 0px !important; }
.trustedreviewssec ul { display: flex; align-items: center; }
.trustedreviewssec ul li { padding: 0px 20px; }
.trustedreviewssec ul li img { width: initial; max-width: 200px; }
.trustedreviewssec ul li iframe { width: 100% !important; }
.christmasp .side-bar-sm-frm.rght-open::before { content: ""; position: absolute; top: -60px; left: -25px; background: url("../images/sidebar-christmas.png") no-repeat; width: 74px; height: 83px; z-index: 1; transition: all 0.3s ease-out 0s; }
.christmasp .dark-grey-bg { position: relative; }
.christmasp .dark-grey-bg::before { content: ""; position: absolute; left: -40px; top: -30px; background: url("../images/christmascap.png") no-repeat; width: 135px; height: 131px; }
.christmasp .includ-pkg-sec { position: relative; }
.christmasp .includ-pkg-sec::before { content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/christmas-light.png") no-repeat; width: 206px; height: 91px; }
.christmasp .includ-pkg-sec::after { content: ""; position: absolute; right: 0px; top: 0px; background: url("../images/christmas-light1.png") 0% 0% / contain no-repeat; width: 300px; height: 240px; }
.christmasp .bxctas { position: relative; }
.christmasp .bxctas::before { content: ""; position: absolute; top: -70px; left: 0px; background: url("../images/christmas1.png") no-repeat; width: 250px; height: 333px; }
.christmasp .bxctas::after { content: ""; position: absolute; top: -70px; right: -40px; background: url("../images/christmas2.png") no-repeat; width: 303px; height: 314px; }
.christmasp .side-bar-sm-frm.rght-open.active::before { transform: scaleX(-1); left: 0px; }

.darker {background: #ededed!important;color: #000!important;}

.pack-list li span{
    display: block!important;
    font-size: 14px!important;
    background: transparent!important;
    padding-top: 8px!important;
    font-style: italic!important;
}



.logo svg {
    width: 276px;
    height: 47px;
}



@media (max-width: 2500px) and (min-width: 825px) {
  .testi-sec h2.sec-hd { padding-right: 270px; }
}
@media (max-width: 824px) {
    
    
.ftr-top-area ul li {
    width: 100%;
    display: block;
    margin: 30px auto;
    text-align: center;
}

.ftr-top-area ul li img {
    margin-bottom: 14px;
}

.ftr-top-area {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ftr-region {
}

.ftr-brands {
    text-align: center;
}

.newsletter-container {
    text-align: center;
}

.newsletter-container h5 {
    font-size: 12px;
}

.newsletter-box input[type="text"] {
    width: 100%;
}

.newsletter-box input[type="submit"] {
    width: 100%;
    margin: 12px 0 40px;
}

.newsletter-container {
    margin-top: 35px;
}

.ftr-btm-section a {
    font-size: 9px;
}

span.ftr-btm-links {
    margin: 10px 0;
}

ul.social-media {
    margin-top: 20px;
}

ul.social-media li a {
    margin: 0 8px;
}
    
    
    
    
    
    
  .mainBanner { padding: 120px 0px 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 0px; }
  .ecommerceList { padding-left: 0px; }
  .ecommerceList > li { display: block; width: 100%; }
  .processList > li.active p { height: auto; }
  .offeringSec::before { display: none; }
  .offeringSec { padding: 50px 0px; }
  .trustedreviewssec li img { max-width: 100%; margin: auto; }
  .trustedreviewssec ul { display: block; }
  .trustedreviewssec ul li a { margin: auto; display: flex; align-items: center; }
  .trustedreviewssec .slick-track { display: flex; align-items: center; }
  .halloweenp .bann-video .video-bg img { height: 100vh; width: 100%; object-fit: cover; }
  .halloweenp .cta-new .container { position: relative; z-index: 2; }
  .halloweenp .cta-new::before { opacity: 0.4; top: 0px; }
  .halloweenp .cta-new::after { display: none; }
  .halloweenp .includ-pkg-sec::before { display: none; }
  .halloweenp .includ-pkg-sec .container { position: relative; z-index: 2; }
  .christmasp .includ-pkg-sec::after, .christmasp .includ-pkg-sec::before { display: none; }
  .christmasp .dark-grey-bg::before { left: 5px; top: -42px; transform: rotate(20deg); }
  .christmasp .bxctas h3, .christmasp .bxctas p, .christmasp .bxctas ul { position: relative; z-index: 1; }
  .christmasp .bxctas::before { top: -72px; left: 0px; background-size: contain; z-index: 0; width: 120px; height: 180px; opacity: 0.5; }
  .christmasp .bxctas::after { top: initial; bottom: -110px; right: -40px; width: 150px; height: 200px; z-index: 0; background-size: contain; opacity: 0.5; }


.testimonials-slick .row{ display:block; }
.image-sec-3{ padding-top: 150px;    padding-left: 0; }
.overlap-sec-33{     position: relative; top: 0;  left: 0;  margin: 20px auto; }
.other-overlap{ position: absolute; top: 10px;  right: initial; left: 0;  z-index: 8; right: 0; margin: auto; }
.testimonials-slick{ padding-bottom: 30px; text-align: center; }
.testimonials-slick .slick-next.slick-arrow{  right: 0 !important;  left: 30px !important; }
.testimonials-slick .slick-prev.slick-arrow{     left: -30px; right: 0; }

.testimonials-slick .row {
    display: block;
}

.sec_03 .para-slider{ transform: initial; }
.testimonials-slick .image-sec-3{ padding-top: 0;  }
.sec_03{     padding: 20px 0 15px; }

.video-bg img{ display: none; }


.mn-bann3 .slide{ height: auto; }
.form-review .form-head .h4{ font-size: 22px; }
.form-review textarea.form-control{ height: 100px; }
.max-width-narrow, .constrained-content-narrow, .hr-narrow{ max-width: 90%; }


}
.formWrapp .insert-btn  input[type="submit"]{
  font-size: 20px
}

/* .popup-layout {
  position: fixed;
  background: rgba(0, 0, 0, 0.58);
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0px;
  left: 0px;
  align-items: center;
  justify-content: center;
  display: none;
}
 */
.trust-pilot-wi{
    width: 100%;
    display: block;
    margin-top: 20px;
    
}

.trust-pilot-wi .trustpilot-widget{
    position: relative;
    width: 200px;
    background: #fff;
    display: inline-block;
    padding: 8px 0;
    border-radius: 10px;
    box-sizing: 2px 5px 4px grey;
    box-shadow: 3px 1px 21px black;

}
.trust-pilot-wi iframe {
    width: 95% !important
}
.trust-pilot-wi2 iframe{
    width: 95% !important ;
}

.trust-pilot-wi2 .trustpilot-widget{
    position: relative;
    width: 200px;
    background: #fff;
    display: inline-block;
    padding: 8px 0;
    border-radius: 10px;
    box-sizing: 2px 5px 4px grey;
    box-shadow: 3px 1px 21px black;

}




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

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


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

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





.search-bar input.search-text {
    color: #222;
    position:relative;
    z-index:5;
    transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
    height: 45px;
    width: 0;
    margin: 0;
    padding: 5px 0 5px 40px;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 30px;
    border: 1px solid transparent;
    background: url("../images/search.html") no-repeat left 9px center transparent;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDMuODY2LDQ3Ny45NzRMMzYwLjk1OCwzMzUuMDUyYzI4LjcyNS0zNC41NDQsNDYuMDE3LTc4LjkxMiw0Ni4wMTctMTI3LjMzNiAgYzAtMTEwLjA4NC04OS4yMjctMTk5LjMxMi0xOTkuMzEyLTE5OS4zMTJDOTcuNTk5LDguNDAzLDguMzUxLDk3LjYzMSw4LjM1MSwyMDcuNzE1YzAsMTEwLjA2NCw4OS4yNDgsMTk5LjMxMiwxOTkuMzEyLDE5OS4zMTIgIGM0OC40MzUsMCw5Mi43OTItMTcuMjkyLDEyNy4zMzYtNDYuMDE3bDE0Mi45MDgsMTQyLjkyMkw1MDMuODY2LDQ3Ny45NzR6IE0yOS4zMzEsMjA3LjcxNWMwLTk4LjMzNCw3OS45ODctMTc4LjMzMiwxNzguMzMyLTE3OC4zMzIgIGM5OC4zMjUsMCwxNzguMzMyLDc5Ljk5OCwxNzguMzMyLDE3OC4zMzJzLTgwLjAwNywxNzguMzMyLTE3OC4zMzIsMTc4LjMzMkMxMDkuMzE4LDM4Ni4wNDcsMjkuMzMxLDMwNi4wNSwyOS4zMzEsMjA3LjcxNXoiIGZpbGw9IiMzNzQwNEQiLz48L3N2Zz4=) no-repeat left 9px center transparent;*/
  background-size:18px;
}
.search-bar input.search-text:focus {
    z-index:3; 
    width: 270px;
    border: 1px solid #666;  
    background-color: white;
    outline: none;
    cursor:auto;
    padding-right: 10px;
}

.search-bar input.search-submit {
    position: relative;
    z-index: 4;
    top:17px;
    left: 49px;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 30px;
    cursor: pointer; 
    background: none;
}

.search-bar input.search-text::-webkit-search-cancel-button {
    cursor:pointer;
}

p.para {
    padding-bottom: 8px;
}
section.trustedreviewssec {
    padding-top: 
51px;
}


/*footer social*/

ul.social-media {
    display: inline-block;
}

ul.social-media li {
    display: inline-block;
}

ul.social-media li a {
    margin-left: 22px;
    font-size: 23px;
    line-height: 1.5em;
}

.jsCode {overflow: hidden;}
/*.popup-layout2 {background: #fff;padding: 20px;width: 450px;min-height: 400px;left: 50%;top:50%;margin-left: -195px;margin-top: -250px;position: fixed;z-index: 9999; display: none;}*/


.popup-layout2 .popup-inner {
    min-height: 400px;
    left: 40%;
    top: 15%;
    position: absolute;
    z-index: 999999;
    border: 15px solid #ffffff24;
    border-radius: 14px;
}
.popup-layout6 {
    height: 100vh;
    position: fixed;
    z-index: 99999;
    width: 100%;
    background: #00000078;
    display: block;
    top: 0;
    left: 0;
    display:none;
}






.play-btn {
  display: none;
}



.testimonials-slick a {
  pointer-events: none;
}


.tp-stars {
  width: 160px;
}

.tp-logo img {
  width: 100px;
}

.banner-tp h6 {
  color: #fff;
  font-size: 14px;
}
.banner-tp {
  padding-top: 50px;
}

.banner-tp ul li {
  display: inline-block;
  margin: 0 13px;
}

@media (max-width:767px){
    .banner-tp {
  padding-top: 0;
}

.tp-logo img {
  max-width: 120px;
}
    
  .tp-stars {
  width: 80px;
}  
    .banner-tp h6 {
 
  font-size: 12px;
  margin: 0;
  padding-bottom: 30px;
}

.banner-tp ul {
  font-size: 0;
  padding-top: 5px;
}

.banner-tp ul li {
  display: inline-block;
  margin: 0;
  width: 33.333%;
  padding: 0 10px;
}

.hmbanner-cst .mn-btn3 {
  font-size: 13px;
}
    
  .hmbanner-cst  .mn-btn3::before {
  font-size: 13px;
    }
}