* {
    outline: none;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.6em;
    overflow-x: hidden;
    margin-bottom: 512px;
}

section,
.banner-sec {
    background-color: #fff;
}

h1,
h2,
h3 {
    font-family: 'Titillium Web', sans-serif;
}

a {
    transition-duration: .3s;
}

a:hover,
a:focus {
    text-decoration: none;
    transition-duration: .3s;
}

.white-txt * {
    color: #fff !important;
}

.logo img {
    width: 153px;
}

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

.banner-pic .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.banner-pic .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.banner-pic .hover-effect-bann {
    height: 860px;
    background-size: cover !important;
}

.banner-pic .hover-effect-bann .row,
.banner-pic .hover-effect-bann .column,
.banner-pic .hover-effect-bann .ItemCard,
.banner-pic .hover-effect-bann .ItemCard__thumb {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.banner-pic .hover-effect-bann .row {
    position: absolute;
    top: -190px;
    left: 104vh;
    width: 960px;
    -webkit-transform: rotateX(70deg) rotateZ(25deg) scale(1.2);
    transform: rotateX(70deg) rotateZ(25deg) scale(1.2);
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.banner-sec .ban-txt h1{ margin-bottom: 12px; }

.banner-pic .hover-effect-bann.web-hov-change .row {
    -webkit-transform: rotateX(40deg) rotateZ(15deg) scale(1.0);
    transform: rotateX(40deg) rotateZ(15deg) scale(1.0);
}

.banner-pic .hover-effect-bann.web-hov-change .row .column {
    max-width: 32%;
}

.banner-pic .hover-effect-bann .column {
    width: 50%;
    max-width: 22%;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

.banner-pic .hover-effect-bann .shadow {
    display: block;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: .9;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    -webkit-animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) shadow 2;
    animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) shadow 2;
}

.banner-pic .hover-effect-bann .ItemCard__thumb img {
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 20px);
    transform: translate3d(0, 0, 20px);
    -webkit-animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) levitate 2;
    animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) levitate 2;
}

.banner-pic .hover-effect-bann .column:hover .ItemCard__dest {
    z-index: 10;
}

.banner-pic .hover-effect-bann .column:hover .ItemCard__dest,
.banner-pic .hover-effect-bann .column:hover .ItemCard__thumb img {
    -webkit-transform: translate3d(0, 0, 45px) rotateX(-12deg) rotateY(20deg);
    transform: translate3d(0, 0, 45px) rotateX(-12deg) rotateY(20deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

.banner-pic .hover-effect-bann.web-hov-change .column:hover .ItemCard__dest,
.banner-pic .hover-effect-bann.web-hov-change .column:hover .ItemCard__thumb img {
    -webkit-transform: translate3d(0, 0, 50px) rotateX(0deg);
    transform: translate3d(0, 0, 50px) rotateX(0);
}

.banner-pic .hover-effect-bann .column:hover .ItemCard__thumb .shadow {
    opacity: .6;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
}

.banner-pic .section--list .row {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 160px 0;
}

.banner-pic .section--list .column {
    padding: 20px;
}

.banner-pic .hero {
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    padding: 160px 40px 0 40px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

.banner-pic .ItemCard {
    position: relative;
    max-width: 510px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner-pic .ItemCard__thumb {
    position: relative;
    padding: 0;
}

.banner-pic .ItemCard__thumb img {
    display: block;
    cursor: pointer;
}

.banner-pic .ItemCard__summary {
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

.banner-pic .ItemCard__title {
    margin: 6px 0;
    font-size: 1.2em;
}

.banner-pic .ItemCard__meta {
    font-size: .8em;
    color: #aaa;
}

.banner-pic .ItemCard__meta.category {
    font-weight: 800;
    text-transform: uppercase;
    color: #ec3e3a;
}

@-webkit-keyframes levitate {
    0% {
        -webkit-transform: translate3d(0, 0, 20px);
        transform: translate3d(0, 0, 20px);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 20px);
        transform: translate3d(0, 0, 20px);
    }
}

@keyframes levitate {
    0% {
        -webkit-transform: translate3d(0, 0, 20px);
        transform: translate3d(0, 0, 20px);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 20px);
        transform: translate3d(0, 0, 20px);
    }
}

@-webkit-keyframes shadow {
    0% {
        opacity: .9;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    }

    50% {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.18);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18);
    }

    100% {
        opacity: .9;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    }
}

@keyframes shadow {
    0% {
        opacity: .9;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    }

    50% {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.18);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18);
    }

    100% {
        opacity: .9;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    }
}

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

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

.stick.slideDown {
    top: 0;
}

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

.slidefrm-inner {
    width: 470px;
    position: absolute;
    top: 0;
    right: -500px;
    z-index: 9999;
    background: transparent;
    height: 100vh;
    transition: all 0.4s ease;
    overflow-y: scroll;
}

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

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

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

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

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

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

.slidefrm-bdy select#homeformcountry {
    margin-left: 22px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
    overflow-y: visible !important;
}

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

.hdr-top-links {
    padding: 18px 0 18px;
}

.hdr-top-links,
.top-nav {
    float: right;
    line-height: 1.2em;
}

.hdr-top-links ul {
    float: right;
    text-align: right;
    margin-bottom: 0;
}

.hdr-top-links ul li {
    display: inline-block;
    margin-left: 8px;
}

.hdr-top-links ul li a {
    color: #666666;
    font-weight: 300;
    font-size: 13px;
}

.top-general-links {
    border-right: 1px solid #ccc;
    padding-right: 12px;
    margin-right: 6px;
}

.top-general-links li {
    margin-left: 12px !important;
}

.hdr-top-links ul li a {
    position: relative;
}

.top-info-links a {
    padding-left: 23px;
}

