:root {
    --prm-color: #04165d;
    --primary-rgb-color: 4,22,93;
    --secondary-color: #052643;
    --secondary--rgb-color: 5,38,67;
    --tertiary-color: #26c3f8;
}

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

.brdcrme ul {
    margin: 0px;
}

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

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


/* The slider itself */

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

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 50px;
    height: 24px;
    background: var(--prm-color);
    cursor: pointer;
    border-radius: 30px;
    border: 4px solid #fff;
}

.slider::-moz-range-thumb {
    width: 32px;
    height: 14px;
    background: var(--prm-color);
    cursor: pointer;
    border-radius: 30px;
}


/*Float Button Number Start*/

.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 0 0 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, 0.11);
    -moz-box-shadow: 6px 8px 5px -6px rgba(0, 0, 0, 0.11);
    box-shadow: 6px 8px 5px -6px rgba(0, 0, 0, 0.11);
    cursor: pointer;
    -webkit-transition: all 99ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 99ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 99ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 99ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    /* linear */
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    /* linear */
}

.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(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 99ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 99ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 99ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    /* linear */
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    /* linear */
}

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

.p_cta_right_pne.atvb {
    width: 248px;
}


/*Float Button Number End*/

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #324b90;
}

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

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

a,
a:focus {
    outline: none;
}

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

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

.redcol {
    color: var(--prm-color) !important;
}

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

.fleft {
    float: left;
}

.fright {
    float: right;
}

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

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

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

.montfont {
    font-family: 'Montserrat', sans-serif;
}

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

.latofont {
    font-family: 'Lato', sans-serif;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    width: 100%;
    background: var(--secondary-color);
    padding: 10px 0px 0;
    color: #fff;
    transition: all 0.3s ease-out;
}

header .logo {
    padding-top: 30px;
}

.logo img {
    width: 250px;
    margin-left: -50px;
    margin-top: -20px;
}


/* header.stickyheader .logo img{     margin-top: -16px;width: 300px;    margin-top: -20px;  } */

.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: #ffffff;
    font-weight: 500;
    margin-left: 25px;
    font-size: 14px;
}

.liveChat {
    display: inline-block;
}

.topnavs .livchat-divs {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}

.topnavs .livchat-divs,
.topnavs .btn-radius-top {
    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: 16px;
    font-weight: 500;
    margin: 0 2px;
    font-family: 'Montserrat', sans-serif;
}

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

.topnavs .btn-radius-top a:hover i {
    color: var(--prm-color);
}

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

.topnavs .btn-radius-top a+a i {
    color: var(--prm-color);
    font-weight: 700;
}

.topnavs .btn-radius-top a+a:hover {
    background-color: var(--prm-color);
    color: #fff;
}

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

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

header .main-nav {
    display: block;
}

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

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

header .main-nav ul>li>a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 18px 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: #bbebf7;
}

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

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

header .main-nav ul>li>a i {
    /* margin-left: 5px; */
}

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("../images/banner1-home.jpg") no-repeat;
    background-size: cover;
    padding: 190px 0 20px;
    min-height: 590px;
}

.bannermm.webbanner {
    background: url("../images/websitebanner-home.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: 300;
    font-size: 38px;
}

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

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

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

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

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: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    padding-top: 10px;
}

.posrel {
    position: relative;
}

.posinit {
    position: initial;
}

.leftcont-ban a {
    font-size: 23px;
    font-weight: 300;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 20px;
    margin-top: 30px;
    display: block;
    width: 300px;
    height: 49px;
    overflow: hidden;
    transition: all 0.3s ease-out;
}

.leftcont-ban a i {
    /*display: none;*/
}

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

.leftcont-ban a:hover {
    background-color: #fff;
    color: #242424;
    font-weight: 500;
    width: 303px;
}

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

.mainhome .bannermm {
    height: 100vh;
    /*  min-height: 890px; */
    display: flex;
    align-items: center;
    padding: 0;
}

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

.blink-bx .blinkbxs {
    /* transform: translateY(-50%);*/
    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 0.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;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: initial;
    width: 165px;
}

.morethan-det ul li span {
    font-family: 'Lato', sans-serif;
    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;
}


/*.morethan-det ul li div{ width: 100%; }*/

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

.scrolldown-fl {
    text-align: center;
    margin-top: 20px;
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
}

.scrolldown-fl p {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
}

.scrolldown-fl a {
    display: inline-block;
    position: relative;
    z-index: 2;
    transition: opacity .3s;
    padding-bottom: 40px;
}

.scrolldown-fl img {
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}

.scrolldown-fl a span.dotbol {
    background: #fff;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    margin-left: -2px;
}

.scrolldown-fl a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
    box-sizing: border-box;
}

