.brdcrme {
    background-color: #f9f9f9;
    width: 100%;
    overflow: hidden
}

.brdcrme ul {
    margin: 0
}

.brdcrme li {
    float: left;
    padding: 10px 15px;
    position: relative
}

.brdcrme li+li:before {
    font-family: FontAwesome;
    content: "\f101";
    position: absolute;
    left: -2px;
    top: 10px
}

.brdcrme li:last-child a {
    color: #ff0042
}

.force-small {
    text-transform: lowercase!important
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 25px;
    background: #fff;
    outline: 0;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 30px;
    position: relative;
    margin: 15px 0 10px
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 50px;
    height: 24px;
    background: #ff0042;
    cursor: pointer;
    border-radius: 30px;
    border: 4px solid #fff
}

.slider::-moz-range-thumb {
    width: 32px;
    height: 14px;
    background: #ff0042;
    cursor: pointer;
    border-radius: 30px
}

.p_cta_right_pne {
    display: none;
    overflow: hidden;
    height: 46px;
    width: 46px;
    position: fixed;
    right: 20px;
    bottom: 100px;
    background-color: #2b9224;
    z-index: 9999;
    -webkit-border-radius: 30px;
    padding: 0;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    border: solid 3px #fff;
    line-height: 7px;
    font-size: 17px;
    font-weight: 600;
    -webkit-box-shadow: 6px 8px 5px -6px rgba(0, 0, 0, .11);
    -moz-box-shadow: 6px 8px 5px -6px rgba(0, 0, 0, .11);
    box-shadow: 6px 8px 5px -6px rgba(0, 0, 0, .11);
    cursor: pointer;
    -webkit-transition: all 99ms cubic-bezier(.25, .25, .75, .75);
    -moz-transition: all 99ms cubic-bezier(.25, .25, .75, .75);
    -o-transition: all 99ms cubic-bezier(.25, .25, .75, .75);
    transition: all 99ms cubic-bezier(.25, .25, .75, .75);
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -moz-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -o-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

.p_cta_right_pne_specific {
    bottom: 160px
}

.p_cta_right_pne_specific .p_cta_icon_right {
    background-color: #ff9300
}

.p_cta_right_pne_specific {
    background-color: #ef8a02
}

.p_cta_right_pne_whatsapp {
    bottom: 219px
}

.p_cta_right_pne_whatsapp .p_cta_icon_right {
    padding: 11px 12px
}

.p_cta_right_pne_whatsapp .p_cta_icon_right {
    background-color: #2ba11f
}

.p_cta_right_pne_whatsapp {
    background-color: #2b9224
}

.p_cta_right_pne_whatsapp_single {
    bottom: 160px
}

.p_cta_right_pne a {
    color: #fff!important
}

.p_cta_icon_right {
    height: 40px;
    width: 40px;
    display: none;
    background-color: #2ba11f;
    font-size: 20px;
    -webkit-border-radius: 50%;
    padding: 12px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    float: left;
    -webkit-transition: all 99ms cubic-bezier(.25, .25, .75, .75);
    -moz-transition: all 99ms cubic-bezier(.25, .25, .75, .75);
    -o-transition: all 99ms cubic-bezier(.25, .25, .75, .75);
    transition: all 99ms cubic-bezier(.25, .25, .75, .75);
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -moz-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -o-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

.p_cta_icon_right_b {
    display: inline-block;
    float: left;
    height: 30px;
    overflow: hidden;
    -webkit-transition: all 222ms cubic-bezier(.25, .25, .75, .75);
    -moz-transition: all 222ms cubic-bezier(.25, .25, .75, .75);
    -o-transition: all 222ms cubic-bezier(.25, .25, .75, .75);
    transition: all 222ms cubic-bezier(.25, .25, .75, .75);
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -moz-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -o-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    width: 194px;
    padding: 16px 6px 6px 6px
}

.p_cta_right_pne.atvb {
    width: 248px
}

::-moz-selection {
    color: #fff;
    background: #324b90
}

::selection {
    color: #fff;
    background: #324b90
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: 0
}

a,
a:focus {
    outline: 0
}

a {
    color: #232323;
    text-decoration: none
}

a:focus,
a:hover {
    text-decoration: none
}

.fleft {
    float: left
}

.fright {
    float: right
}

.packtitles .fright {
    position: absolute;
    right: 0;
    background-color: #7f7f7f;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 0
}

.sprite {
    background: url(../img/sprites.png) no-repeat;
    display: inline-block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #da1e38;
}

.fnt30-head {
    font-size: 30px;
    color: #262262;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px
}

body {
    color: #242424;
    font-size: 14px;
    overflow-x: hidden!important;
    font-family: Poppins, sans-serif
}

header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    width: 100%;
    background-image: linear-gradient(to right, #f70343, rgba(106, 29, 109, .8));
    padding: 10px 0 20px;
    color: #fff;
    transition: all .3s ease-out;
}

header .logo {
    position: relative;
    padding-top: 30px;
    z-index: 999999;
}

.logo img {
    margin-top: -10px
}

.topnavs {
    color: #fff;
    float: right
}

.topnavs a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding-right: 16px
}

.topnavs a+a {
    border-left: 1px solid #fff;
    padding-left: 16px;
    padding-right: 0
}

.topnavs a i {
    margin-right: 5px
}

.topnavs .liveChat h4 {
    margin: 0;
    color: #fff;
    font-weight: 400;
    margin-left: 25px;
    font-size: 13px
}

.liveChat {
    display: inline-block
}

.topnavs .livchat-divs {
    padding-bottom: 5px
}

.topnavs .btn-radius-top,
.topnavs .livchat-divs {
    display: inline-block
}

.topnavs .btn-radius-top {
    margin-left: 5px
}

.topnavs .btn-radius-top a {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px!important;
    display: block
}

.topnavs .btn-radius-top a:hover {
    background-color: #fff;
    color: #242424
}

.topnavs .btn-radius-top a:hover i {
    color: #ff0042
}

.topnavs .btn-radius-top a+a {
    background-color: #fff;
    margin-right: 0;
    color: #833e86
}

.topnavs .btn-radius-top a+a i {
    color: #833e86;
    font-weight: 700
}

.topnavs .btn-radius-top a+a:hover {
    background-color: #ff0042;
    color: #fff
}

.topnavs .btn-radius-top a+a:hover i {
    color: #fff
}

.topnavs .btn-radius-top a i {
    margin-right: 6px
}

header .main-nav {
    display: block
}

header .main-nav>ul {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 0;
    text-align: right
}

header .main-nav ul li {
    display: inline-block;
    z-index: 2222222
}

header .main-nav ul>li>a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 12px 9px 18px;
    display: block;
    position: relative
}

header .main-nav ul>li.home img {
    margin: -4px 0 0 0
}

header .main-nav ul>li>a:hover {
    color: #ffc5d4
}

header .main-nav ul>li.dropparent:hover>a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 3px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff527f
}

header .main-nav ul>li.selectnavs>a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 9px;
    margin: auto;
    bottom: 0;
    background: #fff;
    width: 80%;
    height: 3px
}

header .main-nav ul>li:first-child a {
    padding-left: 0
}

header .main-nav ul>li:last-child a {
    padding-right: 0
}

.bannermm {
    position: relative;
    width: 100%;
    background: url(../img/home-banner-1.jpg) no-repeat;
    background-size: cover;
    padding: 190px 0 20px;
    min-height: 590px
}

.logobannermm {
    background-image: url(../img/banner/logo-banner.jpg)
}

.webbannermm {
    background-image: url(../img/banner/web-banner.jpg)
}

.videobannermm {
    background-image: url(../img/banner/video-banner.jpg)
}

.seobannermm {
    background-image: url(../img/banner/seo-banner.jpg)
}

.stationarybannermm {
    background-image: url(../img/banner/branding-banner.jpg)
}

.contentbannermm {
    background-image: url(../img/banner/content-writing-banner.jpg)
}

.ecommercebannermm {
    background-image: url(../img/banner/ecommerce-banner.jpg)
}

.bannerandposterbannermm {
    background-image: url(../img/banner/poster-banner.jpg)
}

.brochurebannermm {
    background-image: url(../img/banner/brochure-banner.jpg)
}

.marketingbannermm {
    background-image: url(../img/banner/marketing-banner.jpg)
}

.socialbannermm {
    background-image: url(../img/banner/social-banner.jpg)
}

.portfoliobannermm {
    background-image: url(../img/banner/portfolio-banner.jpg)
}

.aboutbannermm {
    background-image: url(../img/banner/about-banner.jpg)
}

.testimonialsbannermm {
    background-image: url(../img/banner/testimonials-banner.jpg)
}

.contactbannermm {
    background-image: url(../img/banner/contact-banner.jpg)
}

.pricingbannermm {
    background-image: url(../img/banner/pricing-banner.jpg)
}

.combobannermm {
    background-image: url(../img/banner/combo-banner.jpg)
}

.bannermm.webbanner {
    background: url(../img/home-banner-1.jpg) no-repeat;
    background-size: cover
}

.bannermm .leftcont-ban h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    border-bottom: 2px solid #fff;
    padding-bottom: 15px
}

.bannermm .leftcont-ban h1 span {
    font-weight: 400;
    font-size: 38px
}

.tab-content {
    padding-bottom: 60px!important
}

body.inner-pages .bannermm .leftcont-ban h1 {
    margin-top: 95px
}

.bannermm .leftcont-ban h1 strong {
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 8px;
    display: block
}

body.mainhome .bannermm .leftcont-ban h1 {
    border-bottom: 0
}

body.mainhome .bannermm .leftcont-ban p {
    position: relative;
    display: inline-block
}

body.mainhome .bannermm .leftcont-ban p:before {
    height: 2px;
    background-color: #fff;
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    top: -9px;
    left: 0
}

body.mainhome .bannermm.bnj-3 .leftcont-ban p:before {
    width: 580px
}

body.mainhome .bannermm.bnj-2 .leftcont-ban p:before {
    width: 560px
}

body.mainhome .bannermm.bnj-1 .leftcont-ban p:before {
    width: 545px
}

.bannermm .leftcont-ban p {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    padding-top: 10px;
    line-height: 35px;
    margin-bottom: 0
}

.posrel {
    position: relative
}

.posinit {
    position: initial
}

.leftcont-ban a {
    background-color: #fff;
    font-size: 21px;
    font-weight: 500;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 20px;
    margin-top: 30px;
    display: -webkit-inline-box;
    width: auto;
    height: 49px;
    overflow: hidden;
    transition: all .3s ease-out;
    color: #ff0042;
    text-transform: uppercase
}

.leftcont-ban a i.btnarow {
    background-position: -4px -20px;
    width: 39px;
    height: 10px;
    margin-left: 9px;
    vertical-align: middle;
    margin-top: -1px
}

.leftcont-ban a:hover {
    background-color: transparent;
    color: #fff;
    font-weight: 500
}

.mainhome .bannermm {
    height: 700px;
    display: flex;
    align-items: center;
    padding: 0
}

.leftcont-ban a:hover i {
    background-position: -3px -3px
}

.blink-bx {
    position: absolute;
    right: 0
}

.blink-bx .blinkbxs {
    display: inline-block;
    width: 195px;
    margin: 0 3px
}

.parentdivss {
    position: relative;
    z-index: 22
}

.blink-bx .blinkbxs div+div {
    margin-top: 10px
}

.blink-bx .blinkbxs.blink-bx0 {
    transform: translateY(-50%)
}

.blink-bx .blinkbxs.blink-bx2 {
    transform: translateY(10%)
}

.blink-bx .blinkbxs.blink-bx3 {
    transform: translateY(5%)
}

.blinkbxs img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .5s ease
}

.blinkbxs .active img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #0000006b);
    transform: scale(1.06)
}

.blink-bx .blinkbxs>div.active {
    position: relative;
    z-index: 2
}

.morethan-det {
    margin-top: 90px
}

.morethan-det ul {
    margin-bottom: 0
}

.morethan-det ul li {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: initial;
    width: 165px
}

.morethan-det ul li span {
    display: block;
    font-size: 18px
}

.morethan-det ul li strong {
    display: block;
    font-size: 40px
}

.morethan-det ul li strong i {
    font-style: normal
}

.morethan-det ul li+li {
    margin-left: 30px
}

.LineAnimationButton {
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    border-bottom-width: 0
}

.LineAnimation-border {
    background-color: #fff
}