.hdr-top-links ul li a i {
    color: #fff;
    background: #3A93CB;
    background: -moz-linear-gradient(left, #3A93CB 34%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #3A93CB 34%, #3A93CB 100%);
    background: linear-gradient(to right, #3A93CB 34%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A93CB', endColorstr='#3A93CB', GradientType=1);
    width: 18px;
    height: 18px;
    border-radius: 27px;
    font-size: 10px;
    display: block;
    text-align: center;
    padding-top: 3px;
    position: absolute;
    top: 0;
    left: 0;
}

header * {
    transition: all 0.4s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

img.stick-img {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

.top-nav li {
    display: inline-block;
    position: relative;
}

.top-nav li+li {
    margin-left: 18px;
}

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

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

.top-nav li.active_nav a {
    color: #3A93CB;
    font-weight: 600;
}

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

.sub-nav-bg {
    background: #3A93CB;
    background: -moz-linear-gradient(left, #3A93CB 34%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #3A93CB 34%, #3A93CB 100%);
    background: linear-gradient(to right, #3A93CB 34%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A93CB', endColorstr='#3A93CB', GradientType=1);
    text-align: center;
}

.sub-nav-bg {
    margin: 0;
}

.sub-nav-bg li {
    display: inline-block;
    position: relative;
    padding-left: 4px;
}

.sub-nav-bg li+li:before {
    width: 1px;
    height: 26px;
    display: block;
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
}

.sub-nav-bg li a {
    font-size: 14px;
    color: #ffffff;
    display: block;
    padding: 8px 18px;
    position: relative;
}

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

.sub-nav-bg li a:hover:before,
.sub-nav-bg li a:hover:after,
.sub-nav-bg li.active_nav a:before,
.sub-nav-bg li.active_nav a:after {
    width: 2px;
    height: 25px;
    display: block;
    background: #45ADE6;
    content: "";
    position: absolute;
    top: 8px;
}

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

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

.banner-sec {
    height: 554px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.sm-bann {
    height: 554px;
}

.sm-bann .banner-pic {
    height: 554px;
}

.sm-bann .ban-txt h1 {
    font-size: 52px;
    text-transform: capitalize;
}

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

.ban-lg-subhd {
    font-size: 32px !important;
}

.banner-pic {
    width: 100%;
    height: 554px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

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

.ban-txt-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.ban-txt h1 {
    font-size: 55px;
    color: #3A93CB;
    font-weight: bold;
    text-transform: capitalize;
    line-height: .95em;
    margin-bottom: 14px;
    margin-top: 30px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.ban-txt h4 {
    font-size: 25px;
    color: #2a2a2a;
    font-weight: 600;
    text-transform: capitalize;
    line-height: .95em;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 25px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.ban-txt h4 span {
    font-weight: bold;
    color: #3A93CB;
    font-size: 35px;
}

.ban-txt li {
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 400;
    text-transform: capitalize;
    line-height: .95em;
    margin-top: 12px;
    position: relative;
    padding-left: 23px;
}

.ban-txt li:before {
    width: 12px;
    height: 12px;
    background: #3A93CB;
    display: block;
    content: "";
    border-radius: 15px;
    position: absolute;
    left: 1px;
    top: 3px;
}

.ban-txt li {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.ban-txt li+li {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
}

.ban-txt li+li+li {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.ban-txt li+li+li+li {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

.ban-txt li+li+li+li+li {
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
}

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

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

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

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

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

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

ul.type-ul {
    text-align: center;
    margin: 80px 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wd-100 {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ul.addon-ul li [type="checkbox"]:disabled:not(:checked)+label:before,
ul.addon-ul li [type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

ul.addon-ul li [type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

ul.addon-ul li [type="checkbox"]:disabled+label {
    color: #aaa;
}

ul.addon-ul li [type="checkbox"]:checked:focus+label:before,
ul.addon-ul li [type="checkbox"]:not(:checked):focus+label:before {
    border: 2px dotted #34a622;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.orng-colr {
    color: #f9a002;
}

.white-colr {
    color: #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes pulse-light {

    0%,
    100% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.04)
    }
}

@keyframes pulse-light {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.04)
    }
}

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

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

.hdr-cont-box {
    float: right;
    margin-bottom: 0;
}

.hdr-cont-box li {
    display: inline-block;
    margin-right: 25px;
}

.hdr-cont-box li i {
    color: #3A93CB;
    margin-right: 4px;
}

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

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

ul.double-slidr li.slick-current:before {
    content: "";
    width: 9px;
    height: 100%;
    position: absolute;
    background: #FFF;
    left: 0;
    top: 0;
}

ul.double-slidr li h3 {
    margin-top: 0px;
}

ul.double-slidr li p {
    margin-bottom: 0px;
    padding-bottom: 12px;
}

ul.double-slidr li {
    margin-bottom: 40px;
}

.double-slidr-sync ul.slick-dots li button+button {
    display: none;
}

.double-slidr-sync ul.slick-dots li {
    display: inline-block;
}

.double-slidr-sync ul.slick-dots {
    width: 100%;
    text-align: center;
    position: relative;
    top: -22px;
}

.double-slidr-sync ul.slick-dots li button {
    border: 0px;
    background: #9e9e9e;
    font-size: 0px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    padding: 0px;
    margin: 0 0 0 5px;
}

.double-slidr-sync ul.slick-dots li.slick-active button {
    background: #3A93CB;
}

ul.double-slidr li.slick-current h3,
ul.double-slidr li.slick-current p {
    color: #FFF !important;
    transition: all 0.6s ease;
}

.what-makes-sec li {
    position: relative;
}

ul.double-slidr li.slick-current {
    padding-left: 30px;
}

ul.double-slidr li.slick-current:after {
    content: "\f0da";
    font-family: fontAwesome;
    color: #FFF;
    position: absolute;
    left: 6px;
    top: 0px;
    bottom: 0px;
    font-size: 40px;
    height: 26px;
    margin: auto;
}

.colr-black {
    color: #000;
}

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

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

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

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

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

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

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

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

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

table.comapare-box.compare-to-packg th {
    text-align: center;
    padding: 9px 0 5px;
}

table.comapare-box.compare-to-packg th,
table.comapare-box.compare-to-packg td {
    width: 19%
}

table.comapare-box.compare-to-packg th+th,
table.comapare-box.compare-to-packg td+td {
    width: 13.5%
}

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

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

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

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

@media only screen and (min-width:1600px) {
    .ban-form-box {
        right: 20%;
        top: 28%;
    }
}

.ban-btm-box {
    padding: 15px 0;
    width: 100%;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    position: relative;
}

.ban-btm-hd {
    float: left;
    width: 229px;
    border-right: 1px solid #cccccc;
    font-size: 18px;
    color: #313036;
    font-weight: 600;
    margin-right: 20px;
    padding: 18px 19px 18px 0;
    line-height: 1.3em;
    letter-spacing: -1px;
}

.ban-btm-logos {
    float: left;
    width: 100%;
    overflow: hidden;
}

.ban-btm-logos ul {
    margin-bottom: 0;
}

.ban-btm-logos li {
    display: inline-block;
    margin: 0 0 0;
    text-align: center;
}

.ban-btm-logos li img {
    transition-duration: .3s;
}

.ban-btm-logos li:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    transition-duration: .3s;
}

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

.nobanner-sec {
    padding-top: 70px;
    margin-top: 89px;
    border-top: 5px solid #3A93CB;
}

.nobanner-sec .sec-hd {
    margin-bottom: 40px;
}

.hm-ban-sec {
    position: relative;
}

.hm-form-container {
    position: absolute;
    top: 22%;
    right: 0;
    width: 100%;
    z-index: 2;
}

@media only screen and (min-width:1500px) {
    .hm-form-container {
        top: 27%;
    }
}

.banner-form-sec h3 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    background: #feb003;
    background: -moz-linear-gradient(45deg, #feb003 0%, #f38701 51%, #f38701 100%);
    background: -webkit-linear-gradient(45deg, #feb003 0%, #f38701 51%, #f38701 100%);
    background: linear-gradient(45deg, #feb003 0%, #f38701 51%, #f38701 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb003', endColorstr='#f38701', GradientType=1);
    margin: 0;
    padding: 16px 10px 6px;
    text-transform: uppercase;
    line-height: 1.95em;
    border-radius: 20px 20px 0 0;
}

.banner-form-sec h3 strong {
    font-weight: bold;
    color: #fff;
}

.banner-form-sec h3 span {
    font-family: 'Titillium Web', sans-serif;
    display: block;
    font-size: 43px;
    font-weight: 400;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}

.banner-form-sec {
    background: #f5f5f5;
    border-radius: 21px;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.45);
    -webkit-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.banner-form {
    padding: 0 27px 27px 27px;
}

.banner-form-sec p {
    font-size: 16px;
    color: #313036;
    font-weight: 500;
    text-align: center;
    position: relative;
    line-height: 1.1em;
    margin: 18px 25px 8px;
}

.banner-form-sec p span {
    background: whitesmoke;
    display: inline-block;
    width: 78%;
    z-index: 1;
    position: relative;
    padding: 0 10px;
}

.banner-form-sec p:before {
    width: 100%;
    height: 2px;
    background: #fca803;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 19px;
}

.banner-form input[type="text"],
.banner-form input[type="email"],
.banner-form input[type="tel"],
.banner-form select {
    width: 100%;
    font-size: 14px;
    color: #5e5c68;
    font-weight: 500;
    outline: none;
    border: none;
    background-color: transparent;
    height: 42px;
}

.banner-form select {
    position: absolute;
    right: 6px;
    width: 85%;
    border-radius: 0;
    border: 0;
}

.banner-form input[type="submit"],
.banner-form input[type="button"] {
    background: #f38701;
    background: -moz-linear-gradient(45deg, #f38701 0%, #feb003 50%, #feb003 100%);
    background: -webkit-linear-gradient(45deg, #f38701 0%, #feb003 50%, #feb003 100%);
    background: linear-gradient(45deg, #f38701 0%, #feb003 50%, #feb003 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38701', endColorstr='#feb003', GradientType=1);
    color: #fff;
    border: none;
    border-radius: 34px;
    font-size: 20px;
    padding-left: 12px;
    padding: 12px;
    margin-top: 10px;
    width: 100%;
}

.banner-form input[type="submit"]:hover,
.banner-form input[type="button"]:hover {
    background: #feb003;
    background: -moz-linear-gradient(45deg, #feb003 0%, #feb003 50%, #f38701 99%);
    background: -webkit-linear-gradient(45deg, #feb003 0%, #feb003 50%, #f38701 99%);
    background: linear-gradient(45deg, #feb003 0%, #feb003 50%, #f38701 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb003', endColorstr='#f38701', GradientType=1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    transition-duration: .3s;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: 1s;
    animation-fill-mode: both;
    transition-duration: .3s;
}

.frmicon-box {
    position: relative;
    margin: 0 0 24px;
}

.popup-bdy label {
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0 0 3px;
    line-height: 12px;
    display: block;
}

.field-icon {
    position: absolute;
    top: 13px;
    left: 18px;
}

.name-icon {
    background: url(../images/sprite.png) no-repeat -10px -9px;
    width: 16px;
    height: 18px;
}

.email-icon {
    background: url(../images/sprite.png) no-repeat -45px -11px;
    width: 19px;
    height: 15px;
}

.phone-icon {
    background: url(../images/sprite.png) no-repeat -85px -10px;
    width: 10px;
    height: 17px;
    left: 22px;
}

.services-icon {
    background: url(../images/sprite.png) no-repeat -116px -10px;
    width: 19px;
    height: 16px;
}

.sec-hd {
    color: #3A93CB;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0 0 16px 0;
    line-height: 1.1em;
    font-size: 36px;
}

.sec-hd strong {
    color: #35353b;
}

.sec-hd span {
    font-family: 'Poppins', sans-serif;
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    text-transform: none;
    line-height: 1.4em;
    padding-top: 8px;
    text-transform: capitalize;
}

.lg-hd {
    font-size: 42px;
    color: #3A93CB;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 25px;
}

.lg-hd:after {
    background: #3A93CB;
    display: block;
    width: 18%;
    height: 6px;
    content: "";
    margin-top: 20px;
}

.lg-sub-hd {
    font-size: 26px;
    color: #212121;
    font-weight: bold;
    margin-bottom: 15px;
}

.only-hd {
    line-height: 1.4em;
}

.sec-hd3 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.large-pra {
    font-size: 15px;
    color: #313036;
    line-height: 1.6em;
    margin-bottom: 30px;
}

.more-btn {
    margin-bottom: 10px;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    padding: 15px 48px;
    background: #45ADE6;
    background: -moz-linear-gradient(left, #45ADE6 0%, #45ADE6 65%, #45ADE6 100%);
    background: -webkit-linear-gradient(left, #45ADE6 0%, #45ADE6 65%, #45ADE6 100%);
    background: linear-gradient(to right, #45ADE6 0%, #45ADE6 65%, #45ADE6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45ADE6', endColorstr='#45ADE6', GradientType=1);
    border-radius: 34px;
    font-weight: 400;
    text-transform: capitalize;
}

.more-btn:hover {
    background: #45ADE6;
    background: -moz-linear-gradient(left, #45ADE6 0%, #45ADE6 99%);
    background: -webkit-linear-gradient(left, #45ADE6 0%, #45ADE6 99%);
    background: linear-gradient(to right, #45ADE6 0%, #45ADE6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A93CB', endColorstr='#45ADE6', GradientType=1);
    color: #fff;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.always-pulse {
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
    font-size: 16px;
}

.inno-con-list li {
    display: inline-block;
    text-align: center;
    padding: 10px 10px 0;
    width: 135px;
    font-size: 13px;
}

.inno-con-list li+li {
    border-left: 1px solid #ccc;
}

.inno-con-list li i {
    display: block;
}

.inno-con-list {
    padding-top: 54px;
}

.inno-con-list li i svg {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    opacity: 0;
}

.get-started-cta {
    background-size: cover;
    position: relative;
    padding: 30px 0;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}

.get-started-cta h3 {
    font-size: 42px;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.15em;
    margin: 0 0 15px;
}

.get-started-cta h3 span {
    font-size: 22px;
    display: block;
    color: #5f5f5f;
    font-weight: 600;
    line-height: normal;
    margin-top: 15px;
}

.get-started-cta h3 strong {
    color: #353535;
}

.get-started-cta li {
    display: inline-block;
}

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

.get-started-cta li a {
    border: 2px solid #fff;
    padding: 15px 10px;
    display: block;
    border-radius: 32px;
    font-size: 20px;
    line-height: .85em;
    color: #fff;
    width: 263px;
    position: relative;
}

.cta-call {
    width: auto;
    margin: 6px 0 0;
    display: inline-block;
    font-size: 20px;
    padding: 10px;
}

.cta-call,
.cta-call a {
    color: #333333;
}

.blue-cta-btn {
    background: #3ea6e6;
}

.green-cta-btn {
    background: #3A93CB;
}

.orange-cta-btn {
    background: #fe5501;
}

.get-started-cta a:hover {
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.get-started-cta a.white-cta-btn {
    background: #fff;
    color: #3A93CB;
}

.get-started-cta a.white-cta-btn i {
    font-size: 25px;
}

.get-started-cta a span {
    display: block;
    font-size: 13px;
}

.get-started-cta a i {
    font-size: 27px;
    margin: 0 10px 0 0;
    vertical-align: text-top;
}

.pack-sec {
    background: url(../images/portf-bg.jpg) bottom right no-repeat;
    background-size: cover;
    background-color: #fafafa;
    overflow: hidden;
}

.pack-list {
    text-align: center;
}

.pack-list>li {
    position: relative;
    width: 28%;
    border: 1px solid transparent;
    text-align: center;
    padding: 30px 0 0px;
    border-radius: 8px;
    display: inline-block;
    margin: 12px 0;
    background: #FFF;
    transition-duration: .2s;
    transform: scale(1);
    border: 1px solid #ececec;
    vertical-align: top;
}

.pack-list li.pkg-active {
    border: 1px solid #2d2c32;
}

.pack-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 20px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(resources.svg#desaturate);
    filter: gray;
    -webkit-filter: grayscale(1);
    opacity: .2;
    transition-duration: .2s;
}

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

i.pkg-icn.pkg-icn1:before {
    background-position: -16px -239px;
}

i.pkg-icn.pkg-icn2:before {
    background-position: -98px -239px;
    width: 79px;
}

i.pkg-icn.pkg-icn3:before {
    background-position: -196px -239px;
    width: 120px;
}

i.pkg-icn.pkg-icn4:before {
    background-position: -342px -238px;
    width: 87px;
}

i.pkg-icn.pkg-icn5:before {
    background-position: -455px -238px;
    width: 91px;
}

i.pkg-icn.pkg-icn6:before {
    background-position: -565px -238px;
    width: 121px;
}

.pkg-sealed-icn:before {
    content: "";
    background: url('../images/sprite.png') no-repeat -471px -491px;
    width: 120px;
    height: 100px;
    position: absolute;
    right: -18px;
    top: -34px;
}

.hmetabs .pkg-sealed-icn:before {
    right: -24px;
    top: -4px;
}

.special-packg-sec {
    background: url('../images/special-brand-bg.jpg') no-repeat;
    background-size: cover;
    padding: 30px 0;
}

.spe-pack-best {
    background: url('../images/business-guide/special-brand-bg.jpg') no-repeat;
    background-size: cover;
}

.special-packg-sec h2 {
    font-size: 51px;
    color: #3A93CB;
    font-weight: 700;
    line-height: 56px;
    margin: 0 0 19px;
    padding: 0 0 0 130px;
    position: relative;
}

.special-packg-sec h2 span {
    color: #FFF;
    font-size: 42px;
    display: block;
    font-weight: 400;
}

.special-packg-sec h2:before {
    content: "";
    background: url('../images/sprite.png') no-repeat -14px -590px;
    width: 119px;
    height: 99px;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.special-packg-sec p {
    color: #FFF;
    font-size: 18px;
}

.comaparing ul li {
    width: 100%;
    background: #ebecee;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #e3e3e3;
    border-bottom: 0px;
    transition: all 0.4s ease;
}

.special-packg-sec .icn-tooltip .tooltip-innr {
    background: #fff;
    color: #000;
}

.special-packg-sec .icn-tooltip .tooltip-innr:before {
    color: #fff;
}

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

.comaparing ul li:hover i {
    color: #FFF;
}

.comaparing .fa-check {
    color: #079613;
    font-size: 15px;
}

.comaparing .fa-times {
    color: #DF0003;
    font-size: 15px;
}

.no-pad {
    padding: 0px;
}

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

.compare-logo {
    text-align: center;
    padding: 20px 20px 0;
    border-bottom: 0px;
}

.comaparing h4 {
    margin: 0 10px 19px;
    font-size: 20px;
    color: #3A93CB;
}

.comaparing ul li:last-child {
    border-bottom: 1px solid #e3e3e3;
}

.comaparing ul.text-left li {
    text-align: left;
    font-weight: 500;
}

.col-md-cstm {
    width: 20%;
    float: left;
}

.comaparing .sec-hd {
    margin: 0 0 40px;
}

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

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

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

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

table.comapare-box tr td:first-child {
    text-align: left;
    font-weight: 600;
}

table.comapare-box thead th {
    border: 1px solid #e3e3e3;
}

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

.zindx-4 {
    z-index: 4;
}

.pos-rel {
    position: relative;
}

.pkg-icn {
    display: block;
    transition: all 0.4s ease;
}

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

ul.special-pkg-cta li {
    display: inline-block;
    margin: 0 40px 0 0;
    position: relative;
}

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

.special-ordernow:hover {
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

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

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

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

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

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

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

ul.special-pkg li {
    background: #ffffff;
    border-radius: 6px;
    padding: 10px;
}

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

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

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

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

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

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

ul.special-pkg {
    margin: 0px;
}

.pack-title {
    font-size: 30px;
    color: #000000;
    font-weight: bold;
    padding: 0 18px 0;
    text-transform: capitalize;
    margin-top: 0;
    z-index: 1;
    position: relative;
}

.combo-package .pack-title {
    font-size: 32px;
}

.pack-title span {
    font-size: 16px;
    color: #484848;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    display: block;
    padding-top: 4px;
    line-height: 1.28em;
    text-transform: none;
}

.pack-price {
    background: #fff;
    padding: 10px 10px;
    position: relative;
    color: #3A93CB;
    transition-duration: .2s;
    border-radius: 0 0 10px 10px;
}

.pack-price h4 {
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.8em;
    font-size: 50px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    display: inline-block;
    width: auto;
    text-align: right;
}

.pack-price sup {
    top: -0.2em;
    padding-right: 2px;
    font-size: 38px;
}

.pack-price sub {
    font-size: 13px;
    top: -4px;
    padding-left: 1px;
    text-transform: capitalize;
    font-weight: 600;
}

.pack-price p {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 0;
    display: inline-block;
    width: auto;
    text-align: left;
    border-left: 1px solid #b6b6b6;
    padding: 3px 0 3px 5px;
    color: #b6b6b6;
    line-height: 17px;
    vertical-align: super;
}

.pack-price p span {
    text-decoration: line-through;
    display: block;
}

.pack-features {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin: 12px 0 5px;
    height: 170px;
    position: relative;
    overflow: hidden;
}

.pack-features li {
    text-transform: capitalize;
    color: #666666;
    font-size: 13px;
    overflow: hidden;
}

.pack-features li:hover {
    overflow: visible;
}

.pack-features li+li {
    border-top: 1px solid #e2e2e2;
    padding: 2px 0;
}

.view-more {
    display: block;
    margin: 3px 0 0 0;
    font-size: 14px;
    color: #333333;
    text-decoration: underline;
    display: none;
}

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

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

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

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

ul.features-ul li .feature-icn:before {
    content: "";
    display: inline-block;
    background: url('../images/sprite.png') no-repeat;
    width: 52px;
    height: 52px;
}

i.feature-icn-1:before {
    background-position: -13px -499px !important;
}

i.feature-icn-2:before {
    background-position: -103px -499px !important;
}

i.feature-icn-3:before {
    background-position: -204px -499px !important;
}

i.feature-icn-4:before {
    background-position: -295px -498px !important;
}

i.feature-icn-5:before {
    background-position: -388px -499px !important;
}

ul.features-ul li h5 {
    font-family: 'Poppins', sans-serif;
    margin: 10px 0 0;
    font-size: 16px;
    color: #5e5c68;
    font-weight: 400;
    line-height: 22px;
}

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

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

ul.pack-detail-feature {
    margin: 30px 0 0;
}

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

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

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

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

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

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

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

.popular:before {
    content: "";
    background: url('../images/sprite.png') no-repeat -521px -82px;
    width: 71px;
    height: 83px;
    position: absolute;
    right: 0px;
    top: 0px;
}

li.pkg-active .pack-price h4 {
    color: #3A93CB;
}

li.pkg-active .pack-title {
    color: #3A93CB;
}

ul.pkg-cta li {
    display: inline-block;
    padding: 0 12px;
    border-right: 2px solid #dddbe0;
    line-height: 2px;
    font-weight: 600;
}

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

ul.pkg-cta li a {
    color: #dddbe0;
    font-size: 14px;
}

ul.pkg-cta li:last-child {
    border-right: 0px;
}

.pkg-active ul.pkg-cta li a {
    color: #31b86c;
}

.icn-tooltip {
    display: inline-block;
    position: relative;
    transition: all 0.4s ease;
}

.icn-tooltip .tooltip-innr {
    position: absolute;
    width: 160px;
    right: -19px;
    top: 24px;
    background: #000000;
    padding: 3px 3px 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    text-transform: capitalize;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 2;
    box-shadow: 0 0 11px 3px #00000042;
    line-height: 1.5em;
}

.icn-tooltip i {
    margin: 0 0 0 4px;
}

.icn-tooltip .tooltip-innr:before {
    content: "\f0d8";
    font-family: FontAwesome;
    right: 17px;
    top: -12px;
    position: absolute;
    color: #000000;
    font-size: 24px;
}

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

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

.pack-ordernow:hover {
    color: #fff;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.pack-list>li:hover,
.pack-list>li.pkg-active {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    transition-duration: .2s;
    transform: scale(1.06);
    z-index: 1;
}

.pack-list>li:hover .pack-features li+li,
.pack-list>li.pkg-active .pack-features li+li {
    border-top: 1px solid #e2e2e2;
}

.pack-list>li:hover .pack-bg,
.pack-list>li.pkg-active .pack-bg {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: url(resources.svg#desaturate);
    filter: gray;
    -webkit-filter: grayscale(0);
    opacity: 1;
    transition-duration: .2s;
}

.pack-list>li:hover .pack-price,
.pack-list>li.pkg-active .pack-price {
    transition-duration: .2s;
    color: #484343;
}

.pack-list>li:hover .pack-ordernow,
.pack-list>li.pkg-active .pack-ordernow {
    transition-duration: .2s;
}

.pack-list-tabs {
    border: 1px solid #ccc;
    background: #efefef;
    text-align: center;
    margin: 0 auto 25px;
    border-radius: 50px;
    padding: 6px 1px 5px;
    -moz-box-shadow: inset 0px 2px 8px #0000003d;
    -webkit-box-shadow: inset 0px 2px 8px #0000003d;
    box-shadow: inset 0px 2px 8px #0000003d;
    display: inline-block;
}

.pack-list-tabs li {
    display: inline-block;
    line-height: 1em;
    padding: 0 5px;
}

.pack-list-tabs li a {
    font-size: 15px;
    color: #3A93CB;
    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: #3A93CB;
    width: 26px;
    height: 26px;
}

.pack-list-tabs li a:hover,
.pack-list-tabs li a.active {
    color: #fff;
    background: #7ec64d;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
    text-decoration: none;
}

.pack-list-tabs li a:hover svg,
.pack-list-tabs li a.active svg {
    fill: #fff;
}

.tab-pack-box .tab-pack {
    display: none;
}

.process-ul li {
    display: inline-block;
    width: 16%;
    text-align: center;
}

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

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

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

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

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

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

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

.prcss-icn6:before {
    background-position: -418px -597px;
    width: 34px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    70% {
        -webkit-transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

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

    70% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

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

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

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

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

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

.process-content {
    position: relative;
}

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

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

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

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

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

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

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

.icn-ind {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blue-btn:hover {
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

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

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

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

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

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

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

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

.topminus {
    margin-top: -15px !important;
}

.testi-slider {
    margin: -50px 0 0;
}

.testi-box {
    background: #ebecee;
    padding: 40px 102px 40px 50px;
    color: #272727;
    font-size: 16px;
    position: relative;
    font-weight: 300;
    font-style: italic;
    text-align: left;
    min-height: 208px;
    line-height: 1.6em;
    width: 80%;
    margin: 90px 0 0;
}

.testi-box:before {
    content: '\2018 \2018';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: #3A93CB;
    margin: 30px 0 0;
    font-style: normal;
    font-weight: 500;
    position: relative;
    top: 8px;
}

.testi-box:after {
    content: '\2019 \2019';
    display: block;
    font-size: 101px;
    line-height: 0;
    color: #3A93CB;
    margin: 30px 0 0;
    font-style: normal;
    font-weight: 500;
    position: relative;
    bottom: -20px;
    text-align: right;
}

.testi-author {
    position: absolute;
    right: 7px;
    top: 0;
    text-align: right;
    overflow: hidden;
}

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

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

.testi-author p span {
    display: block;
    color: #000;
}

.rating {
    font-size: 13px;
    margin: 10px 14px 0 0;
    color: #f5d60d;
}

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

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

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

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

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

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

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

footer {
    background: #1c1c1f;
    z-index: -100;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.ftr-logo svg,
.ftr-logo img {
    width: 120px;
    opacity: .5;
}

.ftr-top-section {
    text-align: center;
    padding-bottom: 35px;
}

.ftr-btm-section {
    background: #26262a;
    line-height: 2.2em;
    padding: 18px 0;
    font-size: 12px;
    line-height: 2.5em;
}

.ftr-btm-section,
.ftr-btm-section a {
    color: #676572;
}

.ftr-btm-section a {
    text-decoration: underline;
}

.ftr-btm-section a:hover {
    text-decoration: none;
    color: #fff;
}

.ftr-contact-info li {
    display: inline-block;
}

.ftr-top-section li,
.ftr-top-section li a {
    color: #676572;
    font-size: 14px;
}

.ftr-top-section li a:hover {
    color: #e2e2e2;
}

.ftr-logo {
    margin: 20px 0 25px;
}

.ftr-contact-info {
    margin-bottom: 20px;
}

.ftr-contact-info>li+li {
    border-left: 2px solid #28282d;
}

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

.ftr-contact-info>li>i {
    color: #3A93CB;
    margin-right: 2px;
}

.ftr-social-icon i {
    font-size: 19px;
    margin: 0 2px;
}

.ftr-links {
    clear: both;
    padding-top: 8px;
}

.ftr-links h4 {
    font-size: 16px;
    color: #e2e2e2;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    font-weight: 300;
    margin-bottom: 13px;
    display: inline-block;
}

.guide-fpic {
    margin-right: -20px;
    margin-bottom: -40px;
}

.web-fpic {
    margin-right: -90px;
}

.green-bullets li {
    position: relative;
    padding-left: 20px;
    line-height: 1.3em;
    margin-top: 10px;
}

.green-bullets li:before {
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background: red;
    border-radius: 20px;
    content: "";
    background: #3A93CB;
}

.need-logo-sec {
    position: relative;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
    overflow: hidden;
}

section.need-logo {
    overflow: hidden;
}

.need-logo-sec:before {
    background: url(../images/logo101-img2.png) no-repeat;
    width: 1352px;
    height: 722px;
    display: block;
    content: "";
    position: absolute;
    left: -10%;
    top: 18%;
}

.need-website-sec:before {
    background: url(../images/web101-img2.png) no-repeat;
    width: 733px;
    height: 400px;
    left: -2% !important;
    top: 12%;
}

.need-brand-sec:before {
    background: url(../images/brand101-img2.png) no-repeat;
    width: 770px;
    height: 527px;
    left: -5% !important;
    top: -20%;
}

.extra-features h4 {
    font-size: 24px;
    color: #3A93CB;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Titillium Web', sans-serif;
    margin: 0 0 20px;
}

.extra-features p {
    font-size: 14px;
}

.extra-features>div {
    padding: 20px 15px;
}

.industry-portf img {
    width: 100%;
}

.industry-portf1 .col-lg-4.active {
    display: inline-block;
}

.industry-portf1 .col-lg-4 {
    display: none;
}

select#industryswitch {
    padding: 7px 10px;
}

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

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

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

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

@media only screen and (min-width:1600px) {
    .need-logo-sec:before {
        left: 125px;
    }

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

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

.need-logo-sec h3 {
    font-weight: 500;
    font-style: italic;
    font-size: 22px;
    line-height: 1.4em;
    margin-top: 30px;
}

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

.str-brand-sec h4 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 8px 0;
}

.str-brand-sec li {
    margin: 20px 0;
}

.str-brand-sec i {
    margin-bottom: 12px;
    display: inline-block;
}

.str-brand-sec i svg {
    width: 75px;
    height: 70px;
}

.brandlogo-st0 {
    fill: url(#SVGID_1_);
}

.brandlogo-st1 {
    fill: url(#SVGID_2_);
}

.brandlogo-st2 {
    fill: url(#SVGID_3_);
}

.brandlogo-st3 {
    fill: url(#SVGID_4_);
}

.brandlogo-st4 {
    fill: url(#SVGID_5_);
}

.brandlogo-st5 {
    fill: url(#SVGID_6_);
}

.brandlogo-st6 {
    fill: url(#SVGID_7_);
}

.brandlogo-st7 {
    fill: url(#SVGID_8_);
}

.brandlogo-st8 {
    fill: url(#SVGID_9_);
}

.brandlogo2-st0 {
    fill: url(#SVGID_1_);
}

.brandlogo2-st1 {
    fill: url(#SVGID_2_);
}

.brandlogo2-st2 {
    fill: url(#SVGID_3_);
}

.brandlogo2-st3 {
    fill: url(#SVGID_4_);
}

.brandlogo3-st0 {
    fill: url(#SVGID_1_);
}

.brandlogo3-st1 {
    fill: url(#SVGID_2_);
}

.brandlogo3-st2 {
    fill: url(#SVGID_3_);
}

.brandlogo3-st3 {
    fill: url(#SVGID_4_);
}

.brandlogo3-st4 {
    fill: url(#SVGID_5_);
}

.brandlogo4-st0 {
    fill: url(#SVGID_1_);
}

.brandlogo4-st1 {
    fill: url(#SVGID_2_);
}

.brandlogo4-st2 {
    fill: url(#SVGID_3_);
}

.brandlogo4-st3 {
    fill: url(#SVGID_4_);
}

.brandlogo5-st0 {
    fill: url(#SVGID_1_);
}

.brandlogo5-st1 {
    fill: url(#SVGID_2_);
}

.brandlogo5-st2 {
    fill: url(#SVGID_3_);
}

.brandlogo5-st3 {
    fill: url(#SVGID_4_);
}

.brandlogo5-st4 {
    fill: url(#SVGID_5_);
}

.awardone0 {
    fill: #000000;
}

.awardone1 {
    fill: #CB982C;
}

.stawardfour0 {
    fill: url(#SVGID_45_);
}

.stawardfour1 {
    fill: #000000;
}

.awardtwo0 {
    fill: #000000;
}

.awardtwo1 {
    fill: #E9252D;
}

.awardtwo2 {
    fill: #327af5;
}

.awardfive0 {
    fill: #F6D60D;
}

.awardfive1 {
    fill: #000;
}

.awardthree0 {
    fill: #939598;
}

.awardthree1 {
    fill: #F7D73B;
}

.awardthree2 {
    fill: #F79E27;
}

.awardthree3 {
    fill: #F05E51;
}

.awardthree4 {
    fill: #CE60A1;
}

.what-makes-sec {
    position: relative;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
}

.what-makes-sec h3 {
    font-size: 22px;
    font-style: italic;
    font-weight: 600;
}

.what-makes-sec p {
    font-size: 13px;
    line-height: 1.4em;
}

.what-makes-sec li * {
    color: #43703a !important;
}

.what-makes-sec li+li {
    margin-top: 40px;
}

.whatmake-container {
    float: right;
    width: 610px;
}

.double-slidr-sync li img {
    display: inline-block;
}

.double-slidr-sync li {
    text-align: center;
    margin: 0px !Important;
}

.double-slidr-sync {
    position: absolute;
    top: 29px;
    right: 0;
    left: 37px;
}

.double-slidr li {
    margin-top: 0px !important;
}

.which-type-pic img {
    margin: 30px auto;
}

.green-bold-pra {
    font-weight: bold;
    color: #3A93CB;
}

.colors-pic img {
    margin: 0 auto;
}

.what-fonts-sec {
    position: relative;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
}

.fonts-list {
    padding-top: 10px;
}

.fonts-list li {
    font-family: Brush Script MT, cursive;
    font-size: 30px;
    margin-top: 22px;
}

.fonts-list li+li {
    font-family: times new roman, times, serif;
}

.fonts-list li+li+li {
    font-family: arial, helvetica, sans-serif;
}

.fonts-list li+li+li+li {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

.fonts-list li+li+li+li+li {
    font-family: Rockwell Extra Bold, Rockwell Bold, monospace;
}

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

.style-guide-sec li i {
    width: 60px;
    height: 60px;
    font-size: 28px;
    border-radius: 60px;
    color: #fff;
    padding-top: 18px;
    display: inline-block;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
}

.style-guide-sec li h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px 0 8px;
}

.style-guide-sec li p {
    overflow: hidden;
    margin: 0;
}

#portfolio .portfolio-tar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
    float: left;
    overflow: hidden;
    width: 100%;
    margin: 0 0 15px;
}

.sel-indus-dd {
    width: 43%;
    margin: 0 auto 20px;
    background: #eee;
    padding: 1.5%;
}

.sel-indus-dd select {
    width: 100%;
    height: 58px;
    border: 2px solid #dcdcdc;
    color: #848484;
    font-size: 18px;
}

#packageslist .package {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
    float: left;
    width: 100%;
    margin: 0 0 15px;
}

.inner-sec p {}

.inner-hd3 {
    font-weight: 600;
    margin-top: 30px;
}

.sec-hd4 {
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    margin: 30px 0;
}

.sec-hd4 a {
    border-bottom: 1px solid #3A93CB;
    color: #3A93CB;
    padding-bottom: 5px;
}

.sec-hd4 a:hover {
    border-bottom: none;
}

.tag-list li {
    display: inline-block;
}

.tag-list li a {
    background: #d7d7d7;
    font-size: 18px;
    color: #666666;
    display: block;
    padding: 20px 64px;
    border-radius: 21px;
    margin: 10px;
}

.tag-list li a:hover {
    background: #3A93CB;
    color: #fff;
}

.nopad-top {
    padding-top: 0px !important;
}

.nopad-btm {
    padding-bottom: 0px !important;
}

.nomar-bottom {
    margin-bottom: 0 !important;
}

.client-says-box {
    margin-top: 20px;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #7ec64d;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
    color: #fff;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: #353535eb;
}

#return-to-top:hover i {
    color: #fff;
    top: 10px;
}

.philosophy-sec {
    background: url(../images/about-philosophy-bg.jpg);
    background-size: cover;
}

.philosophy-sec * {
    color: #fff;
}

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

.expect-sec {
    background: url(../images/grey-arrow-bg.png) top right no-repeat #FFF;
    overflow: hidden;
    position: relative;
    padding: 90px 0;
}

.expect-sec:before {
    background: url(../images/expect-bg-pic.png);
    width: 787px;
    height: 689px;
    display: block;
    content: "";
    position: absolute;
    left: -10%;
    bottom: 0px;
}

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

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

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

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

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

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

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

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

@media only screen and (min-width:1600px) {
    .expect-sec:before {
        left: 6%;
    }
}

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

.portfolio-box li a {
    position: relative;
    display: block;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}

.portfolio-box li a img {
    transition-duration: 0.3s;
}

.portfolio-box li a .iconport {
    position: absolute;
    left: 0;
    top: 0px;
    background: rgba(0, 0, 0, 0.70);
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all .5s ease;
    text-align: center;
}

.portfolio-box li a .iconport i {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: 40px;
    font-size: 30px;
    color: rgb(255, 255, 255);
    margin: auto;
    text-shadow: 0px 0px 15px rgba(150, 150, 150, 1);
}

.portfolio-box li a:hover>img {
    transform: scale(1.2);
    transition-duration: .3s;
}

.portfolio-box li a:hover .iconport {
    opacity: 1;
}

.portfolio-box .slick-prev,
.portfolio-box .slick-next {
    position: absolute;
    background: none;
    border: none;
    padding: 0;
    z-index: 1;
}

.portfolio-box .slick-prev i,
.portfolio-box .slick-next i {
    font-size: 54px;
    color: #a0a0a0;
}

.portfolio-box .slick-prev i:hover,
.portfolio-box .slick-next i:hover {
    color: #171719;
}

.portfolio-box .slick-prev {
    left: -50px;
}

.portfolio-box .slick-next {
    right: -50px;
}

.client-says-sec {
    background: #efefef;
}

.mobile-nav {
    display: none;
}

.btn-readmore {
    border: 2px solid #fff;
    padding: 14px 42px;
    display: inline-block;
    font-size: 16px;
    border-radius: 44px;
    color: #fff;
    margin-top: 8px;
    outline: none;
    font-weight: 400;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
    transition-duration: .3s;
}

.btn-readmore:hover {
    background: none;
    color: #020202;
    background: #fff;
    animation-iteration-count: inherit;
}

.disclaimer-sec {
    padding: 15px 0;
    text-align: center;
}

.disclaimer-sec p {
    color: #676572;
    font-size: 10px;
    margin: 0;
    line-height: 1.4em;
}

.video-review-box {
    padding-top: 30px;
    position: relative;
}

.video-rev-img {
    position: relative;
    background: #000;
}

.video-rev-img img {
    opacity: .50;
}

.review-play {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 30em;
}

.review-play svg {
    width: 80px;
    height: 80px;
    fill: #fff;
}

.video-rev-txt {
    background: #e2e2e2;
    margin-left: -75px;
    padding: 60px 60px 40px;
    text-align: center;
    margin-top: 40px;
}

.video-rev-txt h4 {
    font-size: 24px;
    margin: 0 0 0 0;
    color: #3A93CB;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 15px;
    position: relative;
    padding: 0 40px;
}

.video-rev-txt h4:before,
.video-rev-txt p:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
}

.video-rev-txt h4:before {
    content: "\f10d";
    display: block;
    position: absolute;
    left: -25px;
    top: -25px;
    color: #b3b3b3;
}

.video-rev-txt p:after {
    content: "\f10e";
    display: block;
    position: absolute;
    right: 0;
    bottom: 13px;
    color: #9d9d9d;
}

.video-rev-txt p {
    font-size: 18px;
    color: #9d9d9d;
    font-weight: 400;
    height: 110px;
    overflow: hidden;
    position: relative;
}

.video-author-name {
    font-size: 21px;
    color: #9d9d9d;
    line-height: 1.2em;
}

.video-author-name strong {
    display: block;
    color: #313036;
}

.video-review-box .slick-dots {
    text-align: center;
    padding-top: 35px;
    clear: both;
    position: absolute;
    right: 0;
    bottom: 4%;
}

.video-review-box .slick-dots button {
    display: none;
}

.video-review-box .slick-dots li {
    width: 45px;
    height: 5px;
    background: #ccc;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.video-review-box .slick-dots .slick-active {
    background: #3A93CB;
}

.txt-rev-img img {
    border-radius: 150px;
    border: 1px solid #ccc;
    width: 81px;
    height: 81px;
}

.testi-txt-box {
    background: #abd8ff;
    padding: 20px 20px 20px 60px;
    position: relative;
    transition: all 0.4s ease;
}

.testi-txt-box:hover {
    transform: scale(1.03);
}

.testi-txt-box:after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #abd8ff;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 26px;
    left: -9px;
    content: "";
}

.testi-txt-box:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.testi-txt-box:before {
    content: "\f10d";
    display: block;
    position: absolute;
    left: 26px;
    top: 17px;
    color: #3d3d3d;
}

.testi-txt-box p {
    font-size: 14px;
    color: #3d3d3d;
    line-height: 1.5em;
    min-height: 180px; 
}

.txt-rev-name {
    text-align: right;
    color: #02642c;
    line-height: 1.2em;
    font-size: 14px;
}

.testi-star i {
    font-size: 14px;
    color: #ffa200;
}

.txt-review-container {
    padding-top: 40px;
}

.txt-review-container>ul>li {
    margin: 25px 0;
}

.contact-form-container,
.contact-info-container {
    padding: 50px 55px;
    min-height: 605px;
}

ul.features-ul li .icn-tooltip {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 134px;
    width: 100%;
    text-align: center;
}

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

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

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

ul.dropdown {
    display: none;
}

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

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

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

a.btn-drpdwn {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

.contact-form-container {
    background: #fff;
    -webkit-box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.24);
    box-shadow: -2px 4px 10px 0px rgba(0, 0, 0, 0.24);
}

.contact-info-container {
    background: #7ec64d;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
}

.contact-form-container h4 {
    margin: 0 0 30px 0;
    font-size: 21px;
    color: #5e5c68;
}

.contact-form-container input[type="text"],
.contact-form-container input[type="tel"],
.contact-form-container select,
.contact-form-container textarea {
    width: 100%;
    border: 1px solid #dadada;
    padding: 12px 25px;
    border-radius: 10px;
    margin: 10px 0;
}

.contact-dd {
    position: relative;
}

.contact-dd.newcountrycode span {
    left: 26px;
    top: 29px;
}

.contact-dd select {
    padding-left: 48px;
}

.intl-tel-input.allow-dropdown {
    width: 100%;
}

.contact-form-container textarea {
    height: 160px;
    resize: none;
}

.contact-form-container input[type="submit"] {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    padding: 15px 90px;
    background: #7ec64d;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
    border-radius: 34px;
    font-weight: 400;
    text-transform: capitalize;
    border: none;
    float: right;
}

.contact-info-container * {
    color: #fff;
}

.contact-info-container h4 {
    margin: 0 0 30px 0;
    font-size: 37px;
    font-weight: normal;
}

.contact-info-container h5 {
    margin: 24px 0 16px 0;
    font-size: 24px;
    font-weight: normal;
}

.contact-info-container h5:after {
    width: 27px;
    height: 2px;
    content: "";
    display: block;
    background: #fff;
    margin-top: 10px;
}

.contact-social li {
    display: inline-block;
    margin-right: 6px;
}

.contact-social li i {
    font-size: 22px;
}

.sidebar-fix-box {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 2;
    display: none;
}

.sidebar-fix-box ul {
    background: #3A93CB;
    background: -moz-linear-gradient(left, #3A93CB 34%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #3A93CB 34%, #3A93CB 100%);
    background: linear-gradient(to right, #3A93CB 34%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A93CB', endColorstr='#3A93CB', GradientType=1);
    border-radius: 35px 0 0 35px;
    padding: 15px 7px;
    -webkit-box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.sidebar-fix-box ul li+li {
    margin-top: 15px;
}

.sidebar-fix-box a {
    display: block;
    border-radius: 50px;
    padding: 5px;
    position: relative;
}

.fixbar-tooltip {
    position: absolute;
    left: -202px;
    top: 0;
    width: 178px;
    padding: 5px 10px 7px;
    text-align: right;
    font-size: 13px;
    color: #fff;
    line-height: 1.3em;
    display: none;
    -webkit-box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.25);
    background: #3A93CB;
    background: -moz-linear-gradient(left, #3A93CB 34%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #3A93CB 34%, #3A93CB 100%);
    background: linear-gradient(to right, #3A93CB 34%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A93CB', endColorstr='#3A93CB', GradientType=1);
}

.fixbar-tooltip:after {
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-left: 10px solid #68b736;
    border-bottom: 23px solid transparent;
    content: "";
    float: right;
    position: absolute;
    right: -9px;
    top: -1px;
}

.fixbar-tooltip span {
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.sidebar-fix-box a:hover .fixbar-tooltip {
    display: block;
}

.sidebar-fix-box a:hover {
    background: #f38701;
    background: -moz-linear-gradient(45deg, #f38701 0%, #faa202 50%, #feb103 100%);
    background: -webkit-linear-gradient(45deg, #f38701 0%, #faa202 50%, #feb103 100%);
    background: linear-gradient(45deg, #f38701 0%, #faa202 50%, #feb103 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38701', endColorstr='#feb103', GradientType=1);
    background: #fff;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.sidebarfix-icon {
    width: 36px;
    height: 36px;
    display: block;
    background: url(../images/sprite.png) no-repeat 0 0;
}

.sidebarfix-iconphone {
    background: url(../images/sprite.png) no-repeat 0 -108px;
}

.sidebar-fix-box a:hover .sidebarfix-iconphone {
    background: url(../images/sprite.png) no-repeat 0 -72px;
}

.sidebarfix-iconchat {
    background: url(../images/sprite.png) no-repeat -36px -108px;
}

.sidebar-fix-box a:hover .sidebarfix-iconchat {
    background: url(../images/sprite.png) no-repeat -36px -72px;
}

.sidebarfix-iconquote {
    background: url(../images/sprite.png) no-repeat -72px -108px;
}

.sidebar-fix-box a:hover .sidebarfix-iconquote {
    background: url(../images/sprite.png) no-repeat -72px -72px;
}

.sidebarfix-icontop {
    background: url(../images/sprite.png) no-repeat -108px -108px;
}

.sidebar-fix-box a:hover .sidebarfix-icontop {
    background: url(../images/sprite.png) no-repeat -108px -72px;
}

.list-bullets {
    list-style: disc;
    margin: 10px 0 25px 30px;
}

.list-bullets li {
    margin-bottom: 4px;
}

#faq-accord {
    border-bottom: 3px solid #e6e6e6;
    margin-top: 25px;
}

#faq-accord h4 {
    padding: 25px 15px;
    color: #000;
    margin: 0;
    border-top: 3px solid #e6e6e6;
    cursor: pointer;
    position: relative;
}

#faq-accord h4:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 26px;
    right: 15px;
    content: "\f067";
    color: #3A93CB;
    font-size: 21px;
}

#faq-accord h4.ui-state-active:after {
    content: "\f068";
}

#faq-accord .ui-accordion-content {
    padding: 0 80px 20px 40px;
}

.download-cta {
    background: url(../images/download-cta-bg.jpg);
    background-size: cover;
    position: relative;
    padding: 50px 0;
}

.download-cta-pic {
    margin-top: -115px;
    float: right;
    margin-bottom: -57px;
}

.download-cta h3 {
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 12px;
    font-weight: bold;
}

.download-cta h3 strong {
    color: #39ba69;
}

.download-cta p {
    font-size: 18px;
    color: #fff;
    font-style: italic;
    margin-bottom: 20px;
}

.download-cta li {
    display: inline-block;
}

.download-cta li+li {
    margin-left: 25px;
}

.download-cta a {
    width: 242px;
    padding: 18px 8px 17px 57px;
    display: block;
    border-radius: 32px;
    font-size: 20px;
    line-height: .85em;
    color: #fff;
    position: relative;
}

.download-cta a:hover {
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.download-cta a.white-cta-btn {
    background: #7ec64d;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
    color: #fff;
}

.download-cta a.white-cta-btn i {
    font-size: 25px;
}

.download-cta a span {
    display: block;
    font-size: 13px;
}

.download-cta a i {
    position: absolute;
    top: 14px;
    left: 23px;
    font-size: 27px;
}

.whyus-list {
    padding-top: 25px;
}

.whyus-list li {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 10px;
    transition-duration: .2s;
}

.whyus-list li:hover {
    background: #efefef;
    transition-duration: .2s;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.18);
}

.whyus-list li i {
    background: #d55cbf;
    display: flex;
    width: 200px;
    height: 200px;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 40px;
}

.whyus-list li:hover i {
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.16);
    transition-duration: .2s;
}

.whyus-list li+li i {
    background: #009bd9;
}

.whyus-list li+li+li i {
    background: #ff9b53;
}

.whyus-list li+li+li+li i {
    background: #4ede76;
}

.whyus-list li+li+li+li+li i {
    background: #8186d8;
}

.whyus-list li+li+li+li+li+li i {
    background: #3ec396;
}

.whyus-list svg {
    height: 94px;
    fill: #fff;
}

.whyus-list li h4 {
    font-size: 22px;
    font-weight: 600;
}

.whyus-list li h4 span {
    display: block;
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 18px;
    padding-bottom: 3px;
    color: #8a8a8a;
}

.whyus-list li p {
    margin: 0;
}

.wework-txt {
    padding-top: 55px;
}

.wework-txt h3 {
    color: #3A93CB;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.doted-bg {
    background: url(../images/dots-bg.png);
    background-size: cover;
    background-color: #fff;
}

.thankyou-sec h2 {
    color: #45ADE6;
    font-size: 79px;
    font-weight: 900;
    line-height: 1em;
    text-shadow: 0px 4px 4px rgba(150, 150, 150, 0.75);
}

.thankyou-pic {
    padding-top: 40px;
}

.thankyou-btn {
    margin: 0;
    padding-top: 30px;
}

.thankyou-btn li {
    display: inline-block;
}

.thankyou-btn li+li {
    margin-left: 25px;
}

.thankyou-btn a {
    width: 242px;
    border: 2px solid #5dc05b;
    padding: 9px 8px 11px 57px;
    display: block;
    border-radius: 32px;
    font-size: 20px;
    line-height: .85em;
    color: #3A93CB;
    position: relative;
    text-align: left;
}

.thankyou-btn a:hover {
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.thankyou-btn .colored-btn {
    background: #7ec64d;
    background: -moz-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: -webkit-linear-gradient(left, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    background: linear-gradient(to right, #7ec64d 0%, #3A93CB 65%, #3A93CB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec64d', endColorstr='#3A93CB', GradientType=1);
    color: #fff;
}

.thankyou-btn a.white-cta-btn i {
    font-size: 25px;
}

.thankyou-btn a span {
    display: block;
    font-size: 13px;
}

.thankyou-btn a i {
    position: absolute;
    top: 14px;
    left: 23px;
    font-size: 27px;
}

.error-sec h2 {
    font-size: 192px;
    font-weight: 900;
    line-height: 1em;
    padding-top: 110px;
    text-shadow: 0px 4px 4px rgba(150, 150, 150, 0.75);
    color: #5ec15a;
}

.error-sec h2 span {
    font-size: 102px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    line-height: .85em;
    margin: 0;
    padding-top: 0;
    color: #5ec15a;
}

.grey-bg {
    background: #f7f7f7;
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    stroke: transparent;
}

.drawl svg .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    stroke: #FFF;
    stroke-width: 2;
    animation: dash 1.8s linear forwards;
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.draw-line>svg {
    width: 1010px;
    position: absolute;
    top: 67px;
    left: 100px;
}

.draw-line>ul li figure svg {
    width: 110px;
    height: 90px;
    z-index: 1;
}

.draw-line>ul li {
    transform: scale(0);
}

.draw-line>ul li.drwln {
    transform: scale(1);
}

.draw-line>ul li figure {
    background: #FFF;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    padding: 20px 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: center;
}

.draw-line>ul li.reserch {
    position: absolute;
    left: 50px;
    top: 20px;
}

.draw-line>ul li.ideate {
    position: absolute;
    left: 440px;
    top: 110px;
}

.draw-line>ul li.create {
    position: absolute;
    left: 650px;
    top: -170px;
}

.draw-line>ul li.validate {
    position: absolute;
    left: 990px;
    top: -240px;
}

.draw-line>ul li.drwln:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    box-shadow: 0 0 2px #fff;
    -webkit-animation: glow-grow 4s ease-out infinite 1s;
    animation: glow-grow 4s ease-out infinite 1s;
}

.draw-line>ul li.drwln:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    box-shadow: 0 0 2px #fff;
    -webkit-animation: glow-grow 4s ease-out infinite;
    animation: glow-grow 4s ease-out infinite;
}

@-webkit-keyframes glow-grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes glow-grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.draw-line>ul {
    position: relative;
}

.draw-line>ul li svg {
    fill: #3A93CB;
}

.draw-line>ul li .hov-box h4 {
    font-size: 20px;
    margin: 0 0 5px;
    color: #FFF;
    position: relative;
    left: -22px;
    top: 0px;
    transition: all 0.2s ease;
    width: 190px;
}

.draw-line>ul li .hov-box {
    background: transparent;
    width: 282px;
    padding: 20px;
    position: absolute;
    top: 30px;
    left: 150px;
    transition: all 0.4s ease;
}

.draw-line>ul li .hov-box p {
    color: #000;
    font-size: 13px;
    line-height: 1.4em;
    opacity: 0;
}

.draw-line>ul li figure:hover+.hov-box {
    top: 0px;
    background: white;
    box-shadow: 0 2px 1px #00000040;
}

.draw-line>ul li figure:hover+.hov-box h4 {
    color: #2cb555;
    left: 0px;
}

.draw-line>ul li figure:hover+.hov-box p {
    opacity: 1;
}

.draw-line>ul li:last-child .hov-box {
    right: 20px;
    top: 140px;
    left: initial;
}

.draw-line>ul li:last-child figure:hover+.hov-box {
    left: initial;
    top: 140px;
    right: 0px;
}

.draw-line>ul li:last-child .hov-box h4 {
    left: initial;
    right: -175px;
}

.draw-line>ul li:last-child figure:hover+.hov-box h4 {
    left: initial;
    right: 0px;
}

.draw-line .draw-line ul.dot li:before,
.draw-line ul.dot li:after {
    display: none;
}

.draw-line ul.dot li .dots {
    width: 30px;
    height: 30px;
    background: #FFF;
    border-radius: 100%;
    border: 5px solid #519b44;
    position: absolute;
    left: 280px;
    top: 270px;
}

.draw-line ul.dot li .dots.dot-1 {
    left: 280px;
    top: 270px;
}

.draw-line ul.dot li .dots.dot-2 {
    left: 524px;
    top: -42px;
    border-color: #48b74e;
}

.draw-line ul.dot li .dots.dot-3 {
    left: 895px;
    top: 6px;
    border-color: #30b356;
}

.draw-line>ul li.popout-li figure {
    transform: scale(0);
    animation: popout-li 1s ease-out forwards;
}

@-webkit-keyframes popout-li {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes popout-li {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

.draw-line>ul li.popout-li1 figure {
    transform: scale(0);
    animation: popout-li1 1s ease-out 0.6s forwards;
}

@-webkit-keyframes popout-li1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes popout-li1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

.draw-line>ul li.popout-li2 figure {
    transform: scale(0);
    animation: popout-li2 1s ease-out 1.2s forwards;
}

@-webkit-keyframes popout-li2 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes popout-li2 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

.draw-line>ul li.popout-li3 figure {
    transform: scale(0);
    animation: popout-li3 1s ease-out 1.8s forwards;
}

@-webkit-keyframes popout-li3 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes popout-li3 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

ul.phlsphy-cls li:hover {
    z-index: 1;
}

.popup-layout {
    position: fixed;
    background: #00000094;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.popup-inner .col-md-5 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.popup-layout .popup-inner {
    width: 786px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 500px;
    background: #FFF;
    margin: auto;
    border-radius: 18px;
}

.popup-inner img {
    width: 100%;
}

.popup-inner .ovrflw-hdden {
    height: 500px;
    overflow: hidden;
    border-radius: 12px 0 0 12px;
}

.popup-header h3,
.popup-header1 h3 {
    font-family: 'Titillium Web', sans-serif;
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #3A93CB;
    margin: 0;
    text-transform: capitalize;
    min-height: 35px;
}

.popup-header,
.popup-header1 {
    border-radius: 0 20px 0 0;
    padding: 10px 0 10px 29px;
    position: relative;
}

.popup-bdy {
    padding: 10px 40px 10px;
    border-radius: 0 0 20px 0;
}

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

.popup-layout .popup-inner:after {
    content: "";
    width: 86%;
    height: 35px;
    background: #ffffff2b;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0 0 10px 10px;
}

.popup-header h3 span {
    display: none;
}

.popup-header p span sup {
    font-size: 100%;
    top: 0;
}

.popup-header p,
.popup-header1 p {
    font-size: 23px;
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    margin: 0;
    text-transform: capitalize;
    line-height: 30px;
    font-weight: 600;
    min-height: 30px;
}

.popup-header p span>span {
    display: none;
}

.popup-layout .popup-inner input,
.popup-layout .popup-inner select {
    background: transparent;
    width: 100%;
    height: 100%;
    border: 0px;
    font-size: 13px;
    padding: 5px 0;
    border-bottom: 2px solid #a8a8a8;
}

.popup-layout .popup-inner button,
.popup-layout .popup-inner input[type="submit"] {
    padding: 6px 39px !important;
    width: auto;
    border: none;
}

.popup-layout select {
    height: 42px;
    border-radius: 0;
    border: 0;
}

.popup-btn,
.popup-layout .text-right .popup-btn {
    display: inline-block;
    background: #7ac337;
    padding: 12px;
    text-align: center;
    margin: 20px 0 0;
    border-radius: 20px;
    font-size: 14px;
    color: #FFF;
}

.popup-close {
    position: absolute;
    font-size: 20px;
    background: #FFF;
    color: #7ac337;
    right: -10px;
    top: -10px;
    border: 1px solid #7ac337;
    border-radius: 41px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.lppopup-bdy h3 {
    font-size: 24px;
    color: #6cba35;
    font-weight: 700;
    margin-top: 0;
}

.lppopup-bdy p {
    font-size: 13px;
    color: #2d2d2d;
    font-weight: 500;
    line-height: 1.4em;
}

.popupform-box.lppopup-bdy {
    padding: 0 35px;
}

.lppopup-bdy .frmicon-box {
    position: relative;
    margin: 0 0 12px;
}

.lppopup-bdy input,
.lppopup-bdy select {
    padding: 12px 12px !important;
    border: 1px solid #e1e1e1 !important;
    background: #fff !important;
}

.lppopup-bdy .phonecode #countrycode,
.lppopup-bdy .phonecode #popupcountrycode,
.lppopup-bdy .phonecode #animationcountrycode {
    width: 20%;
    border-right: none !important;
    padding-right: 0 !important;
}

.lppopup-bdy .phonecode #phoneNum,
.lppopup-bdy .phonecode #phoneNum2,
.lppopup-bdy .phonecode #phoneNum3 {
    width: 80% !important;
    border-left: none !important;
}

.lppopup-bdy .popup-btn,
.lppopup-bdy .text-right .popup-btn {
    width: 100%;
    border-radius: 0;
    height: 45px;
    margin: 12px 0 0;
}

.lppopup-shadow .popup-inner:before {
    height: 20px;
}

.lppopup-bdy .newcountrycode span {
    right: 24px;
    top: 17px;
    left: auto;
}

.dsply-none {
    display: none;
}

.white-bullets li {
    position: relative;
    padding-left: 20px;
    line-height: 1.3em;
    margin-top: 10px;
}

.white-bullets li:before {
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    background: red;
    border-radius: 20px;
    content: "";
    background: #FFF;
}

.list-sitemap>li {
    margin-top: 5px;
}

.list-sitemap a {
    padding-left: 23px;
    position: relative;
    color: #171719;
}

.list-sitemap a:hover {
    color: #3A93CB;
}

.list-sitemap li ul {
    margin-left: 25px;
    margin-top: 3px;
    margin-bottom: 12px;
}

.list-sitemap a:before {
    content: "\f061";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0px;
    top: -1px;
    color: #3A93CB;
}

.mob-call-icon {
    display: none;
}

.phonecode #countrycode,
.phonecode #popupcountrycode,
.phonecode #animationcountrycode {
    width: 12%;
    float: left;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.phonecode #phoneNum,
.phonecode #phoneNum2,
.phonecode #phoneNum3 {
    width: 88% !important;
    float: left;
}

.popup-bdy .newcountrycode span {
    left: 0px;
    bottom: 9px;
    top: initial;
}

.popup-bdy select#popupformcountry,
.popup-bdy select#animationcountry {
    padding: 5px 0 5px 22px;
}

.flag-num {
    padding-left: 20px;
}

.country-list {
    font-size: 13px;
}

.with-ribbin {
    position: relative;
}

.top-rated-ribbin {
    position: absolute;
    top: -11px;
    right: -11px;
    background: url(../images/top-rated.png);
    width: 105px;
    height: 120px;
    display: block;
    z-index: 99;
}

.less-offer-pack {
    display: none !important;
}

.offer-less-lp .less-offer-pack {
    display: inline-block !important;
}

.offer-less-lp .normal-offer-pack {
    display: none !important;
}

.offer-less-lp .view-more {
    display: none;
}

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

.view-txt a {
    font-weight: 700;
    color: #70bd36;
}

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

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

.pack-one-highlight .pack-one .view-more,
.pack-two-highlight .pack-two .view-more,
.pack-three-highlight .pack-three .view-more,
.pack-four-highlight .pack-four .view-more,
.pack-five-highlight .pack-five .view-more,
.pack-six-highlight .pack-six .view-more {
    visibility: hidden;
}

.pack-one .icn-tooltip,
.pack-two .icn-tooltip,
.pack-three .icn-tooltip,
.pack-four .icn-tooltip,
.pack-five .icn-tooltip,
.pack-six .icn-tooltip {
    display: none;
}

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

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

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

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

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

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

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

.lp-hdr-ftr .sub-nav-bg,
.lp-hdr-ftr .top-nav,
.lp-hdr-ftr .top-general-links,
.lp-hdr-ftr .ftr-top-section,
.lp-hdr-ftr .ftr-btm-section .ftr-btm-links,
.lp-hdr-ftr .top-info-links li,
.lp-hdr-ftr .view-more,
.lp-hdr-ftr .mega-pkg-btn,
.lp-hdr-ftr .lp-hdrFtr-hide {
    display: none;
}

.lp-hdr-ftr .top-info-links li+li {
    display: inline-block;
}

.lp-hdr-ftr .hdr-top-links {
    padding: 36px 0;
}

body.lp-hdr-ftr {
    margin-bottom: 113px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

body.custom-hdr-ftr {
    margin-bottom: 154px;
}

.custom-hdr-ftr .view-more,
.custom-hdr-ftr .mega-pkg-btn,
.custom-hdr-ftr .pack-price p {
    display: none;
}

.custom-hdr-ftr .price span {
    visibility: hidden;
    width: 20px;
}

.custom-hdr-ftr .top-nav li+li {
    margin-left: 15px;
}

.custom-ban .banner-sec,
.custom-ban .banner-pic {
    height: 100vh;
}

.custom-ban .ban-txt li:before {
    background: none;
    top: 0;
    content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-hdr-ftr .ticker {
    display: none;
}

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

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

.custom-ban .ban-logos-pic img {
    position: relative;
    z-index: 2;
}

.custom-ban .ban-logos-pic {
    margin-top: 60px;
}

.custom-ban .ban-txt h1 {
    font-size: 54px;
    line-height: .95em;
    margin-bottom: 20px;
    margin-top: 0;
}

.custom-ban .ban-txt h1 span {
    display: block;
    font-size: 36px;
    font-weight: normal;
}

.custom-ban .ban-txt h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3em;
    text-transform: none;
    margin-bottom: 20px;
    padding-right: 26px;
}

.custom-ban .ban-txt p {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 20px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    margin-bottom: 2px;
    webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.custom-hdr-ftr .ban-txt h4 strong {
    color: #6ebb36;
}

.custom-ban .ban-txt ul {
    margin-bottom: 30px;
}

.custom-ban .ban-txt ul li {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 17px;
    margin-top: 10px;
    font-weight: 300;
    padding-left: 30px;
}

.custom-ban .ban-txt a {
    position: relative;
    z-index: 1;
    background: #304fff;
    padding: 14px 16px;
    display: inline-block;
    color: #fff;
    width: 85%;
    text-align: center;
    font-size: 21px;
    margin-top: 13px;
}

.custom-ban .ban-txt .urgency-btn {
    background: #ff3030;
    border-radius: 5px;
}

.custom-ban .ban-txt a:hover {
    animation-iteration-count: infinite;
    animation-name: pulse-light;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.purple-s-btn {
    font-size: 21px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    background-color: #8235b2;
    padding: 0.75em 1.4em;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

.purple-s-btn:hover {
    animation-iteration-count: infinite;
    animation-name: pulse-light;
    animation-duration: .9s;
    animation-fill-mode: both;
}

.lp-num-chat .hdr-top-links ul li {
    margin-left: 20px;
}

.lp-num-chat .hdr-top-links ul li a {
    font-size: 20px;
}

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

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

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

.lgrey-bg {
    background: #f9f9f9;
}

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

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

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

.inthemedia-sec {
    background: url(../images/in-the-media/bg.jpg);
    background-size: cover;
}

.inthemedia-sec ul {
    border-left: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.inthemedia-sec li {
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    overflow: hidden;
    background: #fff;
}

.inthemedia-sec li img {
    width: 100%;
}

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

.getstarted-sec {
    background: url(../images/ftr-top-frm-bg.jpg);
    background-size: cover;
    padding: 50px 0;
}

.getstarted-sec h2 {
    margin-bottom: 34px;
}

.getstarted-sec input[type="text"],
.getstarted-sec input[type="email"],
.getstarted-sec input[type="tel"],
.getstarted-sec select {
    width: 100%;
    background: none;
    border: 1px solid #fff;
    height: 48px;
    border-radius: 6px;
    color: #ffffff;
    font-size: 13px;
    padding: 0 12px;
}

.getstarted-sec select option {
    color: #000;
}

.getstarted-sec input[type="submit"] {
    border-radius: 50px;
    color: #ffffff;
    font-size: 19px;
    padding: 19px 26px;
    background: #6dbb32;
    text-transform: capitalize;
    border: none;
    font-weight: 600;
    margin-top: 35px;
}

.countrylps header {
    background: none;
    box-shadow: none;
}

.countrylps .ban-txt h1 {
    font-size: 49px;
}

.countrylps .ban-txt h4 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 8px;
}

.countrylps .ban-txt p {
    z-index: 2;
    position: relative;
    color: #fff;
    font-size: 17px;
    margin-bottom: 19px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.countrylps .ban-txt li {
    color: #fff;
    margin-top: 9px;
}

.countrylps .hdr-top-links ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

.countrylps .hdr-top-links ul li a i {
    top: 3px;
}

.countrylps .portfolio-box li {
    padding: 0;
}

.countrylps .portfolio-box li a {
    border: 0;
}

.countrylps .portfolio-box li a span {
    display: none;
    border: 0;
}

.countrylps .portfolio-box li a:hover>img {
    transform: scale(1);
    width: 100%;
}

.countrylps .portfolio-box li a:hover {
    transform: scale(1.12);
    z-index: 2;
    border: 7px solid #fff;
    transition-duration: .3s;
    box-shadow: #00000075 0 0 50px;
}

.countrylps .portfolio-slide {
    margin-top: 30px;
}

.countrylps ul.features-ul li {
    display: inline-block;
    padding: 10px 15px;
    width: 16%;
}

.countrylps .banner-pic .hover-effect-bann {
    background-size: 100% !important;
}

.countrylps header.stick {
    background: rgba(0, 0, 0, 0.9);
}

.countrylps .ban-txt a {
    position: relative;
    z-index: 1;
    background: #ed1c24;
    padding: 14px 80px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 21px;
    margin-top: 13px;
    border-radius: 5px;
    border: 2px solid #ed1c24;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    margin-top: 25px;
}

.countrylps .ban-txt a:hover {
    background: none;
    color: #fff;
    border: 2px solid #fff;
}

.countrylps .popup-headers h3 {
    font-family: 'Titillium Web', sans-serif;
    display: block;
    font-size: 27px;
    font-weight: 700;
    color: #3A93CB;
    margin: 0;
    text-transform: capitalize;
    min-height: 35px;
}

.countrylps .popup-headers p {
    font-size: 16px;
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    margin: 0;
    text-transform: capitalize;
    line-height: 19px;
    font-weight: 400;
    min-height: 30px;
}

.countrylps .popup-headers {
    border-radius: 0 20px 0 0;
    padding: 10px 0 10px 36px;
    position: relative;
}

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

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

.countrylps header.stick .logo img {
    width: 120px;
    margin: 0 auto;
}

.countrylps header.stick .hdr-top-links {
    display: block;
}

.countrylps header .getstarted a {
    display: none;
}

.countrylps header.stick .getstarted a {
    font-size: 21px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    background-color: #8235b2;
    padding: 0.75em 1.4em;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    color: #FFF !important;
    padding: 8px 1.4em;
    font-size: 15px;
}

.countrylps .inthemedia-sec ul {
    border-left: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.countrylps .inthemedia-sec li {
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    overflow: hidden;
    background: #fff;
}

.countrylps .inthemedia-sec li img {
    width: 100%;
}

.countrylps .popup-bdy select#popupformcountry {
    margin-left: 25px;
    padding-left: 0;
    width: 89%;
}

.countrylps .popup-layout .popup-inner input[name="subscribe"] {
    width: 14px;
    float: left;
    margin-top: 1px;
    height: 14px;
    display: block;
}

.countrylps .subcr-check {
    padding: 20px 0 0;
}

.countrylps .subcr-check label {
    padding-left: 20px;
    line-height: 1.4em;
    font-weight: normal;
    font-size: 12px;
}

.countrylps .info-pic {
    margin: 0 auto;
}

.countrylps ul.features-ul li h5 {
    font-size: 15px;
    color: #2b2b2b;
    font-weight: 600;
    margin-bottom: 7px;
}

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

.countrylps ul.features-ul li p {
    font-size: 13px;
    line-height: 19px;
}

.countrylps section.sec-pad .features-ul img {
    width: auto;
    margin: 0 auto;
}

.lp-getstarted {
    background: #f7f7f7;
    background-size: cover;
}

.lp-ftr-form {
    padding: 72px 0;
}

.lp-ftr-form input[type="text"],
.lp-ftr-form input[type="email"],
.lp-ftr-form input[type="tel"],
.lp-ftr-form select,
.lp-ftr-form textarea {
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 12px 16px;
    font-size: 13px;
    height: 51px;
    margin-bottom: 18px;
    border-radius: 9px;
}

.lp-ftr-form textarea {
    height: 170px;
    resize: none;
}

.lp-ftr-form input[type="submit"] {
    background: #3A93CB;
    border: none;
    padding: 15px 22px;
    font-size: 16px;
    color: #fff;
    border-radius: 9px;
}

.nopad {
    padding: 0;
}

.map-rale {
    position: relative;
}

.map-add-box {
    background: #fff;
    display: block;
    padding: 22px;
    margin: 15px 0;
}

.map-add-box h4 {
    font-size: 20px;
    color: #3A93CB;
    margin: 0;
}

.map-add-box h4 span {
    display: block;
    color: #343434;
    font-size: 16px;
    padding-top: 3px;
    text-transform: capitalize;
}

.map-add-box ul li {
    position: relative;
    padding-left: 25px;
    margin-top: 9px;
}

.map-add-box ul {
    margin: 17px 0 0 0;
}

.map-add-box ul li,
.map-add-box ul li a {
    color: #777777;
}

.map-add-box ul li i {
    position: absolute;
    top: 4px;
    left: 0;
    color: #68b535;
}

.lpgetstarted-flag {
    float: right;
    margin-top: 6px;
}

.map-add {
    border-left: 1px solid #ffffff26;
    padding: 0 0 78px 33px;
    margin-top: 72px;
}

.lp-getstarted .sec-hd {
    color: #fff;
}

.lp-ban-pic {
    position: absolute;
    bottom: 0;
    right: 0;
}

.lp-include-sec {}

.lp-include-sec li {
    display: inline-block;
    width: 280px;
    text-align: center;
    vertical-align: top;
    padding: 20px;
    margin: 0 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.lp-faqsmedia-sec .faq-body {
    display: none;
    margin: 16px 0 0;
}

.lp-faqsmedia-sec .faqs-ul li {
    transition: all 0.4s ease;
    border: 1px solid #d6d6d6;
    margin: 0 0 20px;
    padding: 14px 20px;
    cursor: pointer;
}

.lp-faqsmedia-sec .faq-head h4 {
    font-size: 17px;
    color: #878787;
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding-right: 25px;
    line-height: 1.45em;
    margin: 0;
    font-weight: 400;
}

.lp-faqsmedia-sec .faq-body p {
    font-size: 14px;
    margin: 0px;
}

.lp-faqsmedia-sec .faqs-ul li.active {
    background: #2d2d2d;
    border: 1px solid #2d2d2d;
}

.lp-faqsmedia-sec .faq-head h4:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    font-size: 25px;
    transform: rotate(-91deg);
    top: -4px;
    transition: all 0.4s ease;
}

.lp-faqsmedia-sec .faqs-ul li.active .faq-head h4,
.lp-faqsmedia-sec .faqs-ul li.active .faq-body p {
    color: #FFF;
}

.lp-faqsmedia-sec .faqs-ul li.active .faq-head h4:after {
    transform: rotate(0deg);
}

.lp-faqsmedia-sec .media-logos li {
    width: 50%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #c7c7c7;
}

.lp-faqsmedia-sec .media-logos {
    display: flex;
    flex-flow: wrap;
    position: relative;
}

.lp-faqsmedia-sec .media-logos li figure img {
    opacity: 0.4;
    filter: grayscale(1);
    transition: all 0.4s ease;
}

.lp-faqsmedia-sec .media-logos li:hover figure img {
    filter: grayscale(0);
    opacity: 1;
}

.lp-faqsmedia-sec .media-logos:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #a8a8a8;
    margin: auto;
}

.lp-faqsmedia-sec .media-logos li:nth-child(7n),
.lp-faqsmedia-sec .media-logos li:last-child {
    border-bottom: 0px;
}

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

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

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

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

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

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

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

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

.side-head strong {
    color: #3A93CB;
    font-size: 32px;
}

.side-head span {
    display: inline-block;
    padding: 16px;
    background: #3A93CB;
    position: absolute;
    top: 0;
    right: 0;
}

.side-body input[type="submit"] {
    background: #56cbf1;
    background: url(data:image/svg+xml;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #56cbf1 0%, #3891ee 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #56cbf1), color-stop(100%, #3891ee));
    background: -webkit-linear-gradient(left, #56cbf1 0%, #3891ee 100%);
    background: -o-linear-gradient(left, #56cbf1 0%, #3891ee 100%);
    background: -ms-linear-gradient(left, #56cbf1 0%, #3891ee 100%);
    background: linear-gradient(to right, #56cbf1 0%, #3891ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56cbf1', endColorstr='#3891ee', GradientType=1);
    display: block;
    padding: 7px 50px;
    border-radius: 32px;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0px;
}

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

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

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

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

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

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

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

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

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

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

.ban-txt a {
    position: relative;
    z-index: 1;
}

.purple-ban-btn {
    position: relative;
    z-index: 1;
    background: #8235b2;
    padding: 14px 28px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 19px;
    margin-top: 13px;
    border-radius: 5px;
    border: 2px solid #8235b2;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    font-weight: 600;
    margin-top: 20px;
    animation-iteration-count: 1;
    animation-name: tada;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-delay: 1.6s;
}

.purple-ban-btn:hover {
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-delay: 0.1s;
}

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

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

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

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

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

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

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

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

ul.tab-port-v2 li.active a,
ul.tab-port-v2 li:hover a {
    background: #3A93CB;
    color: #FFF;
}

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

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

.tab-port-v2-cnt ul.pack-list li.slick-slide i img {
    margin: 0 auto;
    width: 130px;
    margin-bottom: 10px;
}

ul.tab-port-v2 li a {
    display: block;
    padding: 13px 20px;
    border: 1px solid #3A93CB;
    color: #3A93CB;
    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: #81c137;
    padding: 18px;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
}

.refundpage ol li {
    margin: 0 0 0px 20px;
    padding-left: 48px;
    min-height: 59px;
    padding-top: 16px;
}

.refundpage ol li+li {
    border-top: 1px solid #ccc;
}

.refund-con-box h3 {
    font-size: 24px;
    color: #81c137;
    margin-top: 0;
}

.refund-con-box-container {
    border: 1px solid #c7c7c7;
    height: 410px;
    padding: 25px 15px 25px 25px;
    border-radius: 9px;
}

.refund-con-box {
    overflow-y: scroll;
    height: 350px;
    font-size: 13px;
}

.refund-con-box li {
    list-style: disc;
    margin: 0 18px;
}

.deci-bullets li {
    list-style: none !important;
    margin-left: 0 !important;
    position: relative;
}

ol.deci-bullets li i {
    background: white;
    width: 35px;
    display: block;
    border-radius: 36px;
    border: 2px solid #81c137;
    text-align: center;
    height: 35px;
    font-size: 18px;
    padding-top: 4px;
    position: absolute;
    top: 11px;
    left: 0;
}

.btnreads{     position: relative;
    z-index: 1;
    background: #8235b2;
    padding: 14px 28px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 19px;
    margin-top: 13px;
    border-radius: 5px;
    border: 2px solid #8235b2;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    font-weight: 600; }

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

    .ban-video.banner-sec {
        height: 500px;
    }
}

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

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

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

    .top-nav.responsive.active li.active_nav a {
        color: #3A93CB;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    header.StickyHeader.stick {
        display: none;
    }

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

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

    .logo {
        text-align: center;
    }

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

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

    .logo img {
        margin: 0px;
    }

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

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

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

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

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

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

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

    .price {
        font-size: 48px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    footer {
        position: inherit;
    }

    body {
        margin: 0px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:823px) {
    .getstarted-sec h2 {
        font-size: 40px;
        margin-bottom: 34px;
        margin-bottom: 20px;
    }

    .getstarted-sec input[type="submit"] {
        margin-top: 8px;
        width: 100%;
        padding: 15px 12px;
        font-size: 15px;
    }

    .getstarted-sec input[type="text"],
    .getstarted-sec input[type="email"],
    .getstarted-sec input[type="tel"],
    .getstarted-sec select {
        height: 40px;
        margin-bottom: 11px;
    }

    .thankyou-sec h2 {
        font-size: 45px;
    }

    .custom-ban .ban-txt-box {
        top: 0px;
    }

    .custom-ban .ban-txt h1 span {
        font-size: 17px;
    }

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

    .custom-ban .ban-txt h4 {
        font-size: 18px;
    }

    .custom-ban .ban-txt a {
        font-size: 15px;
        width: 100%;
    }

    .custom-ban .banner-sec,
    .custom-ban .banner-pic {
        height: 325px;
    }

    body.custom-hdr-ftr {
        margin-bottom: 0;
    }

    .lp-hdr-ftr .hdr-top-links {
        padding: 0;
    }

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

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

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

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

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

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

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

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

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

    .top-nav.responsive.active li.active_nav a {
        color: #3A93CB;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    header {
        position: relative;
    }

    header.stick {
        top: -60%;
    }

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

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

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

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

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

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

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

    .top-nav li.active_nav a {
        color: #3A93CB;
    }

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

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

    .banner-pic {
        height: 80vh;
    }

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

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

    .ban-txt a {
        padding: 7px 13px;
        font-size: 13px;
        margin: 0 0 0;
    }

    .ban-txt br {
        display: none;
    }

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

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

    html,
    body {
        overflow-x: hidden;
    }

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

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

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

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

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

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

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

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

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

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

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

    .slidefrm-inner {
        width: 334px;
    }

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

    .slidefrm-header br {
        display: none;
    }

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

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

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

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

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

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

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

    .logo img {
        width: 110px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pack-sec br {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    div#mega-packg {
        display: none;
    }

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

    i.actv-ul {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .testi-slider {
        margin: 0px;
    }

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

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

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

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

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

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

    footer {
        position: initial;
    }

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

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

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

    .ftr-links ul {
        display: none;
    }

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

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

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

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

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

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

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

    .process-arrows {
        display: none;
    }

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

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

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

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

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

    .whyus-list {
        padding: 0px;
    }

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

    .spece-box {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .download-cta {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .nobanner-sec {
        margin: 0px;
    }

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

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

    .sec-hd br {
        display: none;
    }

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

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

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

    header.StickyHeader.stick a.nav-btn {
        display: none !important;
    }

    header.StickyHeader.stick.slideDown+header.StickyHeader {
        z-index: 999;
    }

    .top-nav li+li {
        margin-left: 0px;
    }

    h4.ban-lg-subhd {
        font-size: 15px !important;
    }

    .banner-sec .container {
        width: 100%;
    }

    header.StickyHeader.stick .clearfix {
        display: none !important;
    }

    header.StickyHeader.stick .top-nav {
        display: none;
    }

    .ballon-mn-bann {
        display: none;
    }

    .banner-sec.sm-bann.push-pg-bann .container {
        margin: 0;
        width: 100%;
    }

    .ban-txt.txt-sm h1 span {
        font-size: 16px;
        display: block;
        margin: 0 0 10px;
    }

    .push-pg-bann .ban-txt-box {
        top: 0px;
    }

    .banner-sec.sm-bann a.pack-ordernow {
        padding: 5px 30px;
        font-size: 12px;
    }

    .topbar-pack img {
        display: none;
    }

    .special-packg-sec h2 {
        font-size: 20px;
        line-height: normal;
        margin: 0 0 6px;
    }

    .special-packg-sec h2 span {
        line-height: 10px;
    }

    .special-packg-sec p {
        font-size: 12px;
    }

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

    ul.special-pkg-cta li a {
        padding: 5px 34px;
        display: inline-block;
        font-size: 12px;
    }

    ul.special-pkg-cta li {
        margin: 0px !important;
        display: block;
    }

    ul.special-pkg-cta {
        text-align: center;
    }

    ul.special-pkg-cta li+li {
        display: inline-block;
        margin: 3px 0 0 !important;
    }

    ul.special-pkg-cta li+li a {
        padding: 5px 14px;
    }

    ul.special-pkg-cta li:after {
        right: -3px;
        bottom: 9px;
    }

    .special-packg-sec.pack-detail ul.special-pkg {
        margin: 10px 0 0;
    }

    table.comapare-box.compare-to-packg .pack-price h4 {
        font-size: 28px;
    }

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

    table.comapare-box tr td {
        padding: 7px;
        font-size: 11px;
    }

    .ban-txt.txt-sm .col-md-6 {
        padding: 0px;
    }

    .ban-txt.txt-sm .col-md-6.no-pad ul {
        margin: 0px;
    }

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

    .ban-txt-box .col-lg-6 img {
        display: none;
    }

    .bann-price .new-price {
        font-size: 34px;
        color: #FFF;
    }

    .bann-price>* {
        margin: 0 5px 0 0;
        color: #FFF;
    }

    .bann-price a.blue-btn {
        padding: 8px 34px;
        margin: 10px 0 0;
    }

    .all-in-pkg-bann .ban-txt.txt-sm br+br {
        display: block;
    }

    .push-pg-bann .bann-price a.blue-btn {
        display: none;
    }

    .all-in-pkg ul.special-pkg-cta {
        display: none;
    }

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

    .all-in-pkg .col-md-4 {
        padding: 0px;
    }

    .ftr-btm-section {
        font-size: 10px;
        text-align: center;
        line-height: 1.5em;
    }

    .ftr-btm-section img {
        margin: 12px auto 0;
        display: inline-block;
    }

    .ftr-btm-section {
        text-align: center;
    }

    .ftr-btm-section .text-right {
        text-align: center !important;
    }

    .disclaimer-sec p {
        font-size: 8px;
        text-align: center;
    }

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

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

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

    .disclaimer-sec p.active strong {
        margin: 0 0 10px;
    }

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

    .bann-price .old-price {
        vertical-align: sub;
    }

    .sidebar-fix-box {
        display: none;
    }

    .contact-form-container,
    .contact-info-container {
        padding: 20px 40px;
    }

    .contact-form-box .col-lg-6,
    .contact-form-box .col-lg-5,
    .contact-form-box .col-lg-12 {
        padding: 0px;
    }

    .contact-form-container h4 {
        font-size: 15px;
        margin: 0 0 0;
    }

    .contact-info-container h4 {
        font-size: 26px;
        margin: 0 0 0;
    }

    .contact-info-container h5 {
        font-size: 17px;
        margin: 10px 0;
    }

    .contact-form-container,
    .contact-info-container {
        min-height: auto;
    }

    .inner-hd3 {
        font-size: 18px;
        margin: 0 0 5px;
    }

    .list-bullets li {
        font-size: 12px;
        margin: 0 0 6px;
        line-height: normal;
    }

    .portfolio-box.slick-slider button.slick-arrow {
        display: none !important;
    }

    .banner-pic {
        display: none;
    }

    .hover-effect-bann,
    .banner-sec {
        background: url(../images/banners/mobile-banner.jpg) no-repeat !important;
        background-size: cover !important;
    }

    .logo {
        text-align: center;
    }

    .colr-black {
        color: #FFF;
    }
}

@media (max-width:480px) {

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

    .banner-pic {
        height: 60vh;
    }

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

    .ban-btm-logos li img {
        display: inline-block;
        width: 100%;
        height: auto;
    }

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

.count-sec {
    background: #3A93CB;
}

ul.count-ul li {
    display: inline-block;
    margin: 0 20px;
    width: 20%;
}

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

.count-ul .countr-icn-01:before {
    background-position: -287px -1855px;
    width: 55px;
    height: 72px;
}

.count-ul .countr-icn-02:before {
    background-position: -366px -1856px;
    width: 74px;
    height: 74px;
}

.count-ul .countr-icn-03:before {
    background-position: -464px -1851px;
    width: 90px;
    height: 71px;
}

.count-ul .countr-icn-04:before {
    background-position: -569px -1859px;
    width: 77px;
    height: 75px;
}

ul.count-ul h4 {
    font-size: 14px;
    color: #464646;
    font-weight: 300;
    line-height: 35px;
    margin: 20px 0 0;
}

ul.count-ul h4 span {
    font-size: 48px;
    color: #FFF;
    display: block;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

.sprite-icn.copyright-choose-01:before {
    background-position: -293px -1960px;
    width: 48px;
    height: 42px;
}

.sprite-icn.copyright-choose-02:before {
    background-position: -383px -1959px;
    width: 41px;
    height: 41px;
}

.sprite-icn.copyright-choose-03:before {
    background-position: -466px -1962px;
    width: 39px;
    height: 34px;
}

.sprite-icn.copyright-choose-04:before {
    background-position: -547px -1961px;
    width: 33px;
    height: 39px;
}

ul.type-ul li:hover .sprite-icn.copyright-choose-01:before {
    background-position: -293px -2034px;
    width: 48px;
    height: 42px;
}

ul.type-ul li:hover .sprite-icn.copyright-choose-02:before {
    background-position: -383px -2033px;
    width: 41px;
    height: 41px;
}

ul.type-ul li:hover .sprite-icn.copyright-choose-03:before {
    background-position: -466px -2036px;
    width: 39px;
    height: 34px;
}

ul.type-ul li:hover .sprite-icn.copyright-choose-04:before {
    background-position: -547px -2035px;
    width: 33px;
    height: 39px;
}

ul.type-ul.copyr-type-ul li {
    min-height: 195px;
    vertical-align: top;
}

.green-cta {
    background: #3A93CB;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pkg-detail-v2 ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    top: 5px;
    color: #3A93CB;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pkg-cta-v2 a {
    display: inline-block;
    color: #31b86c;
}

ul.pkg-mn-v2 li:first-child {
    margin-left: 0px;
}

ul.pkg-mn-v2 li:last-child {
    margin-right: 0px;
}

.pkg-detail-v2 a {
    display: block;
    background: #fe5501;
    border-radius: 40px;
    font-size: 13px;
    color: #FFF;
    font-weight: 700;
    padding: 12px 14px 12px 82px;
    position: relative;
    margin: 20px 0 0;
}

.pkg-detail-v2 a img {
    position: absolute;
    left: 20px;
    top: -10px;
}

.pkg-tbcontent-v2 {
    display: none;
}

.pkg-tbcontent-v2.active {
    display: block;
}

.pkg-tbcontent-v2 .pack-list>li {
    width: 33%;
}

ul.includ-pkg-ul li {
    display: inline-block;
    width: 280px;
    text-align: center;
    vertical-align: top;
    padding: 20px;
    margin: 0 0 10px;
}

ul.includ-pkg-ul li i.sprite-icn {
    margin: 0 0 20px;
    display: block;
}

ul.includ-pkg-ul li i.sprite-icn:before {
    content: "";
    background-image: url(../images/website-design-lp/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sm-hd {
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    line-height: 25px;
    margin: 0 0 10px;
}

ul.includ-pkg-ul li i.icn-1:before {
    background-position: -5px -5px;
    width: 68px;
    height: 65px;
}

ul.includ-pkg-ul li i.icn-2:before {
    background-position: -95px -5px;
    width: 70px;
    height: 65px;
}

ul.includ-pkg-ul li i.icn-3:before {
    background-position: -187px -5px;
    width: 69px;
    height: 65px;
}

ul.includ-pkg-ul li i.icn-4:before {
    background-position: -278px -5px;
    width: 69px;
    height: 65px;
}

ul.includ-pkg-ul li i.icn-5:before {
    background-position: -369px -5px;
    width: 69px;
    height: 65px;
}

ul.includ-pkg-ul li i.icn-6:before {
    background-position: -5px -83px;
    width: 70px;
    height: 65px;
}

ul.includ-pkg-ul li i.icn-7:before {
    background-position: -95px -83px;
    width: 69px;
    height: 65px;
}

ul.includ-pkg-ul li i.icn-8:before {
    background-position: -187px -83px;
    width: 69px;
    height: 65px;
}

.mn-hd2 {
    font-size: 39px;
    color: #3A93CB;
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 20px;
}

.mn-hd2 span {
    display: block;
    font-size: 20px;
    color: #282828;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.pkg-price-v2 h4 {
    font-size: 76px !important;
    font-weight: 700 !important;
    text-transform: initial;
}

.portfv2-sec ul.portf-ul {
    text-align: center;
}

.portfv2-sec ul.portf-ul li {
    display: inline-block;
    width: 26.7%;
    margin: 0 30px 70px;
    padding: 0;
    transition: all 0.4s ease;
}

.portfv2-sec ul.portf-ul li figure {
    overflow: hidden;
    height: 370px;
    border: 1px solid #d1d1d1;
    transition: all 0.4s ease;
}

.portfv2-sec ul.portf-ul li img {
    transition: all 5s 0.6s ease;
    transform: translateY(0%);
    width: 100%;
}

.portfv2-sec ul.portf-ul li:hover {
    transform: scale(1.1);
}

.portfv2-sec ul.portf-ul li:hover img {
    transform: translateY(-48%);
}

.portfv2-sec .mn-btn {
    background: #717171;
    padding: 16px 50px;
    font-size: 20px;
    letter-spacing: 0.4px;
    position: relative;
    box-shadow: 0 3px 11px 1px #00000040;
    transition: all 0.4s ease;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    color: #FFF;
}

.ds-loadmore {
    display: none;
}

.portfv2-sec ul.tab-filter {
    text-align: center;
    margin: 0 0 20px;
}

.portfv2-sec ul.tab-filter li {
    display: inline-block;
    margin: 0 6px;
}

.portfv2-sec ul.tab-filter li.current a,
.portfv2-sec ul.tab-filter li:hover a {
    background: #3A93CB;
    color: #FFF;
}

.portfv2-sec ul.tab-filter li a {
    display: block;
    padding: 13px 20px;
    border: 2px solid #3A93CB;
    color: #3A93CB;
    border-radius: 4px;
    transition: all 0.4s ease;
}

.portfv2-sec .tab-content {
    display: none;
}

.portfv2-sec .tab-content.current {
    display: block;
}

section.mn-bann.mn-bann2 {
    padding: 4.9% 0 0;
    background: transparent;
    margin: 0 0 -34px;
}

.mn-bann2 .mn-btn.mn-btn-reverse {
    background: #16a7ff;
}

.mn-bann2 .slide {
    display: flex;
    height: 653px;
    align-items: center;
    background: #069ffc;
    padding-top: 55px;
}

.mn-bann2 .mn-web-lp .mn-bann .slide figure figcaption.bann1 {
    width: 306px;
    left: 58px;
}

.mn-bann2 .mn-web-lp .mn-bann .slide figure figcaption.bann2 {
    width: 306px;
    left: 72px;
    border-radius: 0px;
}

.mn-bann2 p.color-red {
    color: #710b15;
}

.mn-bann2 .mn-hd {
    color: #FFF;
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
    margin: 0 0 20px;
}

.mn-bann2 .mn-hd span {
    display: block;
    font-size: 26px;
    color: #FFF;
    font-weight: 200;
}

.mn-bann2 p {
    font-size: 16px;
    color: #FFF;
    line-height: 25px;
    margin: 0 0 10px;
}

.mn-bann2 strong {
    font-weight: 700;
}

.mn-bann2 .mn-btn {
    background: #f61c27;
    color: #FFF;
    padding: 16px 130px 16px 20px;
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0.4px;
    position: relative;
    box-shadow: 0 3px 11px 1px #00000040;
    transition: all 0.4s ease;
}

.mn-bann2 .mn-btn:hover {
    background: #1488ce;
    transform: scale(1.05);
}

.mn-bann.mn-bann2 .mn-btn.mn-btn-big:hover {
    background: #FFF;
    color: #1488ce;
}

.mn-bann2 .mn-btn.mn-btn-reverse:hover {
    background: #FFF;
    color: #f61c27;
}

.mn-bann2 .mn-btn:after {
    content: "\f1d8";
    font-family: FontAwesome;
    position: absolute;
    right: 30px;
    font-weight: 100;
    font-size: 14px;
}

.mn-bann.mn-bann2 .slide figure figcaption {
    position: absolute;
    width: 306px;
    height: 198px;
    overflow: hidden;
    top: 4px;
    left: 135px;
    border-radius: 7px 7px 0 0;
}

.mn-bann.mn-bann2 .slide figure {
    position: relative;
    opacity: 0;
    transition: all 0.4s 1s ease;
    transform: translateX(-40px)
}

.mn-bann.mn-bann2 .slick-slide figure {
    transform: translateX(-40px);
}

.mn-bann.mn-bann2 .slick-current figure {
    opacity: 1;
    transition: all 1s ease;
    transform: translateX(0px) !important;
}

.mn-bann2 .slide.slide-4 img {
    width: 100%;
}

.mn-bann.mn-bann2 .slide.slide-4 figure figcaption {
    width: 107px;
    height: 144px;
    transform: rotate(-22.5deg);
    left: 240px;
    top: 26px;
    border-radius: 0px;
}

.mn-bann.mn-bann2 .slick-current figure figcaption img {
    -webkit-animation: 4600ms cubic-bezier(.694, 0, .335, 1) 1200ms forwards scrollScreen;
    animation: 4600ms cubic-bezier(.694, 0, .335, 1) 1200ms forwards scrollScreen;
}

.mn-bann.mn-bann2 .slide.slide-4 {
    background: #ec182c;
}

.mn-bann.mn-bann2 ul.slick-dots {
    text-align: center;
    position: relative;
    top: -40px;
}

.popularlinks a {
    color: #333;
}

.popularlinks a:hover {
    text-decoration: underline;
}

.popularlinks h4 {
    color: #81c137;
}

.popularlinks {
    padding-top: 20px;
}

@-webkit-keyframes scrollScreen {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    45% {
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }

    to {
        -webkit-transform: translate3d(0, -45%, 0);
        transform: translate3d(0, -45%, 0)
    }
}

@keyframes scrollScreen {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    45% {
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }

    to {
        -webkit-transform: translate3d(0, -45%, 0);
        transform: translate3d(0, -45%, 0)
    }
}

@media (max-width:823px) {
    ul.count-ul li {
        width: 49%;
        margin: 0 0 6px;
        vertical-align: middle;
    }

    ul.count-ul h4 span {
        font-size: 26px;
    }

    ul.count-ul h4 {
        line-height: 20px;
        font-size: 12px;
    }

    .blue-btn.white-btn {
        padding: 13px 30px;
        font-size: 16px;
    }

    .green-cta .spacebr {
        display: none;
    }

    .side-bar-sm-frm {
        display: none !important;
    }
}

i.sprite-icn-social1:before {
    background-position: -20px -1723px;
    width: 45px;
    height: 44px;
}

i.sprite-icn-social2:before {
    background-position: -108px -1725px;
    width: 44px;
    height: 44px;
}

i.sprite-icn-social3:before {
    background-position: -194px -1722px;
    width: 47px;
    height: 47px;
}

i.sprite-icn-social4:before {
    background-position: -297px -1723px;
    width: 38px;
    height: 44px;
}

ul.type-ul li:hover i.sprite-icn-social1:before {
    background-position: -20px -1781px;
}

ul.type-ul li:hover i.sprite-icn-social2:before {
    background-position: -108px -1781px;
}

ul.type-ul li:hover i.sprite-icn-social3:before {
    background-position: -194px -1781px;
}

ul.type-ul li:hover i.sprite-icn-social4:before {
    background-position: -297px -1783px;
}

ul.social-icn-large li {
    display: inline-block;
    margin: 0 25px;
}

ul.social-icn-large {
    text-align: center;
    margin: 0 0 40px;
}

ul.social-icn-large li a {
    display: block;
}

ul.social-icn-large li a i:before {
    width: 76px;
    height: 76px;
}

ul.social-icn-large {
    position: relative;
    z-index: 1;
}

ul.social-icn-large:before {
    content: "";
    width: 100vw;
    height: 1px;
    background: #d4d4d4;
    position: absolute;
    left: -50%;
    right: -50%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.sprite-icn-social-icn1:before {
    background-position: -406px -1557px !important;
}

.sprite-icn-social-icn2:before {
    background-position: -509px -1557px !important;
}

.sprite-icn-social-icn3:before {
    background-position: -406px -1655px !important;
}

.sprite-icn-social-icn4:before {
    background-position: -509px -1655px !important;
}

.sprite-icn-social-icn5:before {
    background-position: -406px -1753px !important;
}

.sprite-icn-social-icn6:before {
    background-position: -509px -1753px !important;
}

.prcss-icn13:before {
    background-position: -23px -1843px;
    width: 28px;
    height: 28px;
}

.process-ul li.active .prcss-icn13:before {
    background-position: -23px -1898px;
}

.prcss-icn14:before {
    background-position: -85px -1843px;
    width: 31px;
    height: 31px;
}

.process-ul li.active .prcss-icn14:before {
    background-position: -85px -1898px;
}

.prcss-icn15:before {
    background-position: -150px -1845px;
    width: 27px;
    height: 27px;
}

.process-ul li.active .prcss-icn15:before {
    background-position: -150px -1898px;
}

.prcss-icn16:before {
    background-position: -211px -1844px;
    width: 29px;
    height: 29px;
}

.process-ul li.active .prcss-icn16:before {
    background-position: -211px -1897px;
}

.process-ul.four-process li+li {
    width: 32.6%;
}

.process-ul.four-process li:last-child {
    width: 16%;
}

.process-ul.four-process i.actv-ul {}

ul.process-ul.four-process.process2 i.actv-ul {
    left: 327px;
}

ul.process-ul.four-process.process3 i.actv-ul {
    left: 693px;
}

ul.process-ul.four-process.process4 i.actv-ul {
    left: 966px;
}

ul.process-ul.four-process.process2:before {
    width: 26%;
}

ul.process-ul.four-process.process3:before {
    width: 57%;
}

ul.process-ul.four-process.process4:before {
    width: 83%;
}

.btn-cstm {
    position: relative;
    z-index: 1;
    background: #c4200f;
    padding: 14px 60px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 21px;
    margin-top: 13px;
    border-radius: 5px;
    border: 2px solid #c4200f;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    margin-top: 25px;
}

.link {
    color: #000000;
    font-size: 13px;
    border-bottom: 1px solid #000000;
    display: inline-block;
    line-height: 18px;
}

ul.type-ul li:hover .link {
    color: #FFF;
    border-color: #FFF;
}

.lp-tstimnial-sldr img {
    width: 116%;
}

.lp-testimonial-innr p {
    font-size: 22px;
    color: #666666;
    line-height: 30px;
    font-style: italic;
    position: relative;
    margin-bottom: 20px;
}

.lp-testimonial-innr p span {
    font-size: 117px;
    color: #3A93CB;
    position: absolute;
    top: -20px;
}

.lp-testimonial-innr {
    padding: 60px 0;
}

.lp-testimonial-innr .name {
    text-align: right;
    font-size: 24px;
    color: #000012;
    font-style: italic;
    font-weight: 600;
    position: relative;
}

.lp-testimonial-innr .name:before {
    content: "";
    width: 90px;
    height: 1px;
    background: #ccccd0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
}

.lp-tstimnial-sldr ul.slick-dots {
    text-align: center;
}

.black-layout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000d1;
    z-index: 1111;
    display: none;
}

.side-body .field .col-lg-2.noguttar {
    width: 16.66666667%;
    display: inline-block;
}

.side-body .field .col-lg-10 {
    width: 82.033333%;
    display: inline-block;
}

.posi-rale {
    position: relative;
}

.topBan {
    width: auto !important;
    max-width: 100%;
    height: auto;
    position: relative;
    top: 148px;
}

.topBan-btn {
    position: absolute;
    top: 228px;
    right: 0;
}

.topBan-btn:hover {
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: .9s;
    animation-fill-mode: both;
    transition-duration: .3s;
}

/* LOGO DESIGN NEW CSS*/

.logoDesignContent { padding: 70px 0 50px; margin-top: 132px; }
.logoDesignContent img { max-width: 100%; height: auto; border: 1px solid #ccc;}
.logoDesignContent h1 { font-size: 30px; color: #3e454c; font-weight: 600; position: relative; padding-bottom: 20px; margin: 10px 0 30px; line-height: 40px; font-family: 'Poppins', sans-serif; }
.logoDesignContent h1:before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 40px; height: 3px; background: #8ace09; margin: auto; }
.logoDesignContent h5 { font-size: 20px; font-weight: 600; color: #3e454c; line-height: 24px; margin-bottom: 15px; }
.logoDesignContent p { 
font-size: 15px;
    font-weight: 400;
    line-height: 24px; }

.logoDesignContent hr{margin: 50px 0;}

.space40 { margin-bottom: 40px; }

.logoDesignContent .logoDesignBtn { width: 305px; height: 56px; border-radius: 60px; line-height: 56px; text-align: center; font-size: 18px; color: #fff; font-weight: 400; display: inline-block; margin: 30px 0 0; box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.27); background: rgb(136, 200, 73); background: linear-gradient(90deg, rgba(136, 200, 73, 1) 0%, rgba(50, 185, 108, 1) 100%); -webkit-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s; z-index: 1; position: relative; }
.logoDesignContent .logoDesignBtn::before,
.logoDesignContent .logoDesignBtn::after { content: ''; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: -2; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background: rgb(136, 200, 73); background: linear-gradient(90deg, rgba(136, 200, 73, 1) 0%, rgba(50, 185, 108, 1) 100%); border-radius: 60px; }
.logoDesignContent .logoDesignBtn::after { z-index: -1; opacity: 0; background: rgb(136, 200, 73); background: linear-gradient(90deg, rgba(50, 185, 108, 1) 0%, rgba(136, 200, 73, 1) 100%); }
.logoDesignContent .logoDesignBtn:hover::after { opacity: 1; }

.align-items-center{display: flex;align-items: center;}


/* CTA FOR BLOG */

.ctaBlog { padding: 40px 0; background: #1c1c20; margin-bottom: 20px; }
.ctaBlog img{max-width: 100%;height: auto;}
.blogTxt { padding-left: 0px; }
.blogTxt h6 { font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.67px; color: #ffffff; }
.blogTxt h5 { font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; color: #ffffff; }
.blogTxt .ctaBtn { width: 217px; height: 50px; border-radius: 4px; box-shadow: 0 12px 24px 0 rgba(102, 182, 53, 0.1); background-color: #66b635; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 2.67px; color: #ffffff; display: inline-block; text-align: center; line-height: 50px; border: 1px solid #66b635; -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; }
.blogTxt .ctaBtn:hover { color: #66b635; background: transparent; }
.ctaBlog label { font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -0.5px; color: #ffffff; display: block; margin: 0 0 10px; }
.ctaBlog input,
.ctaBlog select { border-radius: 4px; background-color: rgba(255, 255, 255, 0.05); height: 50px; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -0.5px; color: #ffffff; width: 100%; padding: 0 15px; margin: 0 0 15px; border: none; }
.ctaBlog select { padding: 0 45px; }
.ctaBlog select option { color: #000; }
.ctaBlog .popField.newcountrycode { position: relative; }
.ctaBlog .newcountrycode span { top: 19px; }
.ctaBlog p.viewTxt { font-size: 17px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.76; letter-spacing: -0.57px; color: #ffffff; display: none; }
.blogForm { display: none; }
.align-items-center { display: flex; align-items: center; }
.ctaBlog ul.mainUl { font-size: 0px; display: block; }
.ctaBlog ul.mainUl>li { display: inline-block; vertical-align: middle; padding: 0 20px; width: calc(100% - 250px); }
.ctaBlog ul.mainUl>li:first-child { width: 250px; }
.ctaBlog ul.row { display: block; font-size: 0px; margin: 0 -7px; }
.ctaBlog ul.row li { display: inline-block; vertical-align: middle; padding: 0 7px; width: 50%; }


.halloweenp .banner-pic .hover-effect-bann{ height: 690px; }

.morecontent{  }

.reviewsbann-inn .ban-txt h1{ color: #fff; margin-top: 110px; }
.reviewsbann-inn .ban-txt h4{ color: #fff; }


@media (min-width:1520px) {

  .banner-pic .hover-effect-bann{ background-position: center !important; }

}

@media (max-width:823px) {
    ul.tab-port-v2 li a {
		margin: 3px;
	}
    ul.social-icn-large {
        display: none;
    }

    .process-content .process-tabs img {
        width: 170px;
    }

    .process-ul.four-process li+li {
        width: auto;
        margin: 0 6px;
    }

    .process-ul li.active .prcss-icn13:before {
        background-position: -23px -1843px;
    }

    .process-ul li.active .prcss-icn14:before {
        background-position: -85px -1843px;
    }

    .process-ul li.active .prcss-icn15:before {
        background-position: -150px -1845px;
    }

    .process-ul li.active .prcss-icn16:before {
        background-position: -211px -1844px;
    }

    .process-ul.four-process li:last-child {
        width: auto;
    }

    .countrylps header.stick .hdr-top-links {
        display: none;
    }

    .countrylps .space-box {
        display: none;
    }

    .countrylps .top-info-links li+li {
        display: none;
    }

    .countrylps .top-info-links li+li+li {
        display: inline-block;
    }

    .countrylps .hdr-top-links ul {
        padding: 8px 0;
        background: #464646;
    }

    body.countrylps {
        margin-bottom: 0px;
    }

    .countrylps section.cta-sm.cta-cstmpad img {
        width: 90%;
    }

    .countrylps a.nav-btn {
        display: none !important;
    }

    .countrylps ul.process-ul {
        display: none;
    }

    .countrylps .process-tabs,
    .countrylps .process-tabs.active {
        display: flex !important;
        flex-direction: column-reverse;
    }

    .countrylps .process-tabs img {
        width: 40% !important;
    }

    .countrylps .portfolio-box .slick-slide div+div {
        display: none;
    }

    .countrylps .portfolio-box.slick-slider button.slick-arrow {
        display: block !important;
    }

    .countrylps .ban-txt p {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .countrylps .ban-txt h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .countrylps .ban-txt a {
        margin-top: 6px;
    }

    .countrylps .ban-txt h1,
    .countrylps .special-web-offer .ban-txt h1 {
        margin-top: 30px;
    }

    .countrylps .popup-headers {
        padding: 10px 0 10px 17px;
    }

    .map-add {
        border-left: none;
        padding: 0;
        margin-top: 0;
        border-top: 1px solid #ffffff36;
        padding-top: 26px;
    }

    .countrylps .ban-txt h1 {
        font-size: 25px;
    }

    .countrylps .portfolio-slide {
        margin-top: 6px;
    }

    .countrylps .portfolio-box li {
        width: 49.4%;
        display: inline-block;
    }

    .countrylps .inthemedia-sec li {
        width: 49.4%;
        display: inline-block;
    }

    .countrylps .inthemedia-sec ul {
        border: none;
    }

    .countrylps header {
        background: #000;
    }

    .countrylps .logo img {
        width: 125px;
        margin: 7px 0;
    }

    .lp-getstarted .sec-hd {
        font-size: 28px;
        text-align: center;
    }

    .lp-ftr-form {
        padding: 30px 0;
    }

    .lp-ftr-form input[type="text"],
    .lp-ftr-form input[type="email"],
    .lp-ftr-form input[type="tel"],
    .lp-ftr-form select,
    .lp-ftr-form textarea {
        padding: 6px 16px;
        height: 43px;
        margin-bottom: 9px;
    }

    .lp-ftr-form textarea {
        height: 100px;
    }

    .lp-ftr-form input[type="submit"] {
        width: 100%;
    }

    .lp-include-sec li {
        padding: 10px;
    }

    .lp-testimonial .spacebr {
        display: none;
    }

    .lp-testimonial-innr p {
        font-size: 15px;
        line-height: 22px;
        text-align: center;
    }

    .lp-testimonial-innr p span {
        top: 10px;
    }

    .lp-testimonial-innr {
        padding: 36px 0;
    }

    .lp-faqsmedia-sec {
        text-align: center;
    }

    .lp-faqsmedia-sec .media-logos li figure img {
        width: 78%;
    }

    .lp-faqsmedia-sec .media-logos li {
        height: 90px;
    }

    .lp-faqsmedia-sec .spacebr {
        display: none;
    }

    .lp-faqsmedia-sec .faqs-ul {
        text-align: left;
    }
    .logoDesignContent{margin: 0px;padding: 50px 0 30px;}
    .logoDesignContent h4{
        font-size: 22px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    .logoDesignContent p{line-height: 24px;margin-bottom: 20px;}
    .space40{margin-bottom: 20px;}
    .logoDesignContent img{margin-bottom: 20px;}
    .logoDesignContent hr{margin: 20px 0;}
    .logoDesignContent .logoDesignBtn{margin-top: 10px;}
}