.scrolldown-fl a span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.scrolldown-fl a span:nth-of-type(2) {
    top: 12px;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.scrolldown-fl a span:nth-of-type(3) {
    top: 24px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.scrolldown-fl a span:nth-of-type(4) {
    top: 16px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

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

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

.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    list-style: none;
    display: block;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0px 3px;
    cursor: pointer;
    width: initial;
    height: initial;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    background: #eeeeee;
    border: 1px solid #d8d8d8;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border-radius: 200px 200px 200px 200px;
}

.slick-dots li.slick-active button {
    background: var(--prm-color);
    width: 35px;
    border: 1px solid var(--prm-color);
}

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

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

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

.incred-expe {
    padding: 80px 0;
    width: 100%;
    float: left;
}

.incred-expe .content-incred h3 {
    color: #111111;
    font-size: 36px;
    font-weight: 400;
    margin: 0 0 30px;
}

.incred-expe .content-incred .fnt-18 {
    font-size: 18px;
    margin-bottom: 20px;
}

.incred-expe img {
    width: 100%;
}

.what-offer {
    padding: 50px 0;
    width: 100%;
    float: left;
    text-align: center;
    background-size: 100% 100%;
}

.what-offer h3 {
    font-size: 36px;
    color: #111111;
    font-weight: 700;
}

.what-offer p {
    font-size: 16px;
    color: #111111;
    font-weight: 400;
}

.what-offer>div>ul {
    width: 100%;
    float: left;
    margin: 40px 0 0;
}

.what-offer>div>ul>li {
    width: 25%;
    float: left;
    position: relative;
    /* padding: 25px 0px 10px; */
}

.what-offer>div>ul>li div {
    width: 100%;
    padding: 0 25px;
    position: relative;
    z-index: 2;
    padding: 25px 60px 10px;
    min-height: 256px;
    display: flex;
    cursor: pointer;
    align-items: center;
    flex-flow: column;
    transition: all 0.3s ease-out;
    justify-content: center;
}

.what-offer>div>ul>li div h3 {
    font-size: 22px;
    font-weight: 600;
    margin-left: 6px;
    margin: 0px 0 5px 6px;
}

.what-offer>div>ul>li div p {
    font-size: 13px;
    color: #242424;
    font-weight: 500;
    margin-bottom: 5px;
    letter-spacing: -0.2px;
}

.what-offer>div>ul>li div:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url("../images/sprites.png") no-repeat;
    background-position: -3px -53px;
    width: 298px;
    height: 257px;
    z-index: -1;
}

.what-offer>div>ul>li+li div:before {
    left: -5px;
}

.what-offer>div>ul>li div+i {
    background-position: -364px -3px;
    width: 66px;
    height: 66px;
    margin: 10px 0;
}

.what-offer>div>ul>li i.icon2 {
    background-position: -454px -8px;
    width: 70px;
    height: 64px;
    margin: 0px 0 6px;
}

.what-offer>div>ul>li i.icon3 {
    background-position: -364px -88px;
    width: 61px;
    height: 63px;
    margin: 10px 0;
}

.what-offer>div>ul>li i.icon4 {
    background-position: -460px -88px;
    width: 64px;
    height: 64px;
    margin: 0px 0 6px;
}

.what-offer>div>ul>li div a {
    display: none !important;
    color: #242424;
    font-size: 12px;
    text-decoration: underline;
    font-weight: 600;
    opacity: 0;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.what-offer>div>ul>li div a i {
    color: var(--prm-color);
    font-weight: 700;
}

.what-offer>div>ul>li div:hover a {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.maincta {
    width: 100%;
    float: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 23px 0;
}

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

.maincta h3 strong {
    font-size: 41px;
    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 {
    /* margin-left: 10px; */
    float: right;
    margin-top: 30px;
}

.maincta .btn-radius-top a {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 20px;
    padding: 8px 15px;
    font-size: 18px;
    font-weight: 500;
    margin: 0 5px;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease-out;
}

.maincta .btn-radius-top a:hover {
    color: var(--prm-color);
    background-color: #fff;
}

.maincta .btn-radius-top a+a:hover {
    color: #fff;
    background-color: var(--prm-color);
}

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

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

.maincta .btn-radius-top a+a i {
    color: var(--prm-color);
    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 0px 0;
    text-shadow: 0px 0px 1px #313131;
}

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

.maincta .callsdivs a {
    color: #fff;
}

.maincta .callsdivs i {
    font-style: normal;
    /*  font-size: 14px;
    position: absolute;s
    width: 100%;
    text-align: center;
    top: -19px;*/
}

.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 {
    padding: 30px 0;
    width: 100%;
    float: left;
}

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

.sechead h3 {
    color: #111111;
    font-size: 36px;
    font-weight: 700;
}

.sechead p {
    font-size: 16px;
    color: #242424;
}

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

.toptabs1 li {
    width: 150px;
    display: inline-block;
    margin: 0 5px;
    transition: all 0.3s ease-out;
}

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

.toptabs1 li.active span,
.toptabs1 li.active a,
.toptabs1 li:hover span,
.toptabs1 li:hover a {
    background: var(--prm-color);
    color: #fff;
    font-weight: 700;
    border: 1px solid transparent;
}

.portfoliomaindivs .topbartabs {
    border-top: 1px solid #d1d7e3;
    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: var(--prm-color);
    font-weight: bold;
}

.portfoliomaindivs .topbartabs .container {
    position: relative;
}

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

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

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

.hovereffects-det {
    background: rgba(var(--secondary--rgb-color), 0.9);
    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: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.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(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    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 {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 20px;
    padding: 5px 30px;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 5px;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
}

.btnstyles-nn a:focus {
    color: #ffffff;
}

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

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

.portfolio-mmbx .leftcont-ban a {
    border-color: var(--prm-color);
    color: var(--prm-color);
    text-align: left;
    transition: width 0.3s linear, color 0.3s linear;
    margin: auto;
    font-weight: 500;
    width: 236px;
}

.portfolio-mmbx .leftcont-ban a:hover {
    background-color: var(--prm-color);
    color: #fff;
    width: 292px;
}

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

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

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

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

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

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

.det-packages .boxpackages:hover {
    border: 1px solid var(--prm-color);
}

.det-packages .boxpackages:hover .listpacks li:before {
    color: var(--prm-color);
}

.det-packages .boxpackages:hover a.btn-orders {
    background: var(--prm-color);
    color: #fff;
}

.det-packages .boxpackages:hover .listpacks li:last-child:before {
    display: none;
}

.boxpackages .packdetails {
    padding: 10px 0;
}

.boxpackages .packdetails .packtitles .fleft h3 {
    font-size: 54px;
    color: var(--prm-color);
    font-weight: 700;
    margin: 0;
}

.boxpackages .packdetails .packtitles .fleft h3 sub {
    font-size: 18px;
    font-weight: 600;
    color: #242424;
    bottom: 0.05em;
    margin-left: 5px;
    display: none
}

.packdetails .packtitles .fright h4 {
    font-size: 18px;
    color: #c4c4c4;
    font-weight: 600;
}

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

.packdetails .packtitles .fright h4 span.cutprice {
    position: relative;
    top: .5em;
    color: #c4c4c4;
}

.packdetails .packtitles .fright h4 b {
    /*border-bottom:3px solid var(--prm-color);*/
    position: relative;
    /* top:-.5em;*/
}

.packdetails .packtitles .fright h4 b:before {
    content: '';
    background: var(--prm-color);
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    top: 19px;
    margin: auto;
    left: 0;
    right: 0;
    transform: rotate(-12deg);
    z-index: 2;
}

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

.packdetails .listpacks li:after,
.pacbundles-det .headbx-bundle ul.listbundles-packbx li:after {
    content: '';
    right: 0px;
    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;
}

.packdetails .listpacks li ul li {
    padding: 5px 10px;
    font-size: 13px;
}

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

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

.packdetails .listpacks li:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0;
    top: 7px;
    color: #b1b9cc;
}

.packdetails .listpacks li.last:before {
    display: none;
}

.packdetails .listpacks li.haschildren .child-tooltip {
    position: absolute;
    right: 0;
    top: 7px;
    color: var(--prm-color);
}

.packdetails .listpacks li.haschildren .child-tooltip:before {
    content: "\f05a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
}

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

.packdetails .listpacks li.haschildren ul.toollast {
    top: -45px;
}

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

.packdetails .botarea-pack a.btn-orders {
    border: 1px solid var(--prm-color);
    border-radius: 30px;
    padding: 4px 12px;
    color: var(--prm-color);
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease-out;
    margin: 5px 0 0
}

.packdetails .botarea-pack .liovechats-bx {
    padding-left: 18px;
}

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

.packdetails .botarea-pack .liovechats-bx a span:before {
    content: "\f27b";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: -25px;
    top: -2px;
    color: var(--prm-color);
    font-size: 16px;
}

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


/*.det-packages .col-md-3.always-active.active .boxpackages,*/

.det-packages .boxpackages:hover {
    transform: scale(1.1);
    border: 1px solid var(--prm-color);
}

.det-packages .boxpackages.active {
    border: 1px solid var(--prm-color);
}


/* .det-packages .boxpackages.active .packtitles .fleft h3{ font-size: 60px; } */

.det-packages .boxpackages:hover .packdetails .listpacks li:before {
    color: var(--prm-color);
}

.det-packages .boxpackages:hover .botarea-pack a.btn-orders {
    background: var(--prm-color);
    color: #fff;
}

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

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

.det-packages .boxpackages.active:before {
    content: '';
    position: absolute;
    right: -6px;
    background: url("../images/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: var(--prm-color);
    border: 1px solid var(--prm-color);
    border-radius: 30px;
    font-weight: 600;
    font-size: 20px;
}

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

.btnredstyl a:hover {
    background: #fff;
}

.enterprices-bundles {
    width: 100%;
    float: left;
    padding: 30px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.enterprices-bundles h3,
.enterprices-bundles p {
    color: #fff;
    position: relative;
}

.enterprices-bundles h3 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.enterprices-bundles h3:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    width: 192px;
    height: 4px;
    bottom: 0;
}

.enterprices-bundles .sechead {
    margin-bottom: 30px;
}

.pacbundles-det .headbx-bundle .fleft {
    width: 100%;
}

.pacbundles-det .headbx-bundle .fleft h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0px 0 0;
    float: left;
    width: 143px;
}

.pacbundles-det .headbx-bundle .packbundleprice {
    /* float: left; */
    font-size: 12px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 20px;
    padding: 0 0 0 15px;
    position: relative;
    display: inline-block;
    float: right;
}

.pacbundles-det .headbx-bundle .packbundleprice span {
    font-size: 22px;
    font-weight: 700;
    display: block;
}

.pacbundles-det .headbx-bundle .packbundleprice:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 20px;
    background: #fff;
}

.pacbundles-det .headbx-bundle {}

.pacbundles-det .headbx-bundle ul.listbundles-packbx {
    display: block;
    width: 100%;
    float: left;
    padding: 15px 0;
    margin: 0;
}

.pacbundles-det .headbx-bundle ul.listbundles-packbx>li {
    position: relative;
    padding: 5px 25px;
    font-size: 14px;
    color: #fff;
}

.pacbundles-det .headbx-bundle ul.listbundles-packbx>li.last {
    border-bottom: none;
}

.pacbundles-det .headbx-bundle ul.listbundles-packbx>li:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0;
    top: 7px;
    color: #fff;
}

.pacbundles-det .headbx-bundle li.haschildren .child-tooltip {
    position: absolute;
    right: 20px;
    top: 7px;
    color: #fff;
}

.pacbundles-det .headbx-bundle li.haschildren .child-tooltip:before {
    content: "\f05a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
}

.pacbundles-det .headbx-bundle li.haschildren ul {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0.9;
    right: 20px;
    color: #fff;
    width: 200px;
    background: #000;
    padding: 10px 10px;
    overflow: hidden;
    z-index: 9;
    text-align: center;
}

.pacbundles-det .headbx-bundle li.haschildren ul li {
    font-size: 13px;
}

.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: var(--prm-color);
    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: var(--prm-color);
    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: var(--prm-color);
    width: 0%;
    height: 100%;
    content: " ";
    left: 0px;
    top: 0px;
    -webkit-transition: all 222ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 222ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 222ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 222ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    /* linear */
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    /* linear */
}

.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 0px 0px 35px -20px rgba(var(--primary-rgb-color), 1);
    -moz-box-shadow: inset 0px 0px 35px -20px rgba(var(--primary-rgb-color), 1);
    box-shadow: inset 0px 0px 35px -20px rgba(var(--primary-rgb-color), 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:hover {
    width: 310px;
}

.packagesall .portfolio-mmbx .leftcont-ban a {
    width: 254px;
}

.tabsmainport .innertabcontents {
    display: none;
}

.tabsmainport .innertabcontents.active {
    display: block;
}

.fixedform {
    opacity: 0;
    position: fixed;
    top: 10%;
    right: -408px;
    margin: auto;
    /* background: #fff; */
    padding: 10px 0px 10px 0;
    z-index: 222;
    /*  padding-left: 62px;*/
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fixedform .barforms {
    position: absolute;
    left: 0;
    top: 4px;
    background: url("../images/sprites2.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 #cccccc;
    padding-bottom: 10px;
    margin: 0 0 20px;
    font-size: 21px;
    font-weight: 600;
    color: #111111;
}

.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=text],
.fixedform .mm-field select,
.fixedform .mm-field input[type=email] {
    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("../images/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: #666666;
    font-size: 15px;
    transform: translate3d(0, 0, 0);
    transition: all 0.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: rgb(219, 219, 219);
}

.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: var(--prm-color);
    border-radius: 30px;
    width: 100%;
    padding: 14px 35px;
    color: #fff;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    border: transparent;
}

.fixedform .mm-field fieldset.active {
    top: 0px;
    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;
}

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

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

.dropdown .lstnavig .liststylss {
    text-align: left;
    width: 208px;
}

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

.dropdown .lstnavig .liststylss>li>a {
    color: #242424;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 0;
    font-weight: 500;
}

.dropdown .lstnavig>.liststylss>li>a i {
    background-position: -14px -474px;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-right: 10px;
}

.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 0.3s ease-out;
}

.dropdown .lstnavig .liststylss>li>a:after {
    content: "\f0da";
    font-family: fontAwesome;
    width: 24px;
    font-size: 18px;
    display: inline-block;
    padding-left: 4px;
    height: 10px;
    opacity: 0;
    transition: all 0.3s ease-out;
    color: var(--prm-color);
    position: relative;
    top: 3px;
}

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

.dropdown .lstnavig .liststylss>li:hover>a,
.dropdown .lstnavig .liststylss li.active>a {
    color: var(--prm-color);
}

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

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

.dropdown .listdiscret ul {}

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

.dropdown .listdiscret ul li a:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 8.5px;
    left: 0;
    color: #999999;
}

.dropdown .listdiscret ul li a {
    position: relative;
    display: block;
    color: #242424;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    padding: 6px 10px 6px 20px !important;
    font-weight: 500;
}

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

.dropdown .listdiscret>ul>li>a:hover {
    color: var(--prm-color);
}

.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 0.3s ease-out;
    visibility: hidden;
    opacity: 0;
}

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

.dropdown .listdiscret .btnstarts:hover {
    border-color: #fff;
    background: var(--prm-color);
    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: var(--prm-color);
    border-radius: 100%;
    border: 1px solid var(--prm-color);
    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: 0.3s
}

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

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

.formOverlaySide.active {
    background: rgba(0, 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: #111111;
}

.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: 700;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #e20031;
    color: #000000;
}

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

.gettouchfaqs .accordion-faq {}

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

.inner.show {
    /*display: block;*/
}

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

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

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

.accordion-faq a.accord-tab {
    width: 100%;
    display: block;
    color: #111111;
    border-radius: 0.15em;
    transition: color 0.3s ease;
    position: relative;
    padding: 30px 70px 0px 20px;
    font-weight: 700;
    min-height: 70px;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}

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

.accordion-faq>li>a {
    padding: 0.75em;
    color: #333333 !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: #000000;
    display: flex;
    align-items: center;
}

.accordion-faq>li>a:hover,
.accordion-faq>li>a.actives {
    /* color: #ed2530 !important; */
}

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

.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+li{ margin-left: 20px; }*/

.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 0.3s ease-out;
}

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