.LineAnimation-border--right {
    right: 0;
    bottom: 8%;
    top: 12%;
    width: 2px;
    -webkit-transition: bottom .2s .4s;
    transition: bottom .2s .4s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.LineAnimation-border--bottom {
    bottom: 5px;
    right: 0;
    left: 95%;
    height: 2px;
    -webkit-transition: left .2s .2s;
    transition: left .2s .2s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.LineAnimation-border--top {
    top: 10px;
    right: 0;
    left: 60%;
    height: 2px;
    -webkit-transition: right .2s .6s;
    transition: right .2s .6s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.LineAnimation-border,
.LineAnimation-border-inner {
    position: absolute;
    content: ''
}

.morethan-det ul li:nth-child(2) .LineAnimation-border--bottom {
    left: 60%
}

.morethan-det ul li:nth-child(3) .LineAnimation-border--bottom {
    left: 85%
}

.morethan-det ul li:nth-child(4) .LineAnimation-border--bottom {
    left: 80%
}

.morethan-det ul li:nth-child(5) .LineAnimation-border--bottom {
    left: 85%
}

@-webkit-keyframes sdb07 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes sdb07 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.slick-next,
.slick-prev {
    background: url(../img/sprites.png) no-repeat;
    background-position: -51px 0;
    width: 55px;
    height: 14px
}

.slick-next {
    background-position: -54px -17px
}

.slick-next:before,
.slick-prev:before {
    display: none
}

.maincta {
    width: 100%;
    float: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 23px 0;
    background: -moz-linear-gradient(left, #38388a 0%, #56377d 34%, #c1364f 100%);
    background: -webkit-linear-gradient(left, #38388a 0%,#56377d 34%,#c1364f 100%);
    background: linear-gradient(to right, #38388a 0%,#56377d 34%,#c1364f 100%);
}

.maincta h3 {
    color: #fff;
    font-size: 31px;
    font-weight: 400;
    margin: 0;
    line-height: 45px;
    margin-bottom: 8px
}

.maincta h3 strong {
    font-size: 38px;
    font-weight: 700;
    display: block
}

.maincta p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0
}

.maincta .btn-radius-top {
    display: inline-block
}

.maincta .btn-radius-top {
    float: right;
    margin-top: 20px
}

.maincta .btn-radius-top a {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50px;
    padding: 8px 30px;
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    transition: all .3s ease-out;
    text-transform: uppercase;
    font-weight: 600
}

.maincta .btn-radius-top a:first-child {
    margin-right: 8px
}

.maincta .btn-radius-top a:hover {
    color: #da1e38;
    background-color: #fff;
}

.maincta .btn-radius-top a+a:hover {
    color: #fff;
    background-color: #da1e38;
    border-color: #da1e38;
}

.maincta .btn-radius-top a+a:hover i {
    color: #fff
}

.maincta .btn-radius-top a+a {
    background-color: #fff;
    color: #da1e38;
    margin-right: 0;
    font-weight: 600;
}

.maincta .btn-radius-top a+a i {
    color: #da1e38;
    font-weight: 700;
}

.maincta .btn-radius-top a i {
    margin-right: 2px
}

.maincta .callsdivs {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    display: block;
    text-align: center;
    float: left;
    width: 100%;
    padding: 45px 0 0 0;
    text-shadow: 0 0 1px #313131
}

.maincta .callsdivs strong {
    font-weight: 400;
    position: relative
}

.maincta .callsdivs a {
    color: #fff
}

.maincta .callsdivs i {
    font-style: normal;
    margin-right: 7px
}

.maincta .callsdivs strong+strong {
    margin-left: 10px;
    padding-left: 14px;
    border-left: 1px #fff solid
}

.maincta .callsdivs .iconphone {
    background-position: -127px -2px;
    width: 26px;
    height: 26px;
    vertical-align: middle
}

.padleft0 {
    padding-left: 0!important
}

.homeport-mm {
    width: 100%;
    float: none;
    overflow: hidden;
}

.sechead {
    width: 100%;
    text-align: center
}

.sechead h3 {
    color: #111;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700
}

.sechead p {
    font-size: 16px;
    color: #505050;
    line-height: 25px;
    margin-top: 21px;
    margin-bottom: 30px
}

.toptabs1 {
    width: 100%;
    float: left;
    margin-bottom: 0;
    text-align: center;
    margin-bottom: 24px
}

.toptabs1 li {
    width: 170px;
    display: inline-block;
    margin: 0 5px;
    transition: all .3s ease-out;
    margin-bottom: 16px
}

.toptabs1 li a,
.toptabs1 li span {
    border: 1px solid #d8d8d8;
    border-radius: 30px;
    padding: 8px 10px;
    text-align: center;
    display: block;
    font-size: 15px;
    color: #8c4c8f;
    transition: all .3s ease-out;
    cursor: pointer
}

.toptabs1 li.active a,
.toptabs1 li.active span,
.toptabs1 li:hover a,
.toptabs1 li:hover span {
    background-image: linear-gradient(to right, #fd0043, #721e72);
    color: #fff;
    border: 1px solid transparent
}

.portfoliomaindivs .topbartabs {
    position: relative;
    width: 100%;
    float: left
}

.portfoliomaindivs .tabschildrens {
    display: block;
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #d1d7e3;
    position: relative;
    border-top: none;
    margin-top: -1px
}

.portfoliomaindivs .tabschildrens ul {
    margin-bottom: 0;
    text-align: center
}

.portfoliomaindivs .tabschildrens ul li {
    display: inline-block;
    padding: 10px 15px;
    position: relative
}

.portfoliomaindivs .tabschildrens ul li+li:before {
    content: '';
    background: #242424;
    width: 4px;
    height: 1px;
    position: absolute;
    left: -5px;
    font-size: 15px;
    top: 0;
    bottom: 0;
    margin: auto
}

.portfoliomaindivs .tabschildrens ul li span {
    color: #242424;
    font-size: 14px;
    cursor: pointer
}

.portfoliomaindivs .tabschildrens ul li.active span {
    color: #ff0042
}

.portfoliomaindivs .topbartabs .container {
    position: relative
}

.portfolio-mmbx .box-ports {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: all linear .3s
}

.portfolio-mmbx .box-ports img {
    width: 100%;
    border: 1px solid #e2dfdf
}

.portfolio-mmbx {
    margin-top: 0;
    position: relative
}

.hovereffects-det {
    background: rgba(0, 0, 0, 0.52);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.portfolio-mmbx .box-ports:hover .hovereffects-det {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.portfolio-mmbx .box-ports:hover {
    transform: scale(1.1);
    z-index: 2
}

.hovereffects-det h3 {
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase
}

.btnstyles-nn a {
    color: #fff;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 500;
    margin: 5px display: inline-block
}

.btnstyles-nn a:focus {
    color: #fff
}

.btnstyles-nn a i {
    margin: 0 5px;
    font-size: 40px
}

.portfolio-mmbx .leftcont-ban {
    text-align: center
}

.portfolio-mmbx .leftcont-ban a {
    border-color: #cbcbcb;
    color: #ff0042;
    transition: width .3s linear, color .3s linear;
    margin: 40px auto 45px auto;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 70px;
    font-size: 18px;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center
}

.portfolio-mmbx .leftcont-ban a:hover {
    background-image: linear-gradient(to right, #fd0043, #721e72);
    color: #fff
}

.portfolio-mmbx .leftcont-ban a:hover i {
    background-position: -3px -3px
}

.det-packages {
    padding: 30px 0 40px;
    width: 100%;
    float: none;
    background-color: #f1f1f1;
    overflow: hidden;
}

.det-packages .boxpackages {
    background: #fff;
    border-radius: 15px;
    padding: 20px 16px 30px;
    margin: 0 0;
    float: left;
    width: 100%;
    box-shadow: -2px 10px 40px -10px #00000059;
    position: relative;
    border: 1px solid transparent;
    transition: all .3s ease-out;
    margin-bottom: 50px;
    overflow: hidden
}

.det-packages .boxpackages .packheads {
    border-bottom: 1px solid #d1d7e3
}

.det-packages .boxpackages .packheads h3 {
    font-size: 21px;
    color: #111;
    font-weight: 700;
    margin: 0 0 5px
}

.det-packages .boxpackages .packheads p {
    font-size: 13px;
    color: #242424;
    min-height: 37px
}

.det-packages .boxpackages:hover {
    border: 1px solid #ff0042;
}

.det-packages .boxpackages:hover .listpacks li:before {
    color: #1a6a9a;
}

.det-packages .boxpackages:hover a.btn-orders {
    background: #da1e38;
    color: #fff;
    border-color: #da1e38;
}

.boxpackages .packdetails {
    padding: 10px 0
}

.boxpackages .packdetails .packtitles .fleft h3 {
    font-size: 40px;
    color: #da1e38;
    font-weight: 700;
    margin: 0;
}

.boxpackages .packdetails .packtitles .fleft h3 sup {
    font-size: 24px;
    font-weight: 600
}

.packdetails .packtitles .fright h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin: 0
}

.packdetails .packtitles .fright h4 b {
    display: block;
    color: #242424;
    font-weight: 600
}

.packdetails .packtitles .fright:before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 9;
    background-color: transparent;
    left: -18px;
    content: "";
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 18px solid #7f7f7f;
    transform: rotate(180deg);
    top: 0;
}

.packdetails .packtitles .fright h4 span.cutprice {
    text-decoration: line-through;
    display: block;
    font-size: 23px;
    color: #fff
}

.packdetails .packtitles .fright h4 b {
    position: relative
}

.packdetails .listpacks {
    display: block;
    width: 100%;
    float: left;
    padding: 15px 0;
    margin: 0;
    height: 250px;
    border-bottom: 1px solid #d1d7e3
}

.packdetails .listpacks li {
    position: relative;
    padding: 5px 25px;
    font-size: 14px;
    color: #455164;
    padding-right: 0
}

.pacbundles-det .headbx-bundle ul.listbundles-packbx li:after,
.packdetails .listpacks li:after {
    content: '';
    right: 0;
    height: 1px;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#e0e3eb), to(transparent));
    background-image: -webkit-linear-gradient(left, #e0e3eb, transparent);
    background-image: -moz-linear-gradient(left, #000, transparent);
    background-image: -o-linear-gradient(left, #000, transparent);
    display: block;
    position: absolute;
    bottom: 0;
    left: 25px
}

.check-circle-list i {
    color: #6f1f73
}

.packdetails .listpacks li ul li {
    padding: 0;
    color: #fff;
    font-size: 13px
}

.packdetails .listpacks li ul li:before {
    display: none
}

.packdetails .listpacks li.last:after {
    display: none
}

.packdetails .listpacks li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    color: #7f7f7f;
}

.packdetails .listpacks li.haschildren .child-tooltip {
    position: absolute;
    right: 0;
    top: 7px;
    color: #ff0042
}

.packdetails .listpacks li.haschildren .child-tooltip:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f05a";
    display: inline-block
}

.packdetails .listpacks li.haschildren ul {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: .8;
    right: 0;
    color: #fff;
    width: 220px;
    background: #000;
    padding: 10px 10px;
    overflow: hidden;
    z-index: 9
}

.packdetails .botarea-pack {
    padding: 15px 0 0;
    width: 100%;
    float: left
}

.packdetails .botarea-pack a.btn-orders {
    border: 1px solid #da1e38;
    border-radius: 30px;
    padding: 8px 18px;
    color: #da1e38;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    float: right;
    margin-right: 20px;
    display: inline-block;
    transition: all .3s ease-out;
    margin: 0 0 0;
}

.packdetails .botarea-pack .liovechats-bx {
    padding-left: 20px;
    margin-top: -4px
}

.packdetails .botarea-pack .liovechats-bx a span {
    font-size: 10px;
    color: #242424;
    position: relative
}

.packdetails .botarea-pack .liovechats-bx a span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f4ad";
    position: absolute;
    right: -25px;
    top: -4px;
    color: #000;
    font-size: 16px;
}

.packdetails .botarea-pack .liovechats-bx a h5 {
    font-weight: 700;
    color: #111;
    font-size: 16px;
    margin: 0
}

.det-packages .boxpackages:hover {
    transform: scale(1.1);
    border: 1px solid #da1e38;
}

.det-packages .boxpackages:hover .packdetails .listpacks li:before {
    color: #da1e38;
}

.det-packages .boxpackages:hover .botarea-pack a.btn-orders {
    color: #fff;
}

.det-packages .boxpackages.active .botarea-pack a.btn-orders:hover {
    background: #fff;
    color: #ff0042
}

.det-packages .toptabs1 li a {
    border: 1px solid #a8a8a8
}

.det-packages .boxpackages.active:before {
    content: '';
    position: absolute;
    right: -6px;
    background: url(../img/sprites.png) no-repeat;
    background-position: -897px -452px;
    width: 95px;
    height: 95px;
    top: -6px;
    z-index: 2
}

.btnredstyl {
    text-align: center;
    width: 100%;
    float: left;
    padding: 20px 0
}

.btnredstyl a {
    display: inline-block;
    padding: 8px 30px;
    color: #ff0042;
    border: 1px solid #ff0042;
    border-radius: 30px;
    font-weight: 600;
    font-size: 20px
}

.btnredstyl a i {
    margin-left: 5px
}

.btnredstyl a:hover {
    background: #fff
}

.enterprices-bundles .totalpackagespricess {
    border-top: 1px solid #fff;
    margin-top: 20px;
    padding: 10px 0
}

.enterprices-bundles .totalpackagespricess h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    display: inline-block
}

.enterprices-bundles .totalpackagespricess .underline-txt {
    text-decoration: line-through;
    margin-left: 5px
}

.enterprices-bundles .totalpackagespricess .yellcol {
    color: #f6ff00;
    font-size: 40px;
    font-weight: 700;
    margin-left: 5px
}

.enterprices-bundles .totalpackagespricess .btn-orders-bundles {
    float: right;
    margin-top: 8px
}

.enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
    background: #fff;
    padding: 8px 28px;
    background: #fff;
    color: #ff0042;
    font-size: 20px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    box-shadow: -1px 3px 20px -1px #00000069
}

.enterprices-bundles .totalpackagespricess .btn-orders-bundles a13 {
    position: relative;
    overflow: hidden
}

.enterprices-bundles .totalpackagespricess .btn-orders-bundles a13:after {
    position: absolute;
    z-index: 2;
    background-color: #ff0042;
    width: 0%;
    height: 100%;
    content: " ";
    left: 0;
    top: 0;
    -webkit-transition: all 222ms cubic-bezier(.25, .25, .75, .75);
    -moz-transition: all 222ms cubic-bezier(.25, .25, .75, .75);
    -o-transition: all 222ms cubic-bezier(.25, .25, .75, .75);
    transition: all 222ms cubic-bezier(.25, .25, .75, .75);
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -moz-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -o-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

.enterprices-bundles .totalpackagespricess .btn-orders-bundles a31:hover:after {
    height: 100%;
    width: 100%
}

.enterprices-bundles .totalpackagespricess .btn-orders-bundles a:hover {
    -webkit-box-shadow: inset 0 0 35px -20px rgba(255, 0, 66, 1);
    -moz-box-shadow: inset 0 0 35px -20px rgba(255, 0, 66, 1);
    box-shadow: inset 0 0 35px -20px rgba(255, 0, 66, 1)
}

.enterprices-bundles .totalpackagespricess .btn-orders-bundles a13:hover span {
    position: relative
}

.enterprices-bundles .totalpackagespricess .btn-orders-bundles p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.packagesall .portfolio-mmbx .leftcont-ban a {
    margin-top: 48px;
    margin-bottom: 40px
}

.tabsmainport .innertabcontents {
    display: none
}

.tabsmainport .innertabcontents.active {
    display: block
}

.fixedform {
    opacity: 0;
    position: fixed;
    top: 10%;
    right: -391px;
    margin: auto;
    padding: 10px 0 10px 0;
    z-index: 222;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.fixedform .barforms {
    position: absolute;
    left: 0;
    top: 4px;
    background: url(../img/sprites.png) no-repeat;
    background-position: -827px -601px;
    width: 62px;
    height: 346px
}

.fixedform .getdiscount {
    padding: 16px 20px;
    background: #fff;
    border-bottom-left-radius: 10px
}

.fixedform .getdiscount h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: 0 0 20px;
    font-size: 21px;
    font-weight: 600;
    color: #111
}

.fixedform form {
    width: 100%
}

.fixedform .mm-field {
    margin-bottom: 13px;
    width: 100%;
    position: relative;
    border: 1px solid #ebe9e9
}

.fixedform .mm-field input {
    width: 100%
}

.fixedform .mm-field input[type=email],
.fixedform .mm-field input[type=text],
.fixedform .mm-field select {
    background-color: transparent!important;
    z-index: 10;
    position: relative;
    border: 1px solid #fff;
    padding: 10px 10px 10px 60px;
    width: 100%
}

.fixedform .mm-field {
    position: relative;
    border-radius: 2px
}

.fixedform .mm-field:before {
    content: '';
    background: url(../img/sprites.png) no-repeat;
    background-position: -558px -167px;
    width: 52px;
    height: 44px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 22
}

.fixedform .mm-field.pnfields:before {
    display: none
}

.fixedform .mm-field.emailfield:before {
    background-position: -623px -167px;
    width: 52px;
    height: 44px
}

.fixedform .mm-field.pnfields .intl-tel-input {
    width: 100%
}

fieldset {
    position: absolute;
    top: 10px;
    left: 60px;
    z-index: 2;
    color: #666;
    font-size: 15px;
    transform: translate3d(0, 0, 0);
    transition: all .2s ease-in-out
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    z-index: 999
}

.fixedform .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    border-right: none
}

.fixedform .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    background: #dbdbdb
}

.fixedform .mm-field.selectsertvice:before {
    background-position: -684px -166px;
    width: 52px;
    height: 44px
}

.fixedform .mm-field.whbgnone {
    margin-bottom: 0
}

.fixedform .mm-field.whbgnone:before {
    background-position: -725px -97px;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: initial
}

.fixedform .mm-field.whbgnone input[type=submit] {
    background: #ff0042;
    border-radius: 30px;
    width: 100%;
    padding: 14px 35px;
    color: #fff;
    text-align: left;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    border: transparent
}

.fixedform .mm-field fieldset.active {
    top: 0;
    font-size: 10px;
    color: #000;
    padding: 1px 8px;
    z-index: 20;
    left: 52px;
    font-weight: 500
}

.fixedform .mm-field.pnfields fieldset {
    left: 100px
}

.fixedform .mm-field.pnfields fieldset.active {
    left: 92px
}

.fixedform.active {
    right: 0
}

.fixed-forms-main {
    opacity: 1
}

.fixedform.active .barforms {
    background-position: -915px -601px
}

header .main-nav>ul>li>.dropdown {
    display: none;
    visibility: hidden;
    opacity: 0
}

header .main-nav>ul>li:hover>.dropdown {
    visibility: visible;
    opacity: 1;
    top: 96%;
    display: block;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

header .main-nav ul li .dropdown {
    text-align: left;
    padding: 20px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 130%;
    z-index: 999;
    border-radius: 0;
    background: #f9f7fd;
    border: 2px solid #ff0042;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}

.dropdown .listdiscret,
.dropdown .listimgs,
.dropdown .lstnavig {
    float: left;
    color: #242424;
    font-size: 14px
}

.dropdown .lstnavig .liststylss {
    text-align: left
}

.dropdown .lstnavig .liststylss>li {
    display: block;
    border-bottom: 1px solid #e7e6e9;
    position: initial
}

.dropdown .lstnavig .liststylss>li>a {
    color: #242424;
    font-size: padding: 10px 0;
    font-weight: 500
}

.dropdown .lstnavig .liststylss i.iconlogo-pack {
    background-position: -52px -474px;
    width: 24px;
    height: 24px
}

.dropdown .lstnavig .liststylss i.iconlogo-port {
    background-position: -88px -473px;
    width: 25px;
    height: 25px
}

.dropdown .lstnavig .liststylss i.iconlogo-review {
    background-position: -128px -474px;
    width: 25px;
    height: 25px
}

.dropdown .lstnavig .liststylss li.last {
    border-bottom: none
}

.dropdown .lstnavig .liststylss a {
    position: relative;
    transition: all .3s ease-out
}

.dropdown .lstnavig .liststylss li.active a:after,
.dropdown .lstnavig .liststylss>li:hover a:after {
    opacity: 1
}

.dropdown .lstnavig .liststylss li.active>a,
.dropdown .lstnavig .liststylss>li:hover>a {
    color: #ff0042
}

.dropdown .listdiscret {
    width: 68%;
    padding: 20px 20px
}

.dropdown .listdiscret p {
    color: #242424;
    margin-top: 5px;
    font-weight: 500;
    margin-bottom: 20px
}

.dropdown .listdiscret ul li {
    width: 50%;
    float: left
}

.dropdown .listdiscret ul li a:before {
    content: "\f0da";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 8.5px;
    left: 0;
    color: #999;
    font-weight: 900
}

.dropdown .listdiscret ul li a {
    position: relative;
    display: block;
    color: #242424;
    padding: 6px 10px 6px 20px!important;
    font-weight: 500
}

.dropdown .listimgs {
    float: right;
    border: 1px solid #ccc;
    padding: 5px 5px;
    margin-top: 10px;
    width: 32%
}

.dropdown .listdiscret>ul>li>a:hover {
    color: #ff0042
}

.no-src {
    cursor: default
}

.no-src:hover {
    color: initial!important
}

.dropdown .lstnavig .liststylss li.active .innerdropdowns {
    opacity: 1;
    visibility: visible
}

.dropdown .lstnavig .liststylss li .innerdropdowns {
    position: absolute;
    left: 220px;
    width: 475px;
    top: 8px;
    transition: all .3s ease-out;
    visibility: hidden;
    opacity: 0
}

.dropdown .listdiscret .btnstarts {
    border: 1px solid #ff0042;
    font-size: 18px;
    color: #ff0042;
    font-weight: 500;
    padding: 8px 30px;
    display: inline-block;
    border-radius: 30px;
    position: relative
}

.dropdown .listdiscret .btnstarts:hover {
    border-color: #fff;
    background: #ff0042;
    color: #fff
}

.dropdown .listdiscret .btnstarts.startspackfr {
    text-align: left;
    width: 220px;
    padding: 8px 30px 8px 20px;
    font-style: italic
}

.dropdown .listdiscret .btnstarts.startspackfr span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ff0042;
    border-radius: 100%;
    border: 1px solid #ff0042;
    width: 60px;
    height: 60px;
    font-size: 22px;
    text-shadow: 1px 1px 1px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-style: normal;
    transition-duration: .3s
}

.dropdown .listdiscret .btnstarts.startspackfr:hover span {
    background: #fff;
    color: #ff0042;
    border-color: #ff0042;
    text-shadow: none
}

.dropdown .listdiscret .btnstarts i {
    margin-left: 5px
}

.formOverlaySide.active {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11
}

.stationery-p .bannermm {
    background-image: url(../images/stationery-logodesign.jpg)!important;
    padding: 210px 0 20px;
    background-position: center center
}

.logopackages-p.stationery-p .bannermm {
    background-position: center center;
    padding: 210px 0 20px
}

.bannerdesign-p.faqs-p .bannermm {
    background-image: url(../images/faqsbanner.jpg);
    padding: 210px 0 20px;
    background-position: center center
}

.gettouchfaqs {
    padding: 50px 0;
    width: 100%;
    float: left
}

.gettouchfaqs h3 {
    font-size: 36px;
    font-weight: 700;
    color: #111
}

.gettouchfaqs .packagesbxs {
    padding: 20px 0;
    display: block
}

.gettouchfaqs .packagesbxs .toptabs1 {
    text-align: left
}

.gettouchfaqs .packagesbxs .toptabs1 li {
    width: initial
}

.gettouchfaqs .packagesbxs .toptabs1 a {
    padding: 8px 30px;
    font-size: 18px;
    font-weight: border: 1px solid #e20031;
    color: #000
}

.gettouchfaqs .packagesbxs .toptabs1 li.active a,
.gettouchfaqs .packagesbxs .toptabs1 li:hover a {
    color: #fff
}

.accordion-faq .inner {
    padding: 1em;
    overflow: hidden;
    display: none;
    margin-bottom: 0;
    padding-right: 50px;
    margin-top: 0
}

.accordion-faq .inner p {
    font-size: 14px;
    color: #6a6a6a;
    margin-bottom: 20px
}

.accordion-faq .inner p a {
    color: #fff;
    text-decoration: underline
}

.accordion-faq .inner ul {
    margin-bottom: 0;
    margin-top: 10px
}

.accordion-faq .inner ul li {
    color: #fff;
    font-size: 15px
}

.accordion-faq>li {
    margin: 0 0 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
    float: left;
    position: relative
}

.accordion-faq a.accord-tab {
    width: 100%;
    display: block;
    color: #111;
    border-radius: .15em;
    transition: color .3s ease;
    position: relative;
    padding: 30px 70px 0 20px;
    font-weight: 700;
    min-height: 70px;
    font-size: 15px
}

.accordion-faq>li.actives:after {
    color: #000;
    content: "\f107"
}

.accordion-faq>li>a {
    padding: .75em;
    color: #333!important;
    font-size: 20px
}

.accordion-faq>li:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #000;
    display: flex;
    align-items: center
}

.accordion-faq a.accord-tab.actives,
.accordion-faq a.accord-tab:hover {
    color: #333
}

.accordion-faq li ul.dbltabs {
    background-color: transparent
}

.accordion-faq li ul>li>a.accord-tab {
    padding: 15px 15px;
    font-size: 16px;
    font-weight: 600;
    min-height: initial;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    margin-bottom: 10px
}

.accordion-faq>li.actives {
    background: #f4f4f4;
    border: 1px solid #fad2db
}

.accordion-faq>li.actives a.accord-tab {
    min-height: initial
}

.logodesignport-p.portfolio .bannermm {
    background-image: url(../images/logodesignportfolio-banner.jpg);
    padding: 250px 0 20px;
    background-position: center center
}

.branding-portfolio-p.portfolio .bannermm {
    background-image: url(../images/branding-portfolio-bann.jpg);
    padding: 250px 0 20px;
    background-position: center center
}

.pricerange-main {
    padding: 50px 0;
    width: 100%;
    float: left;
    background-size: 100% 100%
}

.pricerange-main .sechead h3,
.pricerange-main .sechead p {
    color: #fff
}

.pricerange-main .pricingbox {
    width: 100%;
    float: left
}

.pricerange-main .pricingbox li {
    float: left;
    text-align: center;
    width: 33.33%
}

.pricerange-main .pricingbox li h3 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 20px
}

.pricerange-main .pricingbox .iconsbx {
    background: #fff;
    width: 98px;
    height: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 2px solid transparent;
    margin: auto
}

.pricerange-main .pricingbox .iconsbx i.icon1 {
    background-position: -17px -614px;
    width: 53px;
    height: 53px
}

.pricerange-main .pricingbox .iconsbx i.icon2 {
    background-position: -86px -617px;
    width: 55px;
    height: 52px
}

.pricerange-main .pricingbox .iconsbx i.icon3 {
    background-position: -165px -609px;
    width: 54px;
    height: 54px
}

.pricerange-main .pricingbox .iconsbx i.icon4 {
    background-position: -237px -607px;
    width: 57px;
    height: 57px
}

.pricerange-main .pricingbox .iconsbx i.icon5 {
    background-position: -318px -615px;
    width: 55px;
    height: 48px
}

.pricerange-main .pricingbox .iconsbx i.icon6 {
    background-position: -397px -615px;
    width: 58px;
    height: 52px
}

.pricerange-main .pricingbox li * {
    transition: all .3s ease-out
}

.pricerange-main .pricingbox li a {
    display: inline-block
}

.pricerange-main .pricingbox li.active .iconsbx,
.pricerange-main .pricingbox li:hover .iconsbx {
    box-shadow: 1px 1px 20px 3px #00000054;
    border-color: #dc1e4f
}

.pricerange-main .video-duration {
    text-align: center;
    margin-top: 35px
}

.pricerange-main .video-duration h6 {
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.pricerange-main .video-duration span {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.pricerange-main .video-qty {
    padding: 25px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 25px 5px #0000002b;
    text-align: center
}

.pricerange-main .video-qty #videoqty {
    background: #fff;
    width: 90px;
    margin: 0 10px 0 0;
    padding: 7px 15px;
    border-radius: 30px;
    border: 1px solid #ccc;
    color: #242424;
    text-align: center;
    font-weight: 600;
    font-size: 14px
}

.pricerange-main .video-qty h6,
.pricerange-main .video-qty label {
    font-size: 18px;
    font-weight: 600;
    color: #242424;
    margin-bottom: 20px
}

.pricerange-main .video-qty label {
    font-size: 14px
}

.mainpriceng-count {
    margin-top: 40px;
    position: relative
}

.animation-pricing {
    padding: 38px 10px;
    opacity: 1;
    text-align: center;
    border-top: 1px solid #fff;
    margin-top: 30px
}

.animation-pricing .col-md-4+.col-md-4 {
    border-left: 1px solid #ccc
}

.animation-pricing h6 {
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 10px;
    color: #fff
}

.animation-pricing h5 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin: 0
}

.posini {
    position: initial
}

.animation-pricing .costing-initial {
    text-decoration: line-through
}

.btnorders-pricing {
    margin-top: 40px
}

.btnorders-pricing .topnavs .livchat-divs {
    border-bottom: none;
    margin-top: 8px;
    padding-bottom: 0
}

.btnorders-pricing .topnavs a {
    font-size: 22px
}

.btnorders-prices {
    margin-top: 50px;
    display: block;
    text-align: center
}

.btnorders-prices a {
    background: #fff;
    padding: 8px 58px;
    background: #fff;
    color: #ff0042;
    font-size: 20px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    box-shadow: -1px 3px 20px -1px #00000069
}

.btnorders-prices a:hover {
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(226, 226, 226, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(226, 226, 226, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(226, 226, 226, 1) 50%, rgba(255, 255, 255, 1) 100%)
}

.mainvideo-dur {
    border: 1px solid #ffff;
    padding: 14px 20px;
    border-radius: 10px
}

.mainpriceng-count .leftcont-ban a {
    margin: 50px auto auto
}

.testimonials .col-md-6:nth-child(2n):before {
    content: '';
    border-left: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

#allport .row {
    display: flex;
    align-items: center
}

.portfolio .bannermm {
    background-image: url(../images/portfolio-banner.jpg);
    padding: 250px 0 20px;
    background-position: center center
}

.portfolio .portfolio-mmbx .leftcont-ban a {
    display: none
}

.portfolio .testimonials {
    padding-top: 0
}

.logodesign-p .bannermm {
    background-image: url(../images/portfoliomain-p.jpg)!important;
    padding: 250px 0 20px;
    background-position: center center
}

.packaging-p .bannermm {
    background-image: url(../images/packaging-banner.jpg)!important;
    padding: 250px 0 20px;
    background-position: center center
}

.branding .bannermm {
    background-image: url(../images/brandingbanner.jpg)!important;
    padding: 250px 0 20px;
    background-position: center center
}

.bannermm {
    display: flex;
    align-items: center;
    padding: 0!important
}

.inner-pages .bannermm .leftcont-ban,
.inner-pg .bannermm .leftcont-ban {
    margin-top: 100px
}

.inner-pages .bannermm h1,
.inner-pages .bannermm h1 span,
.inner-pg .bannermm h1,
.inner-pg .bannermm h1 span {
    font-size: 35px
}

.inner-pages .bannermm h1 strong,
.inner-pg .bannermm h1 strong {
    font-size: 48px
}

.dropdown .anim-drop .listdiscret ul li a {
    line-height: 16px
}

.dropdown .anim-drop .listdiscret p {
    margin-bottom: 10px
}

.broucherdesign-p .incred-expe .slick-dots {
    bottom: -50px
}

.incred-expe .content-incred h3 .slides-mm {
    display: flex;
    align-items: center
}

.testimo .testimonials .row.testi-main+.row.testi-main {
    padding-top: 0
}

.mainhome .what-offer>div>ul>li div a {
    display: block!important
}

.logodesign-p .what-offer>div>ul>li div {
    padding-left: 65px
}

.animation-main .leftcont-ban a.poundbtn,
.web-design .leftcont-ban a.poundbtn {
    width: 265px
}

.animation-main .leftcont-ban a.poundbtn:hover,
.web-design .leftcont-ban a.poundbtn:hover {
    width: 330px
}

.det-packages .sechead h3 {
    font-size: 33px
}

.mainpackages .det-packages .packagesbxs .col-md-3:nth-child(n+5) {
    display: block
}

.web-design .portfoliomaindivs .portfolio-mmbx .col-md-4:nth-child(n+7) {
    display: none
}

.accordion-faq .inner ul.dotsstyl {
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 20px
}

.accordion-faq .inner ul.dotsstyl li {
    font-size: 14px;
    color: #6a6a6a!important;
    list-style: disc
}

.sitemap-main .bannermm {
    background-image: url(../images/sitemap-banner.jpg)!important;
    padding: 250px 0 20px;
    background-position: center center;
    min-height: 350px
}

.sitemap-main .bannermm .leftcont-ban {
    margin-top: 150px
}

.sitemap-main .bannermm .leftcont-ban h1 {
    border-bottom: none
}

.sitemap-main .termcndtn {
    padding: 30px 0;
    width: 100%
}

.sitemap-main .sechead {
    text-align: left
}

.martop15 {
    margin-top: 15px!important
}

.animation .toptabs1 li {
    width: 240px;
    margin-bottom: 20px
}

.enterprices-bundles .totalpackagespricess h4 b {
    position: relative
}

.enterprices-bundles .totalpackagespricess h4 b:before {
    content: '';
    background: #000;
    width: 100%;
    height: 4px;
    display: block;
    position: absolute;
    top: 19px;
    margin: auto;
    left: 0;
    right: 0;
    transform: rotate(-13deg);
    z-index: 2
}

.mainpackages .toptabs1 li {
    width: 148px
}

.portfolio .portfoliomaindivs .innertabcontents .row .col-md-3:nth-child(n+9) {
    display: block
}

.packagesbranding .innertabcontents {
    display: none
}

.packagesbranding .innertabcontents.active {
    display: block
}

.det-packages .portfoliomaindivs .tabschildrens {
    background: 0 0
}

.animation.innerpackages-p .packagesbxs {
    margin-top: 20px
}

.contact-form-main .red-bg {
    min-height: 386px
}

.contact-form-main .red-bg p a {
    color: #fff!important
}

.mainhome .bannermm.animbanner .leftcont-ban a {
    text-transform: uppercase
}

.portfoliomaindivs #logoport .tabschildrens ul li:nth-child(11n):before {
    display: none
}

.fixedform .barforms {
    transition: all .3s ease-out
}

.fixedform.fixed-forms-main .barforms {
    opacity: 1;
    left: -62px
}

.testimonials .testi-a a {
    display: none
}

#alltest .testi-a a {
    display: block
}

.padright0 {
    padding-right: 0
}

.maincta .callsdivs {
    text-align: right;
    font-size: 21px;
    padding: 36px 0 0 0
}

.maincta p {
    font-size: 16px
}

.maincta .callsdivs a {
    padding: 0 10px 0 0;
    font-size: 18px;
    font-weight: 600
}

.maincta .callsdivs a+a {
    border-left: 1px solid #fff;
    padding: 0 0 0 15px
}

.maincta .callsdivs .iconphone {
    transform: scale(.8);
    margin-top: -4px
}

.liveChat.separator {
    position: relative;
    top: 3px;
    border-right: 1px solid #fff;
    margin-right: 9px
}

@media only screen and (min-width:1100px) and (max-width:1550px) {
    .blink-bx {
        right: -200px
    }
    .bannermm {
        min-height: 480px
    }
    .mainhome .bannermm .leftcont-ban h1 {
        font-size: 30px
    }
    .mainhome .bannermm .leftcont-ban p {
        font-size: 20px
    }
    .mainhome .bannermm .leftcont-ban h1 strong {
        font-size: 41px
    }
    .inner-pg .inner-pg .bannermm h1 strong {
        font-size: 42px
    }
    .inner-pg .bannermm .leftcont-ban h1 {
        font-size: 30px
    }
    .inner-pg .bannermm h1,
    .inner-pg .bannermm h1 span {
        font-size: 30px
    }
}

.service-tab ul li a {
    border-radius: 0;
    border: 1px solid #e7e7e7
}

.ptb-20 {
    padding: 20px 0;
    margin-top: 20px
}

.creative-section h2 {
    color: #142657;
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
}

.creative-section h3.sub-title {
    font-weight: 700;
    margin: 20px 0
}

.service-tab {
    padding-bottom: 0
}

.service-tab {
    position: relative
}

.service-tab .nav-tabs {
    border-bottom: 0
}

.service-tab li {
    position: relative;
    text-align: center
}

.service-tab ul li .creative-section-box {
    background-color: #f5f5f5
}

.service-tab li a {
    padding: 15px 20px;
    color: #000;
    border: 0;
    width: 100%;
    padding: 22px 0 22px 0;
    display: block
}

.service-tab li.active .creative-section-box {

    background: -moz-linear-gradient(left, #38388a 0%, #56377d 34%, #c1364f 100%);
    background: -webkit-linear-gradient(left, #38388a 0%,#56377d 34%,#c1364f 100%);
    background: linear-gradient(to right, #38388a 0%,#56377d 34%,#c1364f 100%);

}

.service-tab li.active span {
    color: #fff
}

.service-tab li span {
    display: block;
    font-size: 15px;
    color: #505050;
    font-weight: 600;
    line-height: 16px;
    margin: 20px 0 0;
    text-transform: uppercase
}

.creative-section h3 {
    font-size: 17px;
    font-weight: 600;
    color: #000
}

.creative-section p {
    font-size: 14px;
    line-height: 31px
}

.section-padding {
    padding: 80px 0 0 0
}

.section-title {
    font-size: 40px;
    line-height: 27px;
    color: #000;
    margin-bottom: 25px;
    font-weight: 600;
    text-transform: capitalize
}

.tabsetting {
    padding-top: 6px
}

.tabtop {
    display: table;
    margin: 0 auto
}

.tabtop li a:last-child {
    padding: 10px 22px
}

.tabtop .active a {
    background-color: #ff2a40!important;
    color: #fff!important
}

.tabtop li a {
    font-weight: 700;
    color: #1b2834;
    border-radius: 0;
    margin-right: 22.008px;
    border: 1px solid #ebebeb!important
}

.single-service-tab.active {
    border-color: #ff2a40
}

.single-service-tab {
    position: relative;
    text-align: center
}

.single-service-tab.active a {
    color: #ff2a40
}

.service-tab {
    padding: 0
}

.single-service-tab.active a {
    color: #ff2a40
}

.single-service-tab a {
    color: #7a6b66;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize
}

.single-service-tab .service-icon {
    background: #fff none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 50%;
    color: #ff2a40;
    display: block;
    font-size: 60px;
    height: 100px;
    margin: 0 auto 20px;
    padding-top: 22px;
    width: 100px;
    -webkit-transition: .3s;
    transition: .3s
}

.single-service-tab a p {
    margin-bottom: 20px
}

.single-service-tab p {
    font-size: 16px
}

.row.no-margin.service-menu {
    margin-bottom: 60px;
    margin-top: 40px
}

ul.check-circle-list li {
    width: 100%;
    line-height: 30px
}

.sneak {
    margin: 70px 0 40px 0
}

.service-area .area-title p {
    font-size: 16px;
    line-height: 25px;
    color: #505050;
    margin-bottom: 35px
}

.service-area .area-title {
    margin-top: 82px
}

.subscribe i {
    color: #6f1f73
}

.flexslider {
    margin: 0 0 60px;
    background: 0 0;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2)
}

.flexslider .slides {
    zoom: 1
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.client-wrapper {
    position: relative
}

.client-img {
    float: left;
    margin-right: 20px
}

.flexslider .slides img {
    margin: 0 auto;
    height: auto;
    -moz-user-select: none;
    display: block;
    width: auto
}

.client-img img {
    vertical-align: middle
}

.client-content h5 {
    color: #272727;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 6px
}

.client-content span {
    font-size: 16px;
    color: #c4c4c4;
    font-weight: 400;
    display: inline-block
}

.client-wrapper p {
    color: #828282;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 22px;
    overflow: hidden;
    padding-right: 39px
}

.client-identity-img {
    position: absolute;
    right: 0;
    top: -114px;
    width: 100%!important;
    text-align: center;
    left: 0
}

.client-area {
    padding-top: 70px;
    padding-bottom: 50px;
    margin: 0 0 80px 0
}

.leftcont-ban h1.montfont {
    margin-top: 103px
}

.col-lg-5ths,
.col-md-5ths,
.col-sm-5ths,
.col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-5ths {
    width: 20%;
    float: left
}

@media (min-width:768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width:992px) {
    .col-md-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width:1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}

.det-packages .boxpackages:hover .packtitles .fright {
    background: #da1e38;
    right: 1px;
}

.det-packages .boxpackages:hover .packdetails .packtitles .fright:before {
    border-left-color: #da1e38;
}

.det-packages .boxpackages:hover .packdetails .botarea-pack .liovechats-bx a h5 {
    color: #da1e38;
}

.det-packages .boxpackages:hover .packdetails .botarea-pack .liovechats-bx a span:before {
    color: #da1e38;
}

.upper-combo h1 {
    background-image: linear-gradient(to right, #fd0043, #721e72);
    font-size: 30px;
    line-height: 27px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative
}

.upper-combo h1:before {
    content: "";
    color: #fff;
    position: absolute
}

.upper-combo p {
    margin-bottom: 0;
    color: #505050;
    font-size: 14px;
    line-height: 25px;
    padding-top: 16px;
    border-bottom: 2px solid #e2e5ec;
    padding-bottom: 11px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    box-shadow: 0 -25px 35px 1px rgba(0, 0, 0, .15)
}

.lower-combo h2 {
    color: #6f1f73;
    font-size: 22px;
    line-height: 27px;
    font-weight: 600
}

.lower-combo>.row {
    background-color: #fff;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 22px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .15);
    position: relative
}

.lower-combo li {
    position: relative;
    padding: 5px 0 5px 23px;
    font-size: 14px;
    color: #455164
}

.lower-combo li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    color: #6f1f73
}

.lower-combo h3 {
    font-size: 50px;
    font-weight: 700;
    color: #000;
    margin-top: 42px;
    margin-bottom: 16px
}

.lower-combo a.btn-orders {
    border: 1px solid #ff0042;
    border-radius: 30px;
    padding: 15px 12px;
    color: #ff0042;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    transition: all .3s ease-out;
    margin: 24px 0 28px;
    width: 80%;
    text-transform: uppercase
}

.lower-combo .liovechats-bx a h5 {
    font-weight: 700;
    color: #505050;
    font-size: 35px;
    margin: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.lower-combo .liovechats-bx a span {
    font-size: 19px;
    color: #505050;
    position: relative;
    right: 26px
}

.lower-combo .liovechats-bx a span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f4ad";
    position: absolute;
    right: -35px;
    top: -2px;
    color: #ff0042;
    font-size: 22px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.lower-combo h4 {
    background-image: linear-gradient(to right, #fd0043, #721e72);
    color: #fff;
    font-size: 29px;
    line-height: 23px;
    font-weight: 700;
    padding: 13px 0;
    position: relative
}

.lower-combo h4 span {
    font-weight: 600
}

.lower-combo h4:before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 999999;
    background-color: transparent;
    left: -18px;
    content: "";
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 18px solid #fd0043;
    transform: rotate(180deg);
    top: 0
}

.service-left-image {
    text-align: center
}

.mm-field.pnfields fieldset {
    left: 90px
}

.flag-container {
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.sec-pad.tms-cdts {
    position: relative
}

.sec-pad.tms-cdts h3 {
    margin-bottom: 70px
}

.red-borders {
    content: "";
    width: 130px;
    height: 2px;
    background: #f90e4e;
    position: absolute;
    left: 522px;
    top: 230px
}

.sec-pad.tms-cdts strong {
    font-size: 19.96px;
    line-height: 16px
}

.sec-pad.tms-cdts p {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 22px
}

.sec-pad.tms-cdts .sechead {
    margin-top: 170px
}

.terms-p {
    border-bottom: 2px solid #e9e9e9;
    margin-top: 40px
}

.terms-p p {
    margin-bottom: 35px
}

.terms-p p:first-child {
    margin-top: 20px
}

.terms-p:last-child {
    border: none;
    margin-bottom: 80px
}

.terms-p a {
    color: #fd2d65
}

.review-txt {
    box-shadow: 0 0 6px 5px #eee;
    border-radius: 15px;
    padding: 70px 29px 0;
    position: relative;
    margin-top: 35px;
    margin-right: 15px;
    margin-left: 15px;
    height: 100%
}

.review-txt img {
    position: absolute;
    top: -35px;
    width: auto!important
}

.review-txt h3 {
    font-family: Poppins, sans-serif;
    color: #000;
    font-size: 19.96px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 0
}

.review-txt h4 {
    color: #949494;
    font-family: Poppins, sans-serif;
    font-size: 14.97px;
    line-height: 16px
}

.review-txt p {
    font-family: Poppins, sans-serif;
    color: #676767;
    font-size: 14px;
    line-height: 22px
}

.mt {
    margin-top: 80px
}

.clients-reviews {
    margin-bottom: 80px;
    float: left;
    width: 100%
}

.card {
    margin: 10px 0;
    height: 300px
}

.contact .leftcont-ban p {
    line-height: 30px
}

.contact .leftcont-ban a {
    width: auto!important;
    display: inline-block;
    padding-top: 9px
}

.contact .leftcont-ban .expert {
    display: inline-table!important;
    margin-left: 10px;
    font-weight: 200;
    margin-top: 0;
    padding-top: 0;
    top: -14px
}

.contact .leftcont-ban .expert:before {
    content: none!important
}

.contact-txt {
    background-image: linear-gradient(to right, #f70343, rgba(106, 29, 109, .8));
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 20px 0 20px 23px
}

.contact-main {
    background: #f9f9f9;
    padding: 90px 0
}

.contact-form-main .gray-bg {
    border-radius: 12px;
    box-shadow: 0 2px 29px 0 #dfdfdf
}

.fifteen {
    font-size: 60px;
    font-weight: 700;
    color: #ed1c24;
    margin-top: 20px;
    margin-bottom: 0
}

.award-txt {
    font-size: 32px;
    line-height: 38px
}

.award {
    padding: 77px 0
}

.award .contact-img ul li {
    display: inline;
    margin-right: 21px
}

.contact-txt img {
    float: left;
    margin-right: 20px;
    padding-top: 8px
}

.mt-0 {
    margin-right: 0!important
}

.accessible {
    margin-top: 88px
}

.accessible-borders {
    margin-top: 40px;
    width: 100%;
    height: 1px;
    background: #dfdfdf
}

.about-pngs img {
    text-align: center
}

.about-pngs {
    margin-bottom: 66px
}

.t-n-w {
    margin: 55px
}

.txt-center {
    text-align: center
}

.accessible-txt p {
    font-size: 16px;
    font-style: italic;
    margin-bottom: 40px
}

.point-txt {
    text-align: center;
    position: relative
}

.point-txt h6 {
    font-size: 25px;
    line-height: 25px;
    color: #f70245;
    font-weight: 700
}

.point-txt p {
    font-size: 20px;
    line-height: 2px;
    color: #505050;
    margin-top: 20px
}

.point-txt:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    width: 1px;
    height: 60px;
    background: #dadada;
    right: 0;
    top: -6px
}

.no-point-txt:after {
    content: none
}

.about-points {
    background: #f9f9f9;
    padding: 25px 0
}

.all-about-imgs {
    display: flex
}

.about-imgs {
    width: 33.33%;
    margin-right: .1%
}

.about-imgs img {
    width: 100%
}

.boxes {
    background: #f9f9f9;
    padding: 85px 0
}

.boxes .box {
    background: #1d2243;
    height: 300px
}

.maincta .callsdivs a span {
    font-size: 18px;
    font-weight: 300
}

.liststylss h4 {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: 14px
}

.liststylss p {
    font-size: 13px;
    color: #505050;
    margin-bottom: 0
}

.liststylss a {
    padding-left: 0!important;
    padding-top: 10px!important;
    padding-right: 0!important;
    padding-bottom: 10px!important
}

.liststylss h6 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000
}

.upper-combo {
    position: relative
}

.upper-combo:before {
    content: '';
    position: absolute;
    right: 15px;
    background: url(../img/sprites.png) no-repeat;
    background-position: -568px 0;
    width: 130px;
    height: 146px;
    top: -8px;
    z-index: 2
}

.upper-combo a.montfont:hover {
    background: linear-gradient(to right, #fd0043, #721e72);
    color: #fff
}

.upper-combo .liovechats-bx a:hover h5 {
    color: #ff0042
}

.upper-combo .liovechats-bx a:hover span:before {
    color: #6f1f73
}

.single-service-tab-content {
    margin-top: 18px
}

.flex-control-paging li a.flex-active {
    background: #da1e38;
}

.nav-submenu {
    background: #fff;
    left: 0;
    width: 100%;
    transform: initial;
    font-family: 'Open Sans', sans-serif;
    text-transform: initial;
    letter-spacing: initial;
    z-index: 2222;
    padding: 0 20px
}

.firstsubmenu-tabs {
    position: relative;
    z-index: 2
}

.firstsubmenu-tabs h3,
.selector-page .selector h3 {
    color: #000;
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: all .3s ease-out
}

.firstsubmenu-tabs p,
.selector p {
    color: #404040;
    font-size: 14px
}

.selector p {
    font-size: 12px
}

.nav-submenu .firstsubmenu-tabs ul li a {
    padding: 14px 0 14px 00px;
    position: relative;
    text-transform: initial;
    color: #000
}

.nav-submenu li:not(:first-child) {
    border-top: 1px solid #e3e3e3
}

.nav-submenu .mcs-horizontal-example {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    margin: 25px 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nav-submenu .mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mcs-horizontal-example .col-md-4 {
    white-space: normal;
    width: 220px
}

.overlayhov-nav {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    margin: auto;
    background: rgba(224, 0, 48, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden
}

.selector-page ul li h5 {
    font-size: 22px;
    margin-top: 19px
}

.selector-page ul li.selected {
    background-color: #baefb3;
    box-shadow: inset 0 0 0 1px #30c51d
}

.selector-page ul li+li {
    margin-left: 10px
}

.selector-page ul li {
    display: inline-block!important;
    max-width: 23%;
    border-radius: 4px;
    border-top: 0!important
}

.selector-page ul li img {
    width: 100%
}

.selector-page ul {
    font-size: 0;
    list-style: none;
    padding: 0 0 25px 0;
    display: inline-block
}

.selector-page .selector h3 {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.selector-page .selector h4 {
    text-transform: uppercase;
    color: #505050;
    font-size: 14px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600
}

.selector-page .selector a {
    position: relative;
    text-transform: initial;
    color: #f30343;
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.tiles .tile {
    display: inline-block;
    text-align: left;
    opacity: .99;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05)
}

.tiles .tile:before {
    content: '';
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
    width: 100%;
    height: 50%;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    transition-property: top, opacity;
    transition-duration: .3s
}

.tiles .tile img {
    display: block;
    max-width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.tiles .tile .details {
    font-size: 16px;
    padding: 20px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3
}

.tiles .tile .details span {
    display: block;
    opacity: 0;
    position: relative;
    top: 100px;
    transition-property: top, opacity;
    transition-duration: .3s;
    transition-delay: 0s
}

.tiles .tile .details .title {
    line-height: 1;
    font-weight: 600;
    font-size: 18px
}

.tiles .tile .details .info {
    line-height: 1.2;
    margin-top: 5px;
    font-size: 12px
}

.tiles .tile:focus span,
.tiles .tile:focus:before,
.tiles .tile:hover span,
.tiles .tile:hover:before {
    opacity: 1
}

.tiles .tile:focus:before,
.tiles .tile:hover:before {
    top: 50%
}

.tiles .tile:focus span,
.tiles .tile:hover span {
    top: 0
}

.tiles .tile:focus .title,
.tiles .tile:hover .title {
    transition-delay: .15s
}

.tiles .tile:focus .info,
.tiles .tile:hover .info {
    transition-delay: .25s
}

.single-head h2 {
    color: #ff2a40;
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    text-align: left
}

.single-head p {
    font-size: 14px;
    line-height: 31px;
    text-align: left
}

.learn-more-tab {
    width: 100%;
    display: -webkit-inline-box
}

.learn-more-tab a {
    background: #da1e38;
    color: #fff;
    padding: 12px 62px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 16px;
    margin-top: 12px;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid transparent;
}

.learn-more-tab a:hover {
    background: 0 0;
    border-color: #292764;
    color: #292764;
}

.other-service-left h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: 700
}

.other-service-left p {
    color: #505050;
    margin-bottom: 24px
}

.other-service-left-padding {
    padding-left: 40px
}

.other-service-left ul li {
    width: 100%;
    margin-bottom: 10px
}

.other-service-left ul li a {
    background-image: linear-gradient(to right, #f70343, rgba(106, 29, 109, .8));
    text-align: left;
    padding: 10px 0!important;
    padding-left: 16px!important;
    border-radius: 4px;
    font-size: 16px!important
}

.pricing-dropdown-ul li {
    max-width: 82%!important
}

.pricing-dropdown {
    width: 50%
}

.lower-combo .cutprice {
    text-decoration: line-through
}

.request-quote a {
    border: 1px solid #ff0042;
    border-radius: 30px;
    padding: 10px 28px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    transition: all .3s ease-out;
    margin: 5px 0 0;
    color: #fff;
    background: linear-gradient(to right, #fd0043, #721e72);
    margin-top: 24px
}

.request-quote a:hover {
    background: #fff;
    color: #ff0042;
    border-color: #cbcbcb
}

.selector-page ul li:nth-child(5) {
    margin-left: 0
}

.pricing-dropdown-ul li {
    margin-left: 0!important
}

.creative-digital .sechead {
    text-align: left
}

.creative-digital .sechead ul {
    margin-top: 44px
}

.creative-digital .sechead ul li {
    display: inline-block
}

.creative-digital .sechead ul li:first-child a {
    background: linear-gradient(to right, #fd0043, #721e72);
    color: #fff;
    padding: 12px 40px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 16px;
    margin-top: 12px;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid transparent
}

.creative-digital .sechead ul li:first-child a:hover {
    background: #fff;
    color: #721e72;
    border-color: #721e72
}

.creative-digital .sechead ul li:last-child a {
    color: #fff;
    padding: 12px 40px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 16px;
    margin-top: 12px;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid #721e72;
    color: #721e72;
    margin-left: 10px
}

.creative-digital .sechead ul li:last-child a:hover {
    background: linear-gradient(to right, #fd0043, #721e72);
    color: #fff;
    border-color: transparent
}

.creative-bix {
    background-color: #f9f9f9;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 28px;
    border: 1px solid #e7e7e7
}

.creative-bix p {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #505050;
    margin-bottom: 0;
    margin-top: 10px
}

.creative-bix.creative-bix-no-margin {
    margin-bottom: 0
}

.creative-left-container {
    margin-top: 22px
}

.creative-digital {
    margin-bottom: 70px
}

.pacakge-details {
    background-image: url(../img/pricing-details--bg.jpg);
    background-size: cover
}

.pacakge-details.det-packages {
    background-color: transparent;
    width: auto;
    float: none;
    padding: 0;
    margin-top: 60px;
    margin-bottom: 80px;
    padding-bottom: 60px
}

.pacakge-details .boxpackages {
    margin-bottom: 0;
    border: 2px solid #6f1f73;
    position: absolute;
    top: -24px;
    height: 530px
}

.pricing-details-left .sechead {
    text-align: left;
    color: #fff;
    margin-left: 40px
}

.pricing-details-left .sechead h3 {
    color: #fff
}

.pricing-details-left .sechead p {
    color: #fff;
    font-size: 17px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 14px
}

.pricing-details-left ul li:first-child a {
    background: #fff;
    color: #fc0143;
    padding: 12px 40px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 16px;
    margin-top: 0;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid transparent;
    display: table
}

.pricing-details-left ul li:first-child a:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.pricing-details-left ul li {
    display: inline-block
}

.pricing-details-left ul li .liovechats-bx {
    background: 0 0;
    color: #fc0143;
    padding: 0 47px 4px;
    margin-left: 10px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid #fff;
    display: table
}

.pricing-details-left ul li .liovechats-bx:hover {
    background: #fff;
    color: #fc0143
}

.pricing-details-left ul li .liovechats-bx:hover h5,
.pricing-details-left ul li .liovechats-bx:hover span {
    color: #fc0143
}

.pricing-details-left ul li .liovechats-bx span {
    font-size: 10px;
    color: #fff;
    position: relative
}

.pricing-details-left ul li .liovechats-bx a span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f4ad";
    position: absolute;
    right: -25px;
    top: -2px;
    color: #fff;
    font-size: 16px
}

.pricing-details-left ul li .liovechats-bx:hover a span:before {
    color: #721e72
}

.pricing-details-left ul li .liovechats-bx h5 {
    font-size: 18px;
    margin: 0;
    color: #fff
}

.pricing-details-left ul {
    margin-bottom: 0;
    margin-top: 24px
}

.pacakge-details .boxpackages .fright:before {
    border-left-color: #fd0043
}

.pacakge-details .boxpackages .fright {
    background: linear-gradient(to right, #fd0043, #721e72);
    right: 1px
}

.pacakge-details .boxpackages:hover {
    border-width: 2px
}

.pricing-details-left .sechead h3 {
    margin-top: 50px;
    margin-bottom: 0
}

.pacakge-details .listpacks {
    height: 350px
}

.page-details-header {
    padding-top: 105px
}

.botarea-pack .fleft {
    float: left;
    width: 50%!important;
    border-right: 2px solid #e2e5ec;
    padding-right: 20px
}

.botarea-pack .fright {
    width: 50%!important
}

.view-details-container {
    text-align: center;
    margin-bottom: 12px
}

.view-details-container a {
    text-transform: uppercase;
    font-size: 13px;
    color: #a09e9e;
    font-weight: 600
}

.det-packages .boxpackages:hover .view-details-container a {
    color: #000
}

#return-to-top {
    position: fixed;
    bottom: 4%;
    left: 4%;
    background: #21b6f2;
    width: 60px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 0;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 9999999;
    border-radius: 4px;
}

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

#return-to-top:hover {
    background: #14295a;
}

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

.floating_wrap .float_form_box {
    position: fixed;
    right: 0;
    z-index: 99999999
}

.floating_wrap .float_form_box .floating_form {
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: 20%;
    position: fixed;
    right: -334px;
    width: 400px;
    font-size: 0;
    background: #fff;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 0 40px #00000026!important;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    float: left;
    width: 66px;
    overflow: hidden;
    height: 400px;
    position: relative;
    background: #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a {
    color: #fff;
    font-size: 24px;
    width: 400px;
    text-align: center;
    height: 66px;
    padding-top: 16px;
    position: absolute;
    transform: rotate(360deg)
}

.floating_wrap .btn {
    background-image: linear-gradient(to right, #fd0043, #721e72);
    color: #fff;
    padding: 12px 62px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 16px;
    margin-top: 12px;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid transparent
}

.floating_wrap input {
    height: 40px;
    border-radius: 8px
}

.floating_wrap [type=email] {
    padding-left: 12px;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #ccc;
    color: #555
}

.floating_wrap .float_form_box .floating_form .floating_inner {
    width: 83.5%;
    background: #fff;
    float: right;
    padding: 20px 30px 15px 30px
}

.floating_wrap .float_form_box .floating_form .floating_inner h3 {
    font-size: 24px;
    color: #16a085;
    margin-bottom: 0;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin-top: 24px
}

.margin-bottom-10 {
    margin-top: 10px
}

.alertofferFormContactnew {
    position: absolute;
    bottom: -32px;
    font-size: 14px;
    left: -15px;
    right: -15px
}

.floating_wrap .float_form_box .floating_form.open {
    right: 0;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#sidebarForm .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 53px
}

#sidebarForm .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input {
    padding-left: 64px
}

#sidebarForm .flag-container {
    border: 1px solid #ccc
}

#sidebarForm .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    border-right: 0
}

#sidebarForm .intl-tel-input {
    width: 100%
}

#sidebarForm button.btn:hover {
    background: 0 0;
    border-color: #ff0042;
    color: #ff0042
}

.banner-form-box {
    border-style: solid;
    border-width: 2px;
    border-color: #772877;
    border-radius: 10px;
    background-color: rgba(244, 244, 244, .902);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .15);
    padding-top: 32px;
    padding-bottom: 28px;
    position: relative;
    top: 50px;
    margin: 0 8%
}

.banner-form-box h1 {
    color: #000;
    font-size: 23px;
    font-weight: 400;
    text-align: center;
    margin-top: 0;
    margin-bottom: 4px
}

.banner-form-box h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: #f60245;
    font-size: 30px;
    font-weight: 700;
    text-align: center
}

.banner-form {
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 20px
}

.banner-form .form-group {
    margin-bottom: 10px
}

.banner-form input {
    border-style: solid;
    border-width: 1px;
    border-color: #dadada;
    border-radius: 10px;
    background-color: #fff!important;
    height: 59px;
    padding-left: 14px;
    font-size: 14px;
    color: #505050;
    line-height: 25px
}

.banner-form button {
    background-image: -moz-linear-gradient(0deg, #ff0042 0, #6f1f73 100%);
    background-image: -webkit-linear-gradient(0deg, #ff0042 0, #6f1f73 100%);
    background-image: -ms-linear-gradient(0deg, #ff0042 0, #6f1f73 100%);
    height: 60px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px
}

.banner-form p {
    margin-top: 18px;
    text-align: center;
    color: #505050;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0
}

.banner-form .intl-tel-input {
    width: 100%
}

.banner-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    border-right: 0
}

.banner-form .intl-tel-input.separate-dial-code .flag-container {
    height: 57px;
    top: 1px;
    border: 1px solid #dadada;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-right: 1px solid #dadada
}

.banner-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 96px
}

.banner-form-box button {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid transparent
}

.banner-form-box button:hover {
    background: #fff;
    border-color: #ff0042;
    color: #ff0042
}

.testi-txt h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 16.03px;
    color: #505050;
    margin-top: 0px;
}

.testi-col {
    margin-top: 15px
}

.testi-txt p {
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 15px;
    color: #8c8c8c
}

.testi-txt i {
    color: #f58221
}

.testi-p {
    font-size: 16px;
    line-height: 28px;
    color: #676767;
    margin-top: 22px;
    margin-bottom: 20px
}

.testi-img {
    float: left;
    height: 100px;
    margin-right: 18px
}

.testi-img img {
    margin-top: 0px
}

.testi-col button {
    color: #fff;
    font-size: 13px;
    width: 45%;
    background-image: linear-gradient(to right, #f70343, rgba(106, 29, 109, .8));
    border: none;
    border: 1px solid #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    font-weight: 600;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.testi-col button:hover {
    background: #fff;
    border-color: #ff0042;
    color: #ff0042
}

.testi-col .testi-btn-two {
    background: #fff;
    height: 49px;
    border: none;
    border: 1px solid #cbcbcb;
    color: #fe0042;
    margin-left: 1%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.testi-col .testi-btn-two:hover {
    background-image: linear-gradient(to right, #f70343, rgba(106, 29, 109, .8));
    color: #fff
}

.testimonials-two {
    height: 38rem
}

.testmonials {
    margin-bottom: 0
}

.testmonials iframe {
    position: relative;
    top: 0;
    width: 90%;
    height: 380px;
    transform: scale(1.1)
}

.testi-main-h {
    margin-bottom: 50px
}

@media(max-width:1199px) {
    .testi-col {
        margin-top: 0
    }
}

@media(max-width:991px) {
    .testmonials {
        margin-bottom: 70px
    }
    .testi-img img {
        margin-top: 0
    }
    .testi-col button {
        width: 40%
    }
    .testmonials iframe {
        margin-top: 50px;
        position: unset
    }
    .testimonials-two {
        height: auto;
        padding-bottom: 50px
    }
    .testimonials-two iframe {
        margin-bottom: 30px
    }
    .testi-main-h br {
        display: none
    }
    .testi-main-h {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media(max-width:767px) {
    .testi-main-h p {
        margin-top: 8px;
        font-size: 16px!important
    }
}

@media(max-width:575px) {
    .testmonials {
        text-align: center
    }
    .testi-img {
        float: none;
        height: auto
    }
    .testi-col .testi-btn-two,
    .testi-col button {
        width: 70%;
        margin: 0 auto;
        margin-bottom: 20px;
        display: block
    }
}

.logo-how-works li .image-box,
.logo-tabs-section li .image-box,
.web-tabs-section li .image-box,
.website-how-work li .image-box {
    width: 48px;
    height: 51px;
    margin: 0 auto;
    background-position: 0 -3px
}

.logo-how-works li.active .image-box,
.logo-tabs-section li.active .image-box,
.web-tabs-section li.active .image-box,
.website-how-work li.active .image-box {
    background-position: -55px -3px
}

.web-tabs-section li:nth-child(2) .image-box {
    background-image: url(../img/tabs/web-tabs/cms-web-sprite.png)
}

.web-tabs-section li:first-child .image-box {
    background-image: url(../img/tabs/web-tabs/custom-web-sprite.png)
}

.web-tabs-section li:nth-child(3) .image-box {
    background-image: url(../img/tabs/web-tabs/ecommerce-sprite.png)
}

.web-tabs-section li:nth-child(4) .image-box {
    background-image: url(../img/tabs/web-tabs/static-sprite.png)
}

.website-how-work li:first-child .image-box {
    background-image: url(../img/tabs/home-tabs/home-logo-brief-sprite.png)
}

.website-how-work li:nth-child(2) .image-box {
    background-image: url(../img/tabs/home-tabs/home-web-concept-sprite.png)
}

.website-how-work li:nth-child(3) .image-box {
    background-image: url(../img/tabs/home-tabs/home-web-revision-sprite.png)
}

.website-how-work li:nth-child(4) .image-box {
    background-image: url(../img/tabs/home-tabs/home-web-final-sprite.png)
}

.logo-tabs-section li:first-child .image-box {
    background-image: url(../img/tabs/logo-tabs/iconic-icon-sprite.png)
}

.logo-tabs-section li:nth-child(2) .image-box {
    background-image: url(../img/tabs/logo-tabs/typo-icon-sprite.png)
}

.logo-tabs-section li:nth-child(3) .image-box {
    background-image: url(../img/tabs/logo-tabs/illustrative-icon-sprite.png)
}

.logo-tabs-section li:nth-child(4) .image-box {
    background-image: url(../img/tabs/logo-tabs/animated-icon-sprite.png)
}

.logo-tabs-section li:nth-child(5) .image-box {
    background-image: url(../img/tabs/logo-tabs/3d-icon-sprite.png)
}

.logo-tabs-section li:last-child .image-box {
    background-image: url(../img/tabs/logo-tabs/wordmark-icon-sprite.png)
}

.logo-how-works li:first-child .image-box {
    background-image: url(../img/tabs/home-tabs/home-logo-brief-sprite.png)
}

.logo-how-works li:nth-child(2) .image-box {
    background-image: url(../img/tabs/home-tabs/home-logo-concept-sprite.png)
}

.logo-how-works li:nth-child(3) .image-box {
    background-image: url(../img/tabs/home-tabs/home-logo-revision-sprite.png)
}

.logo-how-works li:nth-child(4) .image-box {
    background-image: url(../img/tabs/home-tabs/home-logo-revision-sprite.png)
}

.logo-how-works li:last-child .image-box {
    background-image: url(../img/tabs/home-tabs/home-logo-final-sprite.png)
}

.kerze-banner {
    background-image: url(../img/Kerze-banner.png);
    height: 78rem;
    background-repeat: no-repeat;
    background-size: cover
}

.kerze-banner .col-md-12 {
    margin-top: 13%
}

.kerze-banner h2 {
    font-size: 130px;
    font-weight: 700;
    color: #838280;
    font-family: Poppins, sans-serif;
    margin-bottom: 70px
}

.kerze-tv img {
    margin-left: -21%
}

.type-face {
    margin-bottom: 170px
}

.colours h2,
.kerz-proto h2,
.kerz-result h2,
.kerzek-about h2,
.type-face h2 {
    font-size: 45px;
    line-height: 35px;
    color: #000;
    float: left;
    margin-right: 20px
}

.colours h2,
.kerz-proto h2 {
    text-align: right;
    float: none
}

.colours hr,
.kerz-proto hr,
.kerz-result hr,
.kerzek-about hr,
.type-face hr {
    width: 120px;
    margin-left: 20px;
    border: 5px solid #000;
    margin-top: 30px;
    display: inline-block
}

.colours hr,
.kerz-proto hr {
    float: left;
    margin-right: 9px;
    text-align: right;
    margin-left: 95px
}

.kerz-proto hr {
    margin-left: 34%
}

.satisfy {
    font-family: Satisfy, cursive
}

.satisfy h2 {
    font-size: 42px
}

.satisfy h3 {
    font-size: 33px
}

.satisfy h5 {
    font-size: 31px;
    font-weight: 400;
    border-bottom: 3px solid #a7a6a4;
    width: 90%;
    margin-top: 40px;
    padding-bottom: 50px;
    margin-bottom: 53px
}

.lato {
    font-family: Lato, sans-serif
}

.lato h2 {
    font-size: 40px
}

.lato h3 {
    font-size: 28px
}

.lato span {
    font-size: 28px;
    font-weight: 700
}

.lato-let h5 {
    font-size: 30px;
    font-weight: 400
}

.lato-let {
    margin-top: 45px
}

.type-face .col-lg-5 {
    margin-bottom: 105px
}

.circles {
    width: 175px;
    height: 175px;
    border-radius: 90px;
    box-shadow: 0 0 41px 6px #d6d6d6;
    margin-right: 82px
}

.circles:last-child {
    margin-right: 0
}

.colours .black {
    background: #000
}

.colours .white {
    background: #fff
}

.colours .purple {
    background: #a1a9d6
}

.colours .pink {
    background: #f49ac1
}

.colours .circle {
    display: flex
}

.circle {
    margin-top: 95px;
    margin-bottom: 208px
}

.kerzek-about {
    background-image: url(../img/kerze-about-1.jpg);
    z-index: -3;
    position: relative;
    padding: 160px 0 170px;
    background-position: 77%;
    background-repeat: no-repeat;
    background-size: cover
}

.kerz-about-txt {
    background-color: #a1a9d6;
    padding: 95px 90px;
    margin-top: 80px;
    position: relative
}

.kerz-about-txt p {
    font-size: 18px;
    line-height: 35px
}

.kerz-about-txt img {
    position: absolute;
    z-index: -2;
    top: 22px;
    left: 48px;
    width: 97%
}

.proto {
    margin-top: 55px
}

.kerz-proto {
    text-align: right
}

.kerz-proto h2 {
    margin-bottom: 80px
}

.kerz-proto h3 {
    color: #000;
    font-size: 38px;
    line-height: 35px
}

.kerz-proto p {
    margin-top: 25px;
    font-size: 18px;
    line-height: 30px
}

.proto hr {
    border: 3px solid #f49ac1;
    margin-top: 0;
    text-align: right;
    margin: 0;
    display: block;
    margin-left: 45%;
    width: 53%
}

.proto-border {
    position: absolute;
    text-align: 33;
    top: -31px;
    left: 60%;
    z-index: -1;
    width: 90%;
    height: 95%
}

.proto-row {
    margin: 70px auto 90px
}

.kerz-proto .desing-c {
    text-align: left
}

.kerz-proto .desing-c hr {
    margin-left: 0
}

.proto-border-r {
    left: -50%
}

.kerz-result i {
    float: left;
    color: #f49ac1;
    font-size: 8px;
    margin-top: 16px;
    height: 29px;
    margin-right: 25px
}

.kerz-result ul {
    margin-top: 55px
}

.kerz-result ul li {
    font-size: 18px;
    line-height: 38px;
    margin-bottom: 25px
}

.kerz-result img {
    position: relative;
    top: 130px;
    width: 100%
}

.kerz-foot {
    background-image: url(../img/footer.jpg);
    background-size: cover;
    height: 58rem
}

.kerz-foot p {
    margin-top: 41%
}

@media (max-width:1600px) {
    .kerzek-about {
        height: 64rem
    }
    .kerz-about-txt {
        background-color: #a1a9d6;
        padding: 65px 65px;
        margin-top: -10px
    }
    .about-row {
        margin-top: -9%;
        margin-bottom: 3%
    }
    .kerz-result i {
        height: 80px
    }
    .kerz-foot {
        height: 45rem
    }
    .kerz-foot p {
        margin-top: 31%
    }
}

@media (max-width:1199px) {
    .kerze-banner h2 {
        font-size: 111px
    }
    .kerze-tv img {
        margin-left: 0
    }
    .kerz-result h2 {
        font-size: 35px
    }
    .type-face .col-lg-5 {
        margin-bottom: 50px;
        margin-top: 50px
    }
    .lato-let h5,
    .satisfy h5 {
        font-size: 25px
    }
    .circles {
        margin-right: 26px
    }
    .colours hr {
        margin-left: 0
    }
    .kerz-about-txt {
        padding: 40px 40px
    }
    .kerz-proto hr {
        margin-left: 15%;
        margin-top: 12px
    }
    .proto {
        margin-top: 0
    }
    .kerz-proto p {
        margin-top: 40px;
        line-height: 24px
    }
    .kerz-result ul li {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 20px
    }
    .kerz-result i {
        height: 48px
    }
    .kerz-result img {
        top: 225px
    }
    .kerz-foot {
        height: 37rem
    }
    .kerz-proto h3 {
        color: #000;
        font-size: 25px
    }
}

@media (max-width:991px) {
    .kerze-banner h2 {
        font-size: 85px
    }
    .kerze-banner {
        height: 60rem
    }
    .colours hr {
        margin-left: -31%
    }
    .circles {
        width: 130px;
        height: 130px
    }
    .circle {
        margin-bottom: 115px
    }
    .kerz-about-txt p {
        font-size: 16px;
        line-height: 28px
    }
    .kerzek-about {
        height: 52rem
    }
    .about-row {
        margin-top: -14%
    }
    .kerz-about-txt img {
        width: 93%;
        height: 309px
    }
    .proto hr {
        margin-left: 45%
    }
    .kerz-proto p {
        font-size: 16px
    }
    .proto {
        margin-top: -64px
    }
    .kerz-proto h2 {
        font-size: 32px
    }
    .kerz-result img {
        top: 155px
    }
    .kerz-result ul {
        margin-top: 30px
    }
    .kerz-foot {
        height: 30rem
    }
}

@media (max-width:767px) {
    .kerze-banner h2 {
        font-size: 60px;
        text-align: center
    }
    .kerze-banner .col-md-12 {
        margin-top: 20%
    }
    .kerze-banner h2 {
        margin-bottom: 35px
    }
    .circles {
        margin-right: 57px
    }
    .colours h2 {
        text-align: center
    }
    .kerz-about-txt {
        background-color: rgb(161, 169, 224, .7)
    }
    .proto {
        text-align: center;
        margin-bottom: 70px
    }
    .proto-row img {
        margin-bottom: 70px
    }
    .proto hr {
        margin-left: 21%
    }
    .kerz-result i {
        height: 32px;
        margin-top: 7px
    }
    .kerz-result img {
        top: 65px
    }
    .kerz-foot {
        background-position: 100%
    }
    .kerz-foot p {
        margin-top: 33%
    }
}

@media (max-width:767px) {
    .kerze-banner .col-md-12 {
        margin-top: 30%
    }
    .kerze-banner h2 {
        font-size: 41px
    }
    .kerze-banner {
        height: 38rem
    }
    hr {
        display: none!important
    }
    .type-face {
        margin-bottom: 40px
    }
    .circle {
        margin-top: 60px;
        margin-bottom: 60px
    }
    .circles {
        width: 70px;
        height: 70px;
        margin-right: 34px
    }
    .about-row {
        margin-top: -33%
    }
    .kerz-about-txt p {
        font-size: 15px
    }
    .kerz-about-txt {
        padding: 15px 15px
    }
    .kerz-foot p {
        margin-top: 60%
    }
    .kerz-proto h2,
    .kerz-result h2 {
        text-align: center
    }
    .kerz-proto h2 {
        font-size: 26px
    }
    .kerz-result ul {
        margin-top: 90px
    }
    .kerz-result i {
        height: 54px;
        margin-top: 7px
    }
}

li.parenturl.dropdown:hover ul {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 2px solid #ff0042;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}

li.parenturl.dropdown:hover ul li {
    width: 100%
}

li.parenturl.dropdown:hover ul li a {
    color: #000;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    font-size: 14px
}

.chilli-banner {
    background-image: url(../img/chilli-banner.png)
}

.chilli-banner h2 {
    text-align: center;
    color: rgba(255, 255, 255, .4)
}

.chilli-satisfy {
    font-family: Courgette, cursive
}

.open_sans {
    font-family: 'Open Sans', sans-serif
}

.colours .red {
    background-color: #f03939
}

.chilli-about-txt {
    background-color: #f03939;
    color: #fff
}

.chilli-proto hr {
    border: 3px solid #f03939
}

.chilli-result i {
    color: #f03939
}

.chilli-foot {
    background-image: url(../img/chilli-footer.jpg)
}

.chilli-footer {
    background-color: red;
    height: 80px;
    color: #fff
}

.chilli-foot img {
    position: relative;
    top: 287px
}

.chilli-about-txt img {
    height: 310px
}

.chilli-about h2 {
    line-height: 54px
}

.chilli-about {
    background-color: #e6e6e6
}

.chilli-colours .circle {
    justify-content: flex-end
}

@media (max-width:1600px) {
    .chilli-about .abt-img {
        margin-top: -75px
    }
    .chilli-foot img {
        top: 158px
    }
}

@media (max-width:1199px) {
    .chilli-about .abt-img {
        margin-top: -35px;
        width: 75%
    }
    .chilli-foot img {
        top: 156px;
        width: 29%
    }
    .chilli-proto .proto-border {
        width: 59%
    }
    .chilli-proto .proto-border-r {
        left: -19%
    }
}

@media (max-width:991px) {
    .chilli-about-txt img {
        height: 229px
    }
    .chilli-foot img {
        top: 30px;
        width: 37%
    }
    .chilli-footer {
        line-height: 60px
    }
}

@media (max-width:767px) {
    .chilli-foot .col-lg-12 {
        width: 100%;
        text-align: center
    }
    .chilli-foot img {
        top: 50px;
        width: 37%
    }
    .chilli-about {
        height: 81rem;
        padding: 277px 0 0 0
    }
    .chilli-about-txt {
        padding: 56px 15px;
        margin-bottom: 85px
    }
    .chilli-about .abt-img {
        width: 44%
    }
    .chilli-type {
        margin-top: 34%
    }
    .chilli-colours .circles {
        width: 100px;
        height: 100px;
        margin-right: 20px
    }
    .chilli-about-txt img {
        left: 20px;
        width: 100%;
        height: 205px
    }
}

@media (max-width:575px) {
    .chilli-foot img {
        width: 66%
    }
    .chilli-about .abt-img {
        width: 75%
    }
    .chilli-about-txt img {
        height: 284px
    }
    .chilli-about {
        padding: 162px 0 0
    }
    .chilli-type {
        margin-top: 0
    }
    .chilli-banner .col-md-12 {
        margin-top: 38%
    }
    .chilli-footer {
        padding: 20px
    }
}

.canada-banner {
    background-image: url(../img/canada-banner.jpg)
}

.canada-banner h2 {
    color: #ced3d8;
    font-size: 119px;
    opacity: .5
}

.canada-about {
    background-image: url(../img/canada-about.jpg)
}

.canada-about-txt {
    background-color: #3ee0a4
}

.colours .green {
    background-color: #3ee0a4
}

.colours .yellow {
    background-color: #ff0
}

.canada-result i {
    color: #3ee0a4
}

.canada-proto hr {
    border: 3px solid #3ee0a4
}

.canada-footer {
    background-image: url(../img/canada-footer.jpg)
}

.nunito,
.nunito-let {
    font-family: Nunito, sans-serif
}

.stroke {
    font-family: stroke;
    color: #000
}

@media (max-width:991px) {
    .vitasave-banner .col-md-12 {
        margin-top: 23%
    }
    .vitasave-banner h2 {
        font-size: 75px
    }
    .vitasave-t {
        margin-top: 80px
    }
}

@media (max-width:767px) {
    .vitasave-banner h2 {
        font-size: 56px
    }
    .vitasave-t {
        margin-top: 200px
    }
    .vitasave-colours .circle {
        justify-content: center
    }
    .vitasave-about {
        padding-top: 285px;
        background-position: 87%
    }
    .vitasave-about img {
        width: 100%;
        height: 293px;
        left: 21px
    }
    .vitasave-foot p {
        margin-top: 34%
    }
}

.vitasave-about-txt {
    background-color: rgba(62, 224, 164, .6);
    padding: 95px 82px 91px
}

@media (max-width:567px) {
    .vitasave-banner .col-md-12 {
        margin-top: 38%
    }
    .vitasave-t {
        margin-top: 0
    }
    .vitasave-banner h2 {
        font-size: 38px
    }
    .vitasave-foot {
        background-position: 93%
    }
    .vitasave-foot p {
        margin-top: 60%
    }
    .vitasave-about {
        padding-top: 155px
    }
    .vitasave-about-txt {
        padding: 55px 35px 27px;
        margin-top: 18px
    }
}

.testmonials .nav {
    margin-bottom: 100px;
    display: flex;
    border: 0;
    text-align: center;
    justify-content: center
}

.testmonials .nav li {
    float: none;
    width: 175px;
    margin-right: 8px
}

.testmonials .nav li:last-child {
    margin-right: 0
}

.testmonials .nav-tabs>li>a {
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 50px;
    color: #6f1f73;
    font-size: 15px;
    width: 100%;
    border: none;
    border: 1px solid #cbcbcb;
    height: 50px;
    line-height: 30px;
    font-weight: 500
}

.testmonials .nav-tabs>li.active>a,
.testmonials .nav-tabs>li.active>a:focus,
.testmonials .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
    background-image: linear-gradient(to right, #f70343, rgba(106, 29, 109, .8))
}

.reviews_box_wrap {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, .15);
    transition: all .2s ease-in-out;
    padding: 35px 30px 50px;
    text-align: center;
    position: relative;
    margin-bottom: 85px
}

.review_box_btn .btn {
    width: 225px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-right: 10px;
    border: 1px solid #cbcbcb;
    color: #ff0042;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px
}

.review_box_btn .btn_gradient {
    background-image: -moz-linear-gradient(0deg, #ff0042 0, #6f1f73 100%);
    background-image: -webkit-linear-gradient(0deg, #ff0042 0, #6f1f73 100%);
    background-image: -ms-linear-gradient(0deg, #ff0042 0, #6f1f73 100%);
    color: #fff;
    border: 0
}

.rate_reviews a {
    color: #f59040;
    font-size: 16px
}

.reviews_box_wrap p {
    padding: 20px 20px 25px;
    margin-bottom: 0;
    min-height: 155px;
    font-size: 14px;
    color: #505050;
    line-height: 22px
}

.head_review h4 {
    font-size: 20px;
    color: #505050;
    font-weight: 600;
    margin: 0
}

.head_review h5 {
    margin-top: 5px;
    color: #848484;
    font-weight: 400;
    font-size: 15px
}

.logo_pkg .packagesbxs .row .col-md-4:nth-last-child(4) {
    clear: both
}

.img_quote {
    position: absolute;
    top: -39px;
    left: 50%;
    transform: translateX(-50%)
}

.head_review {
    margin-top: 20px
}

.mb-0 {
    margin-bottom: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.reviews_slider .item {
    padding: 39px 18px 0
}

.reviews_slider.owl-theme .owl-dots .owl-dot.active span {
    background: #ff0042
}

.reviews_box_wrap:hover {
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, .45);
}

section.sec-padding.testimonial-section {
    padding-top: 32px;
    padding-bottom: 32px;
}

.testimonial-slider {
    margin-top: 40px;
}

.testimonial-slider .owl-dots {
    margin-top: 20px !important;
}

.testimonial-slider.owl-theme .owl-dots .owl-dot.active span,
.testimonial-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #f00247;
}
.media-upper-image-ul li {
    margin-left: 25px;
    display: inline-block;
    margin-right: 25px;
}
.media-upper-image-ul{text-align: center}
.media-box h1{
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 60px;
}
.media-box h2 {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 12px;
}
.media-box h6 {
    color: #636363;
    font-size: 18px;
    line-height: 35px;
    margin-top: 30px;
    margin-bottom: 0;
}
.media-box p{
    color: #505050;
    font-size: 16px;
    line-height: 28px;
    margin-top: 18px;
}
.media-box a {
    background-image: linear-gradient(to right,#fd0043 ,#721e72);
    color: #fff;
    padding: 12px 40px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 14px;
    margin-top: 14px;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 2px solid transparent;
    display: inline-block;
}
.media-box a:hover {
    background: 0 0;
    border-color: #ff0042;
    color: #ff0042;
}
.media-box {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 70px;
    margin-bottom: 60px;
}
.no-media-box{
    border-bottom: 0px;
    margin-bottom: 0px;
}
.media-award {
    background-color: #f9f9f9;
}
.award .contact-img ul li:last-child{
    margin-right: 0px;
}
.mediabannermm{
    background-image: url(../img/banner/media-banner.jpg);
}
.media-section{
    margin-top: 40px;
}
.showpopup {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow-y: scroll;
    width: 100%;
    background-color: rgba(0,0,0,.8);
}
.popupimage img{
    width: 100%;
}
.body-scroll-y{
    overflow-y: hidden;
}

.popupimage{
    display: none;
}
.businessbannermm{
    background-image: url('../img/banner/business-banner.jpg');
}
.business-card-service-tab li span{
    margin-top: 0px;
}
.business-card-service-tab ul li .creative-section-box{
    border-radius: 50px;
}
.business-card-service-tab ul li .creative-section-box a{
    border-radius: 50px;
    padding: 15px 0 15px 0;
}
.custom-col-md-3{
    width: 20%;
    padding-right: 10px;
    padding-left: 11px;
}
.custom-col-md-9{
    width: 80%;
    padding-left: 0px;
}
.custom-col-md-3 .selector-page ul li{
    max-width: 100%;
}
.custom-col-md-3 .selector-page ul{
    padding-bottom: 0px;
}
.mainvideo {
    width: 100vw;
    width: auto;
    height: 100vh;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100%;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}
.video-overlay {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    min-width: 100vw;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.75);
}
.logopromotionbannermm{
    position: relative;
    z-index: 3;
    background-image: none;
    overflow: hidden;
    top: 0;
}
.sec-pad {
    padding: 50px 0;
}
.sec-hd {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0 0 16px 0;
    line-height: 1.1em;
    font-size: 36px;
    margin-top: 0;
}
.sec-hd span {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #505050;
    line-height: 25px;
    margin-top: 21px;
    margin-bottom: 30px;
}
.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('../img/sprite.png') no-repeat;
    width: 31px;
    height: 30px;
    display: inline-block;
    z-index: 1;
}
.prcss-icn1:before {
    background-position: -152px -594px;
}
.prcss-icn2:before {
    background-position: -205px -596px;
}
.prcss-icn3:before {
    background-position: -258px -594px;
}
.prcss-icn4:before {
    background-position: -365px -594px;
}
.prcss-icn5:before {
    background-position: -312px -594px;
}
.prcss-icn6:before {
    background-position: -418px -597px;
    width: 34px;
}
ul.process-ul:before {
    z-index: -1;
    content: "";
    width: 0%;
    height: 18px;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OWNmNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ea635f), color-stop(100%, #99cf70));
    background: -webkit-linear-gradient(left, #ea635f 0%, #99cf70 100%);
    background: -o-linear-gradient(left, #ea635f 0%, #99cf70 100%);
    background: -ms-linear-gradient(left, #ea635f 0%, #99cf70 100%);
    background: linear-gradient(to right, #ea635f 0%, #99cf70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#99cf70', GradientType=1 );
    position: absolute;
    left: 70px;
    bottom: 27px;
    margin: auto;
    transition: all 0.4s ease;
}
ul.process-ul.process2:before {
    width: 21%;
}
ul.process-ul.process3:before {
    width: 33%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzNlYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 52%, #a73eb8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ea635f), color-stop(52%, #99cf70), color-stop(100%, #a73eb8));
    background: -webkit-linear-gradient(left, #ea635f 0%, #99cf70 52%, #a73eb8 100%);
    background: -o-linear-gradient(left, #ea635f 0%, #99cf70 52%, #a73eb8 100%);
    background: -ms-linear-gradient(left, #ea635f 0%, #99cf70 52%, #a73eb8 100%);
    background: linear-gradient(to right, #ea635f 0%, #99cf70 52%, #a73eb8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#a73eb8', GradientType=1 );
}
ul.process-ul.process4:before {
    width: 53%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGExZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 34%, #a73eb8 68%, #38a1f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ea635f), color-stop(34%, #99cf70), color-stop(68%, #a73eb8), color-stop(100%, #38a1f4));
    background: -webkit-linear-gradient(left, #ea635f 0%, #99cf70 34%, #a73eb8 68%, #38a1f4 100%);
    background: -o-linear-gradient(left, #ea635f 0%, #99cf70 34%, #a73eb8 68%, #38a1f4 100%);
    background: -ms-linear-gradient(left, #ea635f 0%, #99cf70 34%, #a73eb8 68%, #38a1f4 100%);
    background: linear-gradient(to right, #ea635f 0%, #99cf70 34%, #a73eb8 68%, #38a1f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#38a1f4', GradientType=1 );
}
ul.process-ul.process5:before {
    width: 66%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzM4YTFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdkNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 25%, #a73eb8 52%, #38a1f4 77%, #ff7d54 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ea635f), color-stop(25%, #99cf70), color-stop(52%, #a73eb8), color-stop(77%, #38a1f4), color-stop(100%, #ff7d54));
    background: -webkit-linear-gradient(left, #ea635f 0%, #99cf70 25%, #a73eb8 52%, #38a1f4 77%, #ff7d54 100%);
    background: -o-linear-gradient(left, #ea635f 0%, #99cf70 25%, #a73eb8 52%, #38a1f4 77%, #ff7d54 100%);
    background: -ms-linear-gradient(left, #ea635f 0%, #99cf70 25%, #a73eb8 52%, #38a1f4 77%, #ff7d54 100%);
    background: linear-gradient(to right, #ea635f 0%, #99cf70 25%, #a73eb8 52%, #38a1f4 77%, #ff7d54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#ff7d54', GradientType=1 );
}
ul.process-ul.process6:before {
    width: 86%;
    background: #ea635f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzk5Y2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2E3M2ViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzM4YTFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2ZmN2Q1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzhkOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ea635f 0%, #99cf70 19%, #a73eb8 39%, #38a1f4 60%, #ff7d54 79%, #738d99 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ea635f), color-stop(19%, #99cf70), color-stop(39%, #a73eb8), color-stop(60%, #38a1f4), color-stop(79%, #ff7d54), color-stop(100%, #738d99));
    background: -webkit-linear-gradient(left, #ea635f 0%, #99cf70 19%, #a73eb8 39%, #38a1f4 60%, #ff7d54 79%, #738d99 100%);
    background: -o-linear-gradient(left, #ea635f 0%, #99cf70 19%, #a73eb8 39%, #38a1f4 60%, #ff7d54 79%, #738d99 100%);
    background: -ms-linear-gradient(left, #ea635f 0%, #99cf70 19%, #a73eb8 39%, #38a1f4 60%, #ff7d54 79%, #738d99 100%);
    background: linear-gradient(to right, #ea635f 0%, #99cf70 19%, #a73eb8 39%, #38a1f4 60%, #ff7d54 79%, #738d99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea635f', endColorstr='#738d99', GradientType=1 );
}
ul.process-ul:after {
    z-index: -2;
    content: "";
    width: 83%;
    height: 18px;
    background: #dcdcdc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 27px;
    margin: auto;
    box-shadow: 0 0 13px 2px gainsboro;
}
ul.process-ul {
    position: relative;
    margin: 50px 0 20px;
    z-index: 0;
}
ul.process-ul * {
    transition: all 0.4s ease;
}
/*ul.process-ul:before {
    content: "";
    width: 75px;
    height: 85px;
    background: url('../images/sprite.png') no-repeat -483px -596px;
    position: absolute;
    border-radius: 100%;
    bottom: -15px;
    left: 53px;
    z-index: 1;
    transition: all 0.6s ease;
}*/

i.actv-ul {
    width: 69px;
    height: 69px;
    display: inline-block;
    position: absolute;
    background: #ea635f;
    border-radius: 100%;
    border: 3px solid #FFF;
    left: 54px;
    bottom: 0px;
    z-index: 1;
}
i.actv-ul:before {
    content: "";
    border-top: 25px solid transparent;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    transition: all .3s linear;
    position: absolute;
    bottom: -15px;
    left: 18px;
    border-top-color: #ea635f;
}
.process-ul li.active .prcss-icn1:before {
    background-position: -152px -635px;
}
.process-ul li.active .prcss-icn2:before {
    background-position: -205px -637px;
}
.process-ul li.active .prcss-icn3:before {
    background-position: -258px -635px;
}
.process-ul li.active .prcss-icn4:before {
    background-position: -365px -635px;
}
.process-ul li.active .prcss-icn5:before {
    background-position: -312px -635px;
}
.process-ul li.active .prcss-icn6:before {
    background-position: -418px -638px;
}
.process-ul li .prcss-icn7:before {
    background-position: -17px -1072px;
}
.process-ul li .prcss-icn8:before {
    background-position: -69px -1072px;
}
.process-ul li .prcss-icn9:before {
    background-position: -122px -1072px;
}
.process-ul li .prcss-icn10:before {
    background-position: -173px -1073px;
}
.process-ul li .prcss-icn11:before {
    background-position: -225px -1073px;
}
.process-ul li .prcss-icn12:before {
    background-position: -278px -1074px;
}
.process-ul li.active .prcss-icn7:before {
    background-position: -17px -1123px;
}
.process-ul li.active .prcss-icn8:before {
    background-position: -71px -1124px;
}
.process-ul li.active .prcss-icn9:before {
    background-position: -122px -1123px;
}
.process-ul li.active .prcss-icn10:before {
    background-position: -173px -1123px;
}
.process-ul li.active .prcss-icn11:before {
    background-position: -225px -1123px;
}
.process-ul li.active .prcss-icn12:before {
    background-position: -278px -1123px;
}
ul.process-ul.process2 i.actv-ul {
    left: 234px;
    background-color: #E3070F;
}
ul.process-ul.process2 i.actv-ul:before {
    border-top-color: #E3070F;
}
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: #E3070F;
}
.process-arrows>div {
    width: 34px;
    height: 66px;
    position: absolute;
    left: 20px;
    top: 20px;
    bottom: 0;
    margin: auto;
    z-index: 9;
}
.process-arrows>div:before {
    content: "";
    background: url(../img/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;
}
.creative-section .tab-content .row.tab-pane.active{display: flex;align-items: center;flex-wrap: wrap;}
.process-sec{clear: both;}
.text-center{text-align: center;}
.logopromotionbannerinner {
    margin-top: 0;
}
.whatspp-icon {
    position: fixed;
    bottom: 70px;
    left: 15px;
    z-index: 99999999;
    display: block;
}
.whatspp-icon img {
    width: 70px;
}



@media(min-width: 768px){
    .text-sm-right {text-align: right;}
    .text-sm-left {text-align: left;}
}
@media(max-width: 1199px){
    i.actv-ul{left: 38px;}
    ul.process-ul.process2 i.actv-ul {left: 186px;}
    ul.process-ul.process3 i.actv-ul {left: 336px;}
    ul.process-ul.process4 i.actv-ul {left: 485px;}
    ul.process-ul.process5 i.actv-ul {left: 634px;}
    ul.process-ul.process6 i.actv-ul {left: 783px;}

}
@media(max-width: 991px){
    i.actv-ul{left: 21px;}
    ul.process-ul.process2 i.actv-ul {left: 135px;}
    ul.process-ul.process3 i.actv-ul {left: 247px;}
    ul.process-ul.process4 i.actv-ul {left: 362px;}
    ul.process-ul.process5 i.actv-ul {left: 476px;}
    ul.process-ul.process6 i.actv-ul {left: 590px;}
}
@media (max-width: 767px){
    header{margin: 20px 0 25px;}
    .logo img{text-align: center;margin: 0 auto !important;}
    .pormotion-nav-btn ul{text-align: center !important;}
    i.actv-ul{display: none;}
    ul.process-ul {margin: 0;white-space: nowrap;overflow: scroll;}
    ul.process-ul:before, ul.process-ul:after{content: none;}
    .process-ul li {margin: 0;width: 28%;}
    .process-ul li h4 {font-size: 12px;}
    .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-arrows>div{display: none;}
    header {margin: 10px 0;}
}

@media (max-width: 575px){
    .logopromotionbannerinner {
        margin-top: 50px;
    }
    .sec-hd {
        font-size: 20px;
    }
    .sec-hd span {
        font-size: 15px;
        line-height: 24px;
    }
    .process-tabs {
        padding: 0;
    }
}