/*.pricerange-main .pricingbox li:hover a,
.pricerange-main .pricingbox li.active a{  transform: scale(1.1);}*/

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


/*.pricerange-main .pricingbox li:hover h3{ transform: scale(1.1); 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: 0px 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: var(--prm-color);
    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: rgb(255, 255, 255);
    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%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}


/* .stickyheader{background: rgba(149, 0, 42, 0.93);position: fixed;padding-top: 0;}
.stickyheader .topnavs{ display: none; }
.stickyheader .logo{padding-top: 18px;}
.stickyheader .logo img{ width: 250px; } */

.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: 0px;
    top: 0;
    height: 100%;
}

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


/*.mainhome .tabsmainport .innertabcontents > .container{ display: none; }*/

.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: 0px !important;
}

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

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

.inner-pg .bannermm h1 strong,
.inner-pages .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 .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;
}

.leftcont-ban a.poundbtn {
    width: 250px;
}

.leftcont-ban a.poundbtn:hover {
    width: 310px;
}

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

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

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

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

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


/*.mainpackages .det-packages .packagesbxs .boxpackages{ margin-top: 0; }*/

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


/*.testimo .portfoliomaindivs .col-md-6:nth-child(n+9){ 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;
}

.inner-pg .portfoliomaindivs .innertabcontents .row .col-md-3:nth-child(n+9),
.mainhome .portfoliomaindivs .innertabcontents .row .col-md-3:nth-child(n+9),
.mainhome .portfoliomaindivs .innertabcontents .row .col-md-4:nth-child(n+7) {
    display: none;
}

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

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

.mainhome .bannermm .leftcont-ban a {
    width: 506px;
}

.mainhome .bannermm .leftcont-ban a:hover {
    width: 522px;
}

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

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

.mainhome .bannermm.webbanner .leftcont-ban a {
    width: 482px;
}

.mainhome .bannermm.webbanner .leftcont-ban a:hover {
    width: 498px;
}

.mainhome .bannermm.animbanner .leftcont-ban a {
    width: 548px;
}

.mainhome .bannermm.animbanner .leftcont-ban a:hover {
    width: 565px;
}

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

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

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

.fixedform {}

.fixedform.fixed-forms-main {}

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

.mainhome .incred-expe .slick-dots {
    bottom: -10px;
}

.incred-expe {
    padding: 50px 0 40px;
}

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

.padright0 {
    padding-right: 0;
}

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

.maincta p {
    font-size: 16px;
}

.maincta .callsdivs a {
    padding: 0 10px 0 0;
}

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

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

.liveChat.separator {
    position: relative;
}

.liveChat.separator::before {
    content: '';
    position: absolute;
    border-left: 1px solid #ffffff;
    height: 85%;
    left: -10px;
}

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

.chat-img {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

input[type=email] {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 6px 12px;
    color: black;
}


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





.no-padlft {
	padding-left: 0;
}

.no-padrght {
	padding-right: 0;
}

footer {
	background: #242424;
	width: 100%;
	float: left;
	padding: 30px 0 0 0;
}



footer .listpge {
	padding-bottom: 15px;
}

footer h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

footer ul {}

footer ul li {
	position: relative;
	padding: 5px 0 5px 14px;
}

footer ul li::before {
	content: "\f105";
	position: absolute;
	font-family: fontAwesome;
	font-size: 11px;
	color: var(--secondary-color);
	left: 0;
	top: 9px;
}

footer ul li a {
	color: #888888;
	font-size: 13px;
}

footer ul li a:hover, a:focus {
	color: var(--secondary-color);
}

.footer-bottom {
	background: #181818;
	padding: 10px 0;
}

.footer-bottom h4 {
	color: #999999;
	font-size: 14px;
}

.footer-bottom p {
	color: #999999;
	font-size: 11px;
}

footer .padd-btd {
	padding: 35px 0;
}

footer .social-icons.padd-btd {
	padding: 12px 30px;
	border-right: 1px solid #4a4a4a;
	border-left: 1px solid #4a4a4a;
}

footer .footer-logo img {
	margin-top: -20px;
}

.ulsme-ctct ul li a {
	margin-left: 7px;
}

.ulsme-ctct ul li::before {
	content: "\f095";
	color: var(--secondary-color);
	font-size: 12px;
}

.ulsme-ctct ul li+li::before {
	content: "\f095";
	color: var(--secondary-color);
	font-size: 12px;
}

.ulsme-ctct ul li+li+li::before {
	content: "\f0e0";
}

.ulsme-ctct ul li+li+li+li::before {
	content: "\f086";
}

.ulsme-ctct ul li+li+li+li+li::before {
	content: "\f041";
}

footer .brdr-top {
	border-top: 1px solid #4a4a4a;
	padding: 30px 15px 30px 0;
}

footer .brdr-top .social-icons h4 {
	color: #ffffff;
	font-size: 16px;
	margin: 0 0 10px 0;
	font-weight: 600;
}

footer .brdr-top .social-icons i {
	font-size: 22px;
	color: #888888;
	margin: 0 4px;
	border: 2px solid;
	border-radius: 100%;
	padding: 9px 11px 10px 11px;
	width: 45px;
	height: 45px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
}

footer .brdr-top .social-icons i:hover {
	color: #3b7dff;
}

footer .brdr-top .social-icons a+a i:hover {
	color: #f00;
}

footer .brdr-top .social-icons a+a+a i:hover {
	color: #0056ff;
}

footer .brdr-top .social-icons a+a+a+a i:hover {
	color: #0274b3;
}

footer .brdr-top .social-icons a+a+a+a+a i:hover {
	color: #55adec;
}

footer .brdr-top .subcribe h4 {
	color: #ffffff;
	margin: 0;
	font-weight: 600;
	font-size: 16px;
}

footer .brdr-top .subcribe input {
	margin-top: 15px;
	border-radius: 25px;
	padding: 15px 38px;
	border: 0;
	width: 100%;
	font-weight: 700;
	color: #242424;
	font-size: 13px;
}

footer .brdr-top .subcribe.padd-btd {
	padding: 12px 0;
}

footer .brdr-top .subcribe i {
	color: var(--prm-color);
	position: absolute;
	top: 62px;
	left: 30px;
	font-weight: 600;
}

footer .brdr-top .subcribe button {
	color: #ffffff;
	background: var(--prm-color);
	border: 0;
	position: absolute;
	right: 20px;
	bottom: 16px;
	padding: 10px 30px;
	border-radius: 34px;
}

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


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

.t-right {
	text-align: right;
}

.t-center {
	text-align: center;
}

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

.testimonials h3 {
	color: #111111;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin: 0;
	margin-bottom: 10px;
}

.testimonials p {
	text-align: center;
	font-weight: 500;
}

.testimonials .testi .testi-img {
	min-height: 160px;
	position: relative;
}

.testimonials .testi .testi-img::before {
	content: '';
	background: url(../images/sprites.png) no-repeat;
	background-position: -212px -8px;
	width: 18px;
	height: 15px;
	display: inline-block;
	position: absolute;
	right: 0;
}

.testimonials .testi .testi-img img {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

.testimonials .testi .testi-img h4 {
	font-size: 18px;
	color: var(--prm-color);
	font-weight: 600;
	text-transform: uppercase;
}

.testimonials .testi .testi-img p {
	text-align: left;
	font-size: 13px;
	color: #242424;
}

.testimonials .testi .testi-desc {
	border-top: 1px solid #d0d0d0;
	padding: 10px 0;
	width: 100%;
	float: left;
}

.testimonials .testi .testi-desc ul li {
	float: left;
	font-size: 13px;
	width: 33.33%;
}

.testimonials .testi .testi-desc i {
	font-size: 13px;
	color: #ffaa20;
}

.testimonials .testi .testi-desc .verify {
	background: url(../images/sprites.png) no-repeat;
	background-position: -181px -7px;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.testimonials .packagesall .portfolio-mmbx .leftcont-ban a {
	width: 145px;
}

.testimonials .packagesall .portfolio-mmbx .leftcont-ban a:hover {
	width: 190px;
}

.testimonials .row.testi-main {
	padding-top: 30px;
}

.content-incred h5 {
	color: var(--prm-color) !important;
}

.what-offer ul li i.icon5 {
	background-position: -365px -172px;
	width: 64px;
	height: 63px;
}

.what-offer ul li i.icon6 {
	background-position: -459px -253px;
	width: 66px;
	height: 66px;
}

.what-offer ul li i.icon7 {
	background-position: -455px -173px;
	width: 73px;
	height: 59px;
}

.what-offer ul li i.icon8 {
	background-position: -354px -257px;
	width: 77px;
	height: 60px;
}

.f30 {
	font-size: 30px !important;
}

.fbold {
	font-weight: 700;
}

.f20 {
	font-size: 20px;
}

.f24 {
	font-size: 24px;
}

.boxpackages .packdetails .listpacks h3 {
	font-size: 22px;
	color: var(--prm-color);
	font-weight: 700;
}

/*.howtabs-main{ padding: 40px 0; display: block; margin-top: 30px; }
.howtabs-main .tabs-btns{ display: block; background: url("/web-content/images/how-works-bg.png") no-repeat; background-size: cover;  min-height: 130px;}
.howtabs-main .tabs-btns ul{ width: 100%; display: block; }
.howtabs-main .tabs-btns ul li{	float: left;  padding: 10px 10px; width: 16%; text-align: center; margin: 0 0 0 15px; position: relative; 	}
.howtabs-main .tabs-btns ul li.first{ text-align: left; width: 15%; margin-left: 6px; 	}
.howtabs-main .tabs-btns ul li:nth-child(2){    margin-left: 3px;  margin-right: 7px;}
.howtabs-main .tabs-btns ul li:nth-child(4){  margin-left: 3px;  width: 17%; margin-right: 4px; }
.howtabs-main .tabs-btns ul li.last{ text-align: right;     width: 14%; margin-left: 13px;}
.howtabs-main .tabs-btns ul li i{ position: relative; }
.howtabs-main .tabs-btns ul li span{color:#ccc;font-size: 25px;font-weight: 600;font-family: 'Work Sans', sans-serif;position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;}
.howtabs-main .tabs-btns ul li span.ytop{ transform: translateY(-59px); display: block; }
.howtabs-main .tabs-btns ul li span.ybot{ transform: translateY(120px); display: block; }
.howtabs-main .tabs-btns ul li.first span.ytop{ text-align: left; padding-left: 40px; }
.howtabs-main .tabs-btns ul li.last span.ybot{ text-align: right; padding-right: 40px; }

.howdiscr{padding-top: 50px; display: none; }
.howdiscr.active{ display: block; }
.howdiscr .row{ align-items: center; }
.howdiscr h3{ font-size: 28px; margin-bottom: 15px; font-weight: 600;    margin-top: 30px; }
.howdiscr svg {height: 240px; display: inline-block;}
.howdiscr p{ color: #242424; font-size: 16px; padding-right: 35px; line-height: 26px; font-weight: 400; }
.howdiscr img{ width: initial; }
.howtabs-main .tabs-btns ul li.active span{ color: #f9260e; }
.howtabs-main .tabs-btns ul li.active i:before{ content: ''; position: absolute; bottom: -8px; left: 0; right: 0; margin: auto; background: url("/web-content/images/sprites.png") no-repeat; background-position:-259px -14px; width: 19px; height: 10px;}
.sp-ico {  background: url(/web-content/images/sprites.png) no-repeat; display: inline-block; }
.hw-ico1{  background-position: -34px -355px; width: 101px; height: 101px; }
.hw-ico2{  background-position: -144px -354px; width: 101px; height: 101px; }
.hw-ico3{  background-position: -259px -354px; width: 101px; height: 101px; }
.hw-ico4{  background-position: -374px -360px; width: 102px; height: 101px; }
.hw-ico5{  background-position: -490px -360px; width: 102px; height: 101px; }
.hw-ico6{  background-position: -609px -360px; width: 101px; height: 101px; }*/
.how-works {
	padding: 30px 0;
	width: 100%;
	float: left;
}

.howworks-mm {
	margin: 40px 0;
}

.howworks-mm .designbrief {
	text-align: center;
	position: relative;
	transition: all 0.3s ease-out;
}

.howworks-mm .designbrief:hover .processicons {
	transform: scale(1.07);
}

.howworks-mm .designbrief:before {
	content: "01";
	position: absolute;
	top: 0;
	left: 30px;
	font-size: 23px;
	font-weight: 700;
	color: var(--prm-color);
}

.howworks-mm .col-md-3+.col-md-3 .designbrief:before {
	content: "02";
}

.howworks-mm .col-md-3+.col-md-3+.col-md-3 .designbrief:before {
	content: "03";
}

.howworks-mm .col-md-3+.col-md-3+.col-md-3+.col-md-3 .designbrief:before {
	content: "04";
}

.howworks-mm .designbrief .processicons {
	transition: all 0.3s ease-out;
	background: url("../images/sprites.png") no-repeat;
	display: inline-block;
	background-position: -510px -489px;
	width: 169px;
	height: 198px;
	display: flex;
	align-items: center;
	margin: auto;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.howworks-mm .designbrief .processicons i {
	background-position: -25px -699px;
	width: 41px;
	height: 52px;
	margin-top: -25px;
}

.howworks-mm .designbrief .processicons i.icon2 {
	background-position: -82px -704px;
	width: 51px;
	height: 47px;
}

.howworks-mm .designbrief .processicons i.icon3 {
	background-position: -146px -701px;
	width: 52px;
	height: 52px;
}

.howworks-mm .designbrief .processicons i.icon4 {
	background-position: -214px -704px;
	width: 50px;
	height: 50px;
}

.howworks-mm .designbrief .processicons i.icon5 {
	background-position: -13px -779px;
	width: 47px;
	height: 51px;
}

.howworks-mm .designbrief .processicons i.icon6 {
	background-position: -78px -781px;
	width: 48px;
	height: 48px;
}

.howworks-mm .designbrief .processicons i.icon7 {
	background-position: -147px -778px;
	width: 51px;
	height: 51px;
}

.howworks-mm .designbrief .processicons i.icon8 {
	background-position: -214px -704px;
	width: 50px;
	height: 50px;
}

.howworks-mm .designbrief h3 {
	font-size: 18px;
	color: #111111;
	font-weight: 700;
}

.howworks-mm .designbrief p {
	font-size: 14px;
	color: #242424;
}

.howworks-mm .col-md-3+.col-md-3 .designbrief:after {
	content: '';
	border-top: 2px dashed #ccc;
	width: 100px;
	display: block;
	position: absolute;
	top: 30%;
	left: -24%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}


.logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n+4) .boxpackages {
	margin-top: 0px;
	/*   margin-bottom: 0;*/
}

/*.logopackages-p .packagesbxs .packagesall  .portfolio-mmbx{ display: none; }*/
.home-p .det-packages .tabscontent .col-md-4:nth-child(n+4) .boxpackages {
	display: none;
}

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

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

.portfolio-mmbx .fixportfoliobtns.leftcont-ban a {
	width: 326px;
}

.bannerdesign-p .portfoliomaindivs .topbartabs {
	border-top: none;
}

.broucherdesign-p .bannermm {
	background-image: url(../images/broucher-design-bg.jpg);
	padding: 250px 0 20px;
}

/*.broucherdesign-p .det-packages .boxpackages .packheads h3{ font-size: 32px; }*/
.nopadd-l {
	padding-left: 0;
}

.nopadd-r {
	padding-right: 0;
}

.nopadd-lr {
	padding-left: 0;
	padding-right: 0;
}

.branding-portfolio {
	width: 100%;
	float: left;
	padding: 40px 0;
	background: #f8f8f8;
}

.bg-1 {
	background: #242424;
}

.bg-2 {
	background: #904d83;
}

.bg-3 {
	background: #68797a;
}

.bg-4 {
	background: #452b78;
}

.c-tabs {
	overflow: hidden;
}

.c-tabs .tabs-box.tabs-box-cer {
	overflow: hidden;
}

.c-tabs h3 {
	color: #ffffff;
	margin-top: 0;
}

.c-tabs p {
	color: #ffffff;
	font-size: 14px;
}

.c-tabs .col-md-3 h3 {
	color: #111111;
	margin: 0;
	font-weight: 800;
	font-size: 36px;
	line-height: 45px;
}

.c-tabs .col-md-3 p {
	color: #242424;
	font-size: 14px;
	margin: 10px 0 10px 0;
	font-weight: 600;
}

.c-tabs .tabs-list {
	margin: 20px 0;
}

.c-tabs .tabs-list li {
	margin-bottom: 3px;
	font-size: 15px;
	position: relative;
	z-index: 2;
}

.c-tabs .tabs-list li * {
	transition: all 0.3s ease-out;
}

.c-tabs .tabs-list li a {
	color: #000;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 15px;
	display: block;
}

.c-tabs .tabs-list li:hover a:before,
.c-tabs .tabs-list li.active a:before {
	width: 100%;
}

.c-tabs .tabs-list li:hover a, .c-tabs .tabs-list li.active a {
	color: #fff;
}

.branding .branding-portfolio .c-tabs-description p {
	min-height: 200px;
	line-height: 23px;
}

.c-tabs .tabs-list li a:before {
	content: '';
	background-color: #111111;
	width: 5px;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	z-index: -1;
	transition: all 0.7s ease-out;
}

.c-tabs .tabs-list li:nth-child(1) a:before {
	content: '';
	background-color: #111111;
}

.c-tabs .tabs-list li:nth-child(2) a:before {
	content: '';
	background-color: #904d83;
}

.c-tabs .tabs-list li:nth-child(3) a:before {
	content: '';
	background-color: #68797a;
}

.c-tabs .tabs-list li:nth-child(4) a:before {
	content: '';
	background-color: #452b78;
}

.branding .branding-portfolio .c-tabs-description {
	padding: 0 20px 0 0px;
}

.branding .branding-portfolio .c-tabs-description a {
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 20px;
	padding: 7px 35px;
	display: inline-block;
	font-size: 18px;
}

.branding .branding-portfolio .bg1-description {
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
	/*padding: 46px 20px 46px;*/
}

.branding .branding-portfolio .bg1-description:before {
	content: '';
	position: absolute;
	left: 0;
	background: url("../images/shadow-branding.png") no-repeat;
	width: 577px;
	height: 377px;
}

.branding .branding-portfolio .bg1-description img {
	width: initial;
}

.branding-portfolio .c-tabs .tab-content {
	display: none;
	margin-left: 20px;
}

.branding-portfolio .c-tabs .tab-content.active {
	display: block;
	margin-left: 20px;
}

.branding .bannermm {
	background: url('../images/banner-branding.jpg');
	padding: 250px 0 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.animation .bannermm {
	background: url('../images/banner-animation.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inner-pg .bannermm .leftcont-ban h1 {
	font-size: 35px;
}

.inner-pg .bannermm .leftcont-ban p {
	font-size: 20px;
}

.animation .animation-service {
	width: 100%;
	float: left;
	padding-bottom: 40px;
}

.animation-service .srvc-box {
	padding: 15px 15px;
	overflow: hidden;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 19px 1px rgba(150, 150, 150, 1);
	-moz-box-shadow: 0px 0px 19px 1px rgba(150, 150, 150, 1);
	box-shadow: 0px 0px 19px 1px rgb(216, 216, 216);
}

.animation-service .srvc-box {
	border: 2px solid transparent;
	margin-bottom: 20px;
	transition: 0.5s ease-out;
}

.animation-service .srvc-box:hover {
	border-color: var(--prm-color);
	transition: 0.5s ease-in;
}

.animation-service .srvc-box .srvc-lft img,
.animation-service .srvc-box .srvc-lft video {
	float: left;
	margin-right: 25px;
	width: 160px;
	height: 160px;
	border-radius: 10px;
	border: 1px solid #ccc;
}

.animation-service .srvc-box .srvc-rht h4 {
	color: var(--prm-color);
	font-size: 22px;
	font-weight: 600;
	margin-top: 0;
}

.animation-service .srvc-box .srvc-rht p {
	font-size: 14px;
	line-height: 1.7;
}

.animation-service .srvc-box .srvc-rht a {
	font-size: 14px;
	text-decoration: underline;
}

.animation-service .srvc-box .srvc-rht a:hover {
	color: #232323;
}

.animation-service .srvc-box .srvc-rht a:focus {
	color: #232323;
}

.animation-service .srvc-box .srvc-rht a i {
	color: var(--prm-color);
}

.video-development {
	width: 100%;
	float: left;
	background: url(../images/vd-development-bg.jpg);
	min-height: 670px;
	padding: 40px 0;
	background-size: cover;
}

.video-development .vd-devp-fr {
	text-align: center;
}

.video-development .vd-devp-fr h2 {
	font-size: 36px;
	color: #111111;
	font-weight: 800;
}

.video-development .vd-devp-fr p {
	font-size: 16px;
}

.video-development .vd-devp {
	text-align: center;
}

.video-development .vd-devp>div {
	background: #ffffff;
	padding: 15px 10px 15px 10px;
	border-radius: 10px;
	min-height: 355px;
	-webkit-box-shadow: 0px 0px 19px 1px rgba(150, 150, 150, 1);
	-moz-box-shadow: 0px 0px 19px 1px rgba(150, 150, 150, 1);
	box-shadow: 0px 0px 19px 1px rgb(216, 216, 216);
	position: relative;
	z-index: 2;
}

.video-development .vd-devp h3 {
	color: var(--prm-color);
	font-size: 21px;
	font-weight: 600;
}

.video-development .vd-devp p {
	font-size: 14px;
	padding: 0 10px;
}

.video-development .vd-devp span {
	position: absolute;
	background: var(--prm-color);
	color: #ffffff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	left: -7px;
	font-weight: 700;
	font-size: 28px;
	top: -7px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.padd-tp {
	padding-top: 40px;
}

.video-development .vd-bef:before {
	content: '';
	position: absolute;
	left: -20px;
	width: 50px;
	height: 10px;
	top: 15px;
	background: var(--prm-color);
	display: inline-block;
	z-index: 1;
}

.testimo .bannermm {
	background: url(../images/banner-testimonials.jpg);
	background-size: cover;
	background-position: center;
	padding: 250px 0 20px;
}

.testimonials-sec {
	width: 100%;
	float: left;
	padding: 50px 40px;
}

.testimonials-sec .testi .testi-img {
	min-height: 120px;
}

.testimonials-sec .sechead {
	margin-bottom: 50px;
}

.testimo .testimonials-sec .row .col-md-6+.col-md-6 {
	margin-bottom: 40px;
}

.testimonials-sec .testi {
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}

.testimonials-sec .packagesall .portfolio-mmbx .leftcont-ban a {
	width: 170px;
}

.testimonials-sec .packagesall .portfolio-mmbx .leftcont-ban a:hover {
	width: 220px;
}

.testimo #alltest .testi-main>div {
	display: none;
}

.sitemap-main .sp-section {
	min-height: 571px;
	padding-top: 70px;
}

.sitemap-main .sp-section h3 {
	font-size: 18px;
	color: #000;
	font-weight: 700;
}

.sitemap-main .sp-section ul {}

.sitemap-main .sp-section ul li {
	position: relative;
	padding: 8px 0 5px 10px;
}

.sitemap-main .sp-section ul li::before {
	content: "\f105";
	position: absolute;
	color: var(--prm-color);
	font-family: fontAwesome;
	font-size: 11px;
	left: 0;
	top: 13px;
	font-weight: 800;
}

.sitemap-main .sp-section ul li a {
	color: #242424;
	font-size: 13px;
}

.prvcy-securty .bannermm .leftcont-ban h1 strong {
	font-size: 58px;
}

.sitemap-main .termcndtn p strong {
	font-size: 22px;
	display: block;
}

.sitemap-main .termcndtn ul li {
	list-style: inside;
}

.sitemap-main.stp ul li {
	list-style: none;
}

.trms-condtons .tms-cdts {}

.trms-condtons .bannermm .leftcont-ban h1 strong {
	font-size: 54px;
}

.bd-none {
	border: none !important;
	display: none !important;
}

.animation.charAnimation .bannermm {
	background: url(../images/character-Animation.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.animation.expVideo .bannermm {
	background: url(../images/explainer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.animation.typoAnimation .bannermm {
	background: url(../images/typography-banner.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.animation.grpgAnimation .bannermm {
	background: url(../images/graphicAnimation.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.animation.interactiveAnimation .bannermm {
	background: url(../images/interactive-design3D.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.animation.whtVideo .bannermm {
	background: url(../images/whteBoard-banner.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.charAnimation .bannermm h1 strong {
	font-size: 43px !important;
}

.whtVideo .bannermm .leftcont-ban h1 {
	font-size: 31px;
}

.video-development {
	min-height: 600px;
}

.inner-pg .bannermm .leftcont-ban h1 {
	display: inline-block;
}

.bannermm.animbanner {
	background: url("../images/animation-header.jpg") no-repeat;
	background-size: cover;
}

.bannermm.brandingbanner {
	background: url("../images/brandingbanner.jpg") no-repeat;
	background-size: cover;
}

.bannermm a.logobtnsstart {
	width: /*510px*/ max-content;
}

.bannermm a.logobtnsstart:hover {
	width: /*530px*/ max-content;
}

.web-design .bannermm a.webbtnsstart {
	width: 478px;
}

.web-design .bannermm a.webbtnsstart:hover {
	width: 510px;
}

.animation-main .bannermm a.animbtnsstart {
	width: 548px;
}

.animation-main .bannermm a.animbtnsstart:hover {
	width: 566px;
}

.branding .bannermm a.brandbtnsstart {
	width: 525px;
}

.branding .bannermm a.brandbtnsstart:hover {
	width: 535px;
}

.sitemap-main .termcndtn ul li {
	position: relative;
	padding-left: 15px;
	list-style: none;
}

.sitemap-main .termcndtn ul li:before {
	content: '';
	background: #555;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 15px;
	border-radius: 100%;
}

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

/*header .main-nav ul li.selectnavs.dropparent a:before{ width: 75%; left: -14px; }*/
header .main-nav ul li.last.selectnavs a:before {
	width: 90%;
	right: 0px;
	left: initial;
}

header .main-nav ul>li.selectnavs>a::before {
	right: -4px;
}

header .main-nav ul>li.dropparent>a::before {
	right: 9px;
}

.no-found {
	background: url(../images/notFound-bg.jpg);
	background-size: cover;
	background-position: center;
	min-height: 678px;
	background-repeat: no-repeat;
	padding-top: 90px;
}

.no-found .noFound-content h1 {
	font-size: 255px;
	font-weight: 800;
	margin: 0;
	color: var(--prm-color);
}

.no-found .noFound-content h3 {
	margin: 0;
	color: #000000;
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 20px;
}

.no-found .noFound-content a {
	border: 1px solid var(--prm-color);
	color: var(--prm-color);
	border-radius: 20px;
	padding: 10px 20px;
	display: inline-block;
	font-weight: 700;
}

.slick-list {
	padding: 0 !important;
}

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





.web-design .incred-expe .content-incred h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--prm-color);
    padding: 0px;
    margin: 0px 0 10px 0;
}

.incred-expe .content-incred h3 {
    font-size: 30px;
    font-weight: 300;
}

.incred-expe .content-incred h5 {
    font-size: 20px;
    font-weight: 700;
    color: #111111;
}

.web-design .bannermm {
    background-image: url(../images/pages-banner/banner-web-design.jpg);
    padding: 250px 0 20px;
}

.web-design .bannermm .leftcont-ban h1 {
    font-size: 35px;
    font-weight: 600;
}

.web-design .bannermm .leftcont-ban p {
    font-size: 20px;
    font-weight: 400;
}

.web-design .slick-dotted.slick-slider {
    padding-bottom: 50px;
    margin-bottom: 0px;
}


/*.web-design .det-packages .boxpackages {margin: 50px 0 0;}*/

.types-box {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    min-height: 335px;
    margin: 30px 0 50px 0;
    transition: all 0.3s ease-out;
}


/* .types-box:hover {
    box-shadow: -webkit-box-shadow: 0px 2px 45px 5px rgba(103, 103, 103, 0.75);
    -moz-box-shadow: 0px 2px 45px 5px rgba(103, 103, 103, 0.75);
    box-shadow: 0px 2px 45px 5px rgba(103, 103, 103, 0.75);
} */

.types-box img {
    display: block;
}

.types-box h5 {
    font-size: 22px;
    color: #04165d;
    font-weight: 600;
    text-align: center;
    padding: 30px 0 10px;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
}

.types-box p {
    font-size: 14px;
    color: #111111;
    font-weight: 400;
    text-align: center;
    padding: 0px 12px;
    margin: 0px;
}

.web-design.portfolio .portfoliomaindivs .topbartabs {
    border: 0px;
    margin: 0px 0 0 0;
}

.about .bannermm {
    background-image: url(../images/banner-about.jpg);
    padding: 300px 0 20px;
}

.padtop150 {
    padding-top: 150px;
}

.padtop80 {
    padding-top: 80px;
}

.about-phylosophy-bg {
    background: url(../images/about-philosophy.jpg) no-repeat;
    background-size: 100% 100%;
    min-height: 590px;
    clear: both;
}

.about-phylosophy-bg h3 {
    margin: 55px 0 10px 0;
}

.about-phylosophy-bg .phylosophy-box {
    padding: 0px 15px;
    position: relative;
    margin: 50px 0 0 0;
    cursor: pointer;
}

.about-phylosophy-bg .phylosophy-box i {
    width: 172px;
    height: 172px;
    display: block;
    margin: 0px auto;
    background: url(../images/about-philosophy-icons.png) -2px -10px no-repeat;
    position: relative;
    z-index: 2;
}

.about-phylosophy-bg .phylosophy-box h4 {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    text-align: center;
    padding: 0px;
    margin: 20px 0 15px 0;
    letter-spacing: -0.5px;
}

.about-phylosophy-bg .phylosophy-box p {
    font-size: 14px;
    font-weight: 400;
    color: #242424;
    text-align: center;
    padding: 0;
    margin: 0;
}

.about-phylosophy-bg .phylosophy-box i span {
    position: absolute;
    right: -15px;
    top: 0px;
    font-size: 24px;
    color: #cccccc;
    font-weight: 600;
    font-style: normal;
    display: none;
}

.about-phylosophy-bg .phylosophy-box i span.num-bot {
    top: inherit;
    bottom: 0px;
}

.about-phylosophy-bg .phylosophy-box:hover i span {
    color: var(--prm-color);
}

.about-phylosophy-bg .phylosophy-box:after {
    position: absolute;
    right: -90px;
    top: 70px;
    content: '';
    background: url(../images/about-step-sep.png) left top no-repeat;
    width: 173px;
    height: 37px;
    z-index: 1;
}

.about-phylosophy-bg .phylosophy-box.no-sep:after {
    display: none;
}

.about-phylosophy-bg .phylosophy-box.round:after {
    transform: rotate(180deg);
}

.about-phylosophy-bg .phylosophy-box i.two {
    background-position: -190px -10px;
}

.about-phylosophy-bg .phylosophy-box i.three {
    background-position: -374px -10px;
}

.about-phylosophy-bg .phylosophy-box i.four {
    background-position: 0px -192px;
}

.contact .bannermm {
    background-image: url(../images/contact-banner.jpg);
    padding: 300px 0 20px;
}

.contact-main {
    margin: 20px 0 50px 0;
}

.contact .sechead {
    margin-bottom: 50px;
}

.contact .fixedform {
    display: none;
}

.contact-form-main {
    margin: 0 35px;
    display: flex;
}

.contact-form-main .gray-bg {
    float: left;
    width: 70%;
    padding: 26px 25px;
    background-color: #f4f4f4;
}

.contact-form-main .gray-bg h4 {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    padding: 0px;
    margin: 0px 0 20px 0;
}

.contact-form-main .gray-bg .field {
    width: calc(50% - 15px);
    float: left;
    margin: 0 15px 21.3px 0;
    position: relative;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.contact-form-main .gray-bg .field:nth-child(odd) {
    margin-right: 0px;
}

.contact-form-main .gray-bg .field i {
    position: absolute;
    left: 10px;
    top: 10px;
    background: url(../images/about-philosophy-icons.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
}

.contact-form-main .gray-bg .field i.select {
    background-position: -126px -374px;
    transform: translateY(2px);
}

.contact-form-main .gray-bg .field i.user {
    background-position: -3px -375px;
    top: 11px;
}

.contact-form-main .gray-bg .field i.phone {
    background-position: -25px -375px;
}

.contact-form-main .gray-bg .field i.email {
    background-position: -46px -378px;
    top: 14px;
}

.mm-field.email fieldset,
.mm-field.name fieldset {
    left: 41.5px
}

.mm-field.textarea fieldset {
    left: 15px
}

.mm-field.phone fieldset {
    left: 86px
}

.mm-field.email fieldset.active,
.mm-field.name fieldset.active {
    top: 0px;
    font-size: 9px;
    color: #000
}

.mm-field.textarea fieldset.active {
    top: 1px;
    font-size: 9px;
    color: #000
}

.mm-field.phone fieldset.active {
    top: 1px;
    font-size: 9px;
    color: #000
}

.contact-form-main .gray-bg .field i.subject {
    background-position: -68px -376px;
}

.contact-form-main .gray-bg .field.full {
    width: 100%;
    margin: 0px;
    float: none;
    clear: both;
}

.contact-form-main .gray-bg .field input[type="text"],
.contact-form-main .gray-bg .field textarea,
.contact-form-main .gray-bg .field select {
    width: 100%;
    background: transparent;
    height: 40px;
    padding: 0 20px 0 40px;
    font-size: 14px;
    font-weight: 400;
    color: #242424;
    position: relative;
    z-index: 2;
    border: none
}

.contact-form-main .gray-bg .field textarea {
    height: 141px;
    resize: none;
    padding: 10px 15px;
    width: calc(100% - 15px);
}

.contact-form-main .gray-bg .submit {
    display: block;
    max-width: 200px;
    margin: 20px auto 0;
    position: relative;
}

.contact-form-main .gray-bg .submit input[type="submit"] {
    background: var(--prm-color);
    width: 100%;
    height: 45px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border: 0px;
    text-align: left;
    padding-left: 59px;
}

.contact-form-main .gray-bg .submit:before {
    position: absolute;
    left: 15%;
    top: 12px;
    content: '';
    background: url(../images/about-philosophy-icons.png) no-repeat -94px -374px;
    width: 22px;
    height: 21px;
}





.contact-form-main .gray-bg .order-varify {
    display: block;
    max-width: 200px;
    margin: 10px auto 0;
    position: relative;
}

.contact-form-main .gray-bg .order-varify button {
    background: var(--prm-color);
    width: 100%;
    height: 45px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border: 0px;
    text-align: left;
    padding-left: 59px;
}

.contact-form-main .gray-bg .order-varify:before {
    position: absolute;
    left: 15%;
    top: 12px;
    content: '';
    background: url(../images/about-philosophy-icons.png) no-repeat -155px -374px;
    width: 22px;
    height: 21px;
}


.contact-form-main .gray-bg .submit-order {
    display: block;
    max-width: 200px;
    margin: 10px auto 0;
    position: relative;

    animation: submit-order-ani 700ms linear infinite;
}

.contact-form-main .gray-bg .submit-order button {
    background: var(--prm-color);
    width: 100%;
    height: 45px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border: 0px;
    text-align: left;
    padding-left: 59px;
}

.contact-form-main .gray-bg .submit-order:before {
    position: absolute;
    left: 15%;
    top: 12px;
    content: '';
    background: url(../images/about-philosophy-icons.png) no-repeat -188px -374px;
    width: 22px;
    height: 21px;
}



@keyframes submit-order-ani {
    0%    { transform: scale(1); }
    50%   { transform: scale(1.05); }
    100%  { transform: scale(1); }
}


.contact-form-main .red-bg {
    float: left;
    width: 30%;
    padding: 20px 25px 20px 25px;
    background-color: var(--prm-color);
}

.contact-form-main .red-bg h3 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    padding: 0px;
    margin: 0px 0 10px;
    line-height: normal;
}

.contact-form-main .red-bg h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 0 0 5px 0;
    margin: 0px 0 5px 0;
    line-height: normal;
    position: relative;
}

.contact-form-main .red-bg h4:before {
    width: 48px;
    height: 2px;
    background: #fff;
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
}

.contact-form-main .red-bg p {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 0 0 0px 0;
    margin: 0px 0 10px 0;
    position: relative;
}

.contact-form-main .red-bg .social-icons i {
    font-size: 18px;
    color: #fff;
    margin: 0 4px;
    border: 2px solid #fff;
    border-radius: 100%;
    padding: 9px 11px 10px 11px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.5s;
}

.contact-form-main .red-bg .social-icons i:hover {
    color: #3b7dff;
    border-color: #3b7dff;
}

.contact-form-main .red-bg .social-icons a+a i:hover {
    color: #282828;
    border-color: #282828;
}

.contact-form-main .red-bg .social-icons a+a+a i:hover {
    color: #0056ff;
    border-color: #0056ff;
}

.contact-form-main .red-bg .social-icons a+a+a+a i:hover {
    color: #0274b3;
    border-color: #0274b3;
}

.contact-form-main .red-bg .social-icons a+a+a+a+a i:hover {
    color: #55adec;
    border-color: #55adec;
}

.custom-popup {
    position: fixed;
    overflow: hidden;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--secondary-color) url('../images/popup-bg.jpg') center center no-repeat;
    background-size: cover;
    z-index: 999999;
    display: flex;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease
}

.custom-popup.acttive {
    top: 0
}

.custom-popup h3 {
    font-size: 36px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding: 0;
    margin: 0
}

.custom-popup p {
    color: #fff;
    font-size: 20px;
}

.custom-popup a.closed {
    position: relative;
    display: block
}

.custom-popup a.closed::before {
    content: "\f00d";
    position: absolute;
    top: -40px;
    right: 14px;
    font-family: fontAwesome;
    font-size: 20px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 0 6.5px
}

.custom-popup>div {
    padding: 80px 20px
}


/* .custom-popup .jform{ margin: 20px 0; width: 100%; }
.custom-popup .jform .mm-field input,.custom-popup .jform .mm-field select , .custom-popup .jform textarea{width: 100%; background: transparent; border: 1px solid #fff; padding: 14px 14px 14px 45px; border-radius: 8px; margin: 0 0 20px; font-size: 15px; color: #fff; }
.custom-popup .jform .mm-field option { color: #000  }
.custom-popup .jform .intl-tel-input{width: 100%}
.custom-popup .intl-tel-input .selected-flag .iti-arrow{display: none}
.custom-popup .jform ::placeholder{color: #fff}
.custom-popup .jform .mm-field.pnfields input{ padding-left: 56px }
.custom-popup .jform textarea{ padding-top: 17px;padding-bottom: 15px; padding-left: 14px  }
.custom-popup .intl-tel-input.separate-dial-code .selected-dial-code{color: #fff}
.custom-popup .input-btn{ width: 303px; margin: 10px auto 0;position: relative;}
.custom-popup .input-btn::after{content: ""; color: #ff0243; position: absolute; top: 17px; right: 20px; background: url('/web-content/images/sprites.png') center no-repeat; background-position: -3px -19px; width: 39px; height: 10px; }
.custom-popup .input-btn > input{ font-size: 18px; color: #242424; font-family: 'Montserrat', sans-serif; background: #ffffff; font-weight: 600; padding: 10px 30px 7px 0px; border-radius:25px; outline: none; border: none; width: 100% } */

.fixedform-1 form {
    width: 100%;
    margin: 30px 0
}

.fixedform-1 .mm-field {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

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

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

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

.fixedform-1 option {
    color: #000
}

.fixedform-1 .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #fff
}

.fixedform-1 .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #fff
}

.fixedform-1 .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 0
}

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

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

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

.fixedform-1 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.fixedform-1 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.fixedform-1.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 90px;
}

.fixedform-1 fieldset {
    position: absolute;
    top: 14px;
    left: 50px;
    z-index: 2;
    color: #fff;
    font-size: 15px;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease-in-out;
}

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

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

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

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

.fixedform-1 .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-1 .mm-field.whbgnone input[type="submit"] {
    background: var(--prm-color);
    border-radius: 30px;
    width: 100%;
    padding: 14px 35px;
    color: #fff;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    border: transparent;
}

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

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

.fixedform-1 .mm-field.pnfields fieldset.active {
    left: 82px;
}

.fixedform-1.active {
    right: 0;
}

.fixedform-1.active .barforms {
    background-position: -815px -8px;
}

.fixedform-1 .mm-field textarea {
    padding-left: 14px
}

.fixedform-1 .textarea fieldset {
    left: 16px
}

.fixedform-1 .textarea fieldset {
    left: 16px
}

.fixedform-1 .mm-field.textarea fieldset.active {
    left: 16px;
}

.fixedform-1 .input-btn {
    width: 303px;
    margin: 10px auto 0;
    position: relative;
}

.fixedform-1 .input-btn::after {
    content: "";
    color: var(--prm-color);
    position: absolute;
    top: 20px;
    right: 20px;
    background: url('../images/sprites.png') center no-repeat;
    background-position: -3px -19px;
    width: 39px;
    height: 10px;
}

.fixedform-1 .input-btn>input {
    font-size: 18px;
    color: #242424;
    font-family: 'Montserrat', sans-serif;
    background: #ffffff;
    font-weight: 600;
    padding: 12px 30px 12px 0px;
    border-radius: 25px;
    outline: none;
    border: none;
    width: 100%
}

.fixedform-1 .jform .mm-field {
    position: relative;
}

.fixedform-1 .jform .mm-field.namefield::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/sprites.png')center center no-repeat;
    background-position: -712px 2px;
    width: 50px;
    height: 50px;
}

.fixedform-1 .jform .mm-field.emailfield::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/sprites.png')center center no-repeat;
    background-position: -713px -37px;
    width: 50px;
    height: 50px;
}

.fixedform-1 .jform .mm-field.selectsertvice::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/sprites.png')center center no-repeat;
    background-position: -756px 2px;
    width: 50px;
    height: 50px;
}

.fixedform-1 .jform .mm-field.phonefield::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/sprites.png')center center no-repeat;
    background-position: -756px -37px;
    width: 50px;
    height: 50px;
}

.contact-form-main .intl-tel-input {
    width: 100%;
    padding-left: 16px
}

.contact-form-main .mm-field.phone fieldset {
    left: 42px;
}

.contact-form-main .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    background: #fff
}


/* .fixed-forms-main{ opacity: 1; } */

.web-design .det-packages .packagesall a {
    width: 285px;
}

.web-design.process .det-packages .packagesall a {
    width: 260px;
}

.web-design .det-packages .packagesall a:hover {
    width: 350px;
}

.thanku {
    padding: 150px 0 100px;
}

.thank-you-img {
    text-align: center;
}

.thank-you-img p {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    padding: 0 0 50px 0;
    margin: 0px;
    color: #666
}

.thanks-box {
    text-align: center;
}

.thanks-box i {}

.thanks-box i:before {
    content: "\f0e0";
    color: var(--prm-color);
    font-size: 50px;
    font-family: 'FontAwesome';
    font-style: normal;
}

.thanks-box h6 {
    font-size: 20px;
    font-weight: 600;
    color: var(--prm-color);
    padding: 0;
    margin: 20px 0;
}

.thanks-box i.phone:before {
    content: "\f095";
}

.thanks-box i.chat:before {
    content: "\f086";
}

.thanks-box p {
    padding: 0;
    margin: 5px 0;
    font-size: 14px;
}

.thanks-box a {
    font-weight: 600;
    color: #333;
}

label.error {
    /*display: none !important;*/


    display: block;
    color: #bf1212 !important;
    font-weight: 600 !important;
    font-size: smaller !important;

}

input.error {
    border-color: #ecdc56 !important;
}

.gray-bg input.error {
    border-color: #ff0000 !important;
}

#side-form input.error {
    border-color: #ff0000 !important;
}