.text-uppercase {
    text-transform: uppercase;
}

/* Header */
.header {
    background: url(../../images/lite_v2/header_bg_draco-20years.jpg) no-repeat center bottom/1044px #040810;
    color: #fff;
    padding: 50px 0 110px 0;
    position: relative;
    min-height: 450px;
}

/*.header__background {background: url(../../images/lite_v2/header_bg_draco.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }*/
.header__title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin: 25px 0;
}

.header__subtitle {
    font-size: 18px;
}

.header__location {
    font-size: 14px;
    padding: 15px 0 0 0;
}

.header--swapgs {
    background-image: url("../../images/lite_v2/header_bg_swapgs.jpg");
    background-size: 1980px;
    background-color: #00030a;
    padding-bottom: 90px;
}

.header__title--swapgs {
    font-size: 36px;
}

.header__line--swapgs {
    border-width: 1px 0;
    border-color: #fff;
}

.header__text--swapgs {
    font-size: 14px;
}

.header__triangle--swapgs {
    display: inline-block;
    vertical-align: 3px;
    margin-right: 6px;
}

/* Solutions */
.solutions {
    text-align: center;
    margin: -70px 0 0 0;
}

.row--custom-spacing {
    margin: 0 -5px;
}

.hover-me-awardDE .hiddDETA {
    max-width: 250px;
}

.awards__img-3Custom {
    max-width: 100%;
}

.relativeDP {
    position: relative
}

.backgroundDP {
    display: none;
    position: absolute;
    background: #fff;
    padding: 10px 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: -264px;
    z-index: 99999999;
    width: 280px;
    height: 240px;
    border: 1px solid #111;
}

.hover-me-awardDE:hover .backgroundDP {
    display: block;
}

.backgroundDP:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-color: #111 transparent transparent;
    border-style: solid;
    border-width: 13px;
    width: 0;
    bottom: -27px;
    height: 0;
    left: 220px;
}

.row--custom-spacing .col-12 {
    padding: 0 5px;
}

.solutions__item {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    background: #fff;
    padding: 30px 22px 20px 22px;
    width: 100%;
    position: relative;
}

.solutions__icon-container {
    min-height: 65px;
    width: 100%;
}

.solutions__icon {
    max-width: 75px;
    width: 100%;
    max-height: 65px;
    height: 100%;
}

.solutions__name {
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0;
}

.solutions__name__link {
    color: inherit;
}

.solutions__name__link__mobile {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.solutions__text {
    color: #666;
    font-size: 13px;
    height: 100%;
}

.solutions__button-container {
    padding-top: 15px;
}

.solutions__info-container {
    height: 100%;
    width: 100%;
}

/* Awards */
.awards {
    margin: 60px 0;
}

.awards__title {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    margin: 0 0 10px 0;
}

.awards__title--large {
    font-size: 24px;
}

.awards__title::before {
    content: "";
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 100%;
}

.awards__subtitle {
    color: #666;
    margin: 0 0 30px 0;
}

.awards__title__text {
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 5;
    padding: 0 10px 0 0;
}

.awards__container {
    max-width: 780px;
    margin: -7px auto 0;
    width: 100%;
}

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

.awards__img-1 {
    max-width: 35%;
    width: 100%;
}

.awards__img-2 {
    max-width: 15%;
    width: 100%;
}

.awards__img-3 {
    max-width: 22%;
    width: 100%;
}

.awards__img {
    margin-right: 3%;
}

.awards__img:last-child {
    margin-right: 0;
    width: auto;
}

/* News */
.news {
    margin: 40px 0;
}

.news__thumb {
    background: no-repeat center/cover;
    position: relative;
}

.news__container {
    background: #f0f0f0;
    padding: 20px;
    height: 100%;
}

.news__container--primary {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

.news__date {
    color: #666;
    font-size: 13px;
    text-transform: uppercase;
}

.news__title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0 0 0;
}

/* Statement */
.statement {
    background: #03001d url(../../images/lite_v2/statement-bg-2.jpg) no-repeat center top/1596px;
    color: #fff;
    padding: 70px 0;
}

.statement__title {
    font-size: 24px;
    font-weight: 500;
}

.statement__title2 {
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    margin-bottom: 15px;
}

.statement__content__text {
    font-size: 18px;
    margin-bottom: 15px;
    color: #999999;
}

.statement__content {
    border-bottom: 1px solid #999;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

/*.statement__content {*/

/*    position: relative;*/

/*}*/

/*.statement__content::after {*/

/*    content: "";*/

/*    width: 40px;*/

/*    height: 40px;*/

/*    position: absolute;*/

/*    left: 0;*/

/*    right: 0;*/

/*    bottom: -20px;*/

/*    margin: auto;*/

/*    background: url(../../images/lite_v2/b-logo.svg) no-repeat center/cover;*/

/*    border: 2px solid #999;*/

/*    border-radius: 50%;*/

/*}*/

/* Buttons */
.button-1 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #2060ff;
    padding: 10px 16px;
    display: inline-block;
    border: 2px solid #2060ff;
    line-height: 1.2;
    text-align: center;
    max-width: 400px;
    transition: .2s background-color, .2s color;
    border-radius: 5px;
    cursor: pointer;
}

.button-1.disabled,
.button-1.disabled:hover,
.button-1:disabled:hover,
.button-1:disabled{
    background-color: #cccccc;
    border-color: #cccccc;
    cursor: not-allowed;
    color: #fff;
}
.button-1:hover {
    background: #fff;
    color: #2060ff;
}

.button-1--inverse {
    background: #fff;
    color: #2060ff;
}

.button-1--inverse:hover {
    background: #2060ff;
    color: #fff;
}

.button-1--teal {
    background: #00b6ae;
    border-color: #00b6ae;
    font-size: 12px;
    padding: 10px;
    border-radius: 0;
}

.button-1--teal:hover {
    color: #00b6ae;
    background: none;
}

.button-1--teal-inverse {
    font-size: 14px;
    padding: 10px;
    color: #00b6ae;
    background: none;
    border-color: #00b6ae;
}

.button-1--teal-inverse:hover {
    background: #00b6ae;
    color: #fff;
}

.button-1--teal:disabled {
    background: #999;
    border-color: #999;
    cursor: not-allowed;
    color: #fff;
}

.button-1--orange-inverse {
    text-transform: uppercase;
    color: #ffa119;
    border-color: #ffa119;
    font-size: 12px;
    padding: 10px;
    border-radius: 0;
    background: transparent;
}

.button-1--orange-inverse:hover {
    background: #ffa119;
    color: #fff;
}

.button-1--orange {
    text-transform: uppercase;
    border-color: #ffa119;
    font-size: 12px;
    padding: 10px;
    border-radius: 0;
    background: #ffa119;
    color: #fff;
}

.button-1--orange:hover {
    color: #ffa119;
    background: transparent;
}

.button-2 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background: none;
    padding: 12px;
    display: block;
    border: 2px solid #000;
    border-radius: 5px;
    line-height: 1.2;
    text-align: center;
    max-width: 400px;
    transition: .2s background-color, .2s color;
    cursor: pointer;
}

.button-2--small {
    font-size: 14px;
    padding: 10px;
    max-width: 180px;
}

.button-2--blue {
    border-color: #2060ff;
    color: #2060ff;
}

.button-2--white {
    border-color: #fff;
    color: #fff;
}

.button-2:hover {
    background: #000;
    color: #fff;
}

.button-2--blue:hover {
    background: #2060ff;
}

.button-2--white:hover {
    background: #fff;
    color: #000;
}

.button-3 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #2060ff;
    padding: 10px 30px;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    max-width: 400px;
    transition: .2s background-color;
    border-radius: 5px;
}

.button-3:hover {
    background: #1b54e0;
}

.button-3--green {
    background: #1fc853;
    padding-top: 14px;
    padding-bottom: 14px;
}

.button-3--green:hover {
    background: #1ba244;
}

.button-5 {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: none;
    padding: 10px 28px;
    display: inline-block;
    border: 2px solid #fff;
    line-height: 1.2;
    text-align: center;
    max-width: 400px;
    transition: .2s background-color, .2s color, .2s border;
}

.button-5-arrow {
    width: 15px;
    vertical-align: middle;
    margin-left: 4px;
}

.button-5-elm {
    stroke: #fff;
    transition: .2s stroke;
}

.button-5:hover {
    background: #fff;
    color: #2060ff;
}

.button-5:hover .button-5-elm {
    stroke: #000;
}

.button-5:active {
    background: #2060ff;
    color: #fff;
    border-color: #2060ff;
}

.button-5:active .button-5-elm {
    stroke: #fff;
}

/* cookie */
.cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 54px;
    background: rgba(255, 255, 255, .9);
    border: 1px solid #ccc;
    z-index: 999999;
    border-right: 0;
    padding: 9px 0;
}

.cookies--active {
    display: none;
}

.cookies__title {
    color: #000;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

.cookies__item {
    width: 70%;
}

.cookies__item2 {
    width: 30%;
}

.cookies__button {
    transition: background 0.3s ease;
    font-size: 14px;
    font-family: 'Roboto Medium', sans-serif;
    color: #000;
    padding: 8px 24px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
}

.cookies__button2 {
    transition: background 0.3s ease;
    font-size: 14px;
    font-family: 'Roboto Medium', sans-serif;
    color: #fff;
    padding: 8px 44px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    background: #666666
}

.cookies__button:hover {
    color: #fff;
    background: #666;
}

.cookies__button2:hover {
    color: #111;
    background: transparent;
}

.livenews {
    background: #f31313;
    width: 100%;
    color: #fff;
    padding: 10px 0;
    font-size: 13px;
    position: relative;
    z-index: 10;
}

.livenews a {
    color: inherit;
    font-weight: bold;
}

.livenews__dot {
    background: #fff;
    display: inline-block;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 10px;
    padding: 5px 7px 5px 22px;
    position: relative;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
}

.livenews__dot::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #f00;
    border-radius: 50%;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    animation: blinker 1s linear infinite;
}

.livenews__text {
    padding-left: 90px;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.choose-central .videocentral {
    margin: 0 0 30px 0;
}

.choose-central .videocentral .text {
    font-size: 16px;
    color: #a8bddc;
    display: block;
    margin-bottom: 5px;
    margin-top: 13px;
}

.choose-central .videocentral .watch {
    font-size: 16px;
    color: #399cfb;
}

.choose-central .videocentral .it {
    display: inline-block;
    vertical-align: top;
}

.choose-central .videocentral .it.f {
    margin-right: 20px;
}

.modal-backdrop {
    z-index: 1;
}

#vdesprecentral {
    width: auto;
    z-index: 1060
}

#vdesprecentral .modal-body {
    max-height: none;
    text-align: center;
}

#vdesprecentral .modal-cancel {
    display: block;
    position: absolute;
    right: -50px;
    top: -100px;
    background: url(../images/cancel-x.png) no-repeat scroll center center;
    cursor: pointer;
    display: block;
    height: 33px;
    margin: 100px auto auto;
    width: 33px;
}

#vdesprecentral .modal-dialog {
    margin: 5.5em auto;
    width: 580px;
    height: 415px;
}

#vdesprecentral .modal-content {
    background-color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.8);
    border-radius: 2px;
}

/* Footer */
.pushFooterDown {
    padding-top: 50px;
}

.footer {
    margin-bottom: -25px;
}

.footer__container {
    background: url(../../images/lite_v2/footer.jpg) center #000 no-repeat;
    padding: 35px 0 40px 0;
    z-index: 5;
    position: relative;
    font-size: 13px;
    color: #999999;
}

.footer__links {
    margin-top: 15px;
}

.footer__links a {
    color: #999999;
    text-decoration: none;
    display: block;
    transition: .2s color;
}

.footer__links a:hover {
    color: #e80000;
}

.footer__links li {
    display: inline-block;
    position: relative;
    padding: 0 6px 0 0;
}

.footer__links li::after {
    content: "";
    position: absolute;
    right: 1px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #999999;
    margin: auto;
}

.footer__links li:last-child {
    padding-right: 0;
}

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

.footer__copy {
    margin: 2px 0 15px 0;
    padding-bottom: 15px;
    color: #373737;
}

.footer__lang {
    background: #313131;
    width: 100%;
    padding: 0;
    z-index: 1;
    height: 0;
    overflow: hidden;
    transition: .5s height;
    position: relative;
}

.footer__text {
    margin-bottom: 10px;
}

.footer__lang__container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer__lang__col {
    width: 20%;
    padding: 0 15px;
}

.footer__lang li {
    padding: 8px 0;
    color: #9a9a9a;
    font-size: 12px;
}

.footer__lang a {
    color: inherit;
    display: block;
    transition: .2s color;
}

.footer__lang a:hover {
    color: #fff;
}

.footer__lang .active {
    color: #fff;
    position: relative;
    font-weight: 700;
}

.footer__lang__close {
    width: 24px;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 5;
}

.footer__trigger-lang {
    border: 2px solid #666;
    color: #ccc;
    padding: 13px 30px 13px 40px;
    min-width: 260px;
    position: relative;
}

.footer__trigger-lang::after {
    content: "";
    background: url(../../images/lite_v2/arrow-menu.png) no-repeat center;
    width: 10px;
    height: 7px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 10px;
    margin: auto;
    transition: transform 0.5s;
}

.footer__trigger-lang--active::after {
    transform: rotateZ(180deg);
}

.footer__trigger-lang__img {
    width: 24px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 8px;
}

/* menu map */
.footer__trigger-map_lang {
    height: 25px;
    padding: 0;
    display: inline-block;
    outline: none;
    position: relative;
    top: 2px;
}

.footer__trigger-map_lang span {
    padding: 0 11px 0 12px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 13px !important;
}

.footer__trigger-map_lang::after {
    content: "";
    background: url(../../images/lite_v2/arrow-menu.png) no-repeat center;
    width: 10px;
    height: 7px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: -90px;
    margin: auto;
    transition: transform 0.5s;
}

.footer__trigger-map_lang--active::after {
    transform: rotateZ(180deg);
}

.footer__trigger-map_lang__img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 8px;
}

.swthdr {
    color: #fff;
    background: #000a44 url(../../images/lite_v2/comparison-bg.jpg) no-repeat center top/1400px;
    padding: 90px 0 100px 0;
    height: 777px;
}

.swthdr__title {
    font-size: 42px;
    font-weight: bold;
    line-height: 1.1;
}

.swthdr__award .product__quote-by {
    font-size: 14px;
    color: #fff;
}

.swttbl__table__col .fa-check {
    color: #33cc33;
}

.swttbl__table__col .fa-times {
    color: #ccc;
}

.swthdr__award {
    font-size: 18px;
}

.swthdr__text {
    font-weight: 300;
    font-size: 20px;
}

.swttbl__table {
    max-width: 800px;
    margin-top: -60px;
    position: relative;
    z-index: 5;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

.currentColor {
    color: inherit;
}

.swttbl {
    padding-bottom: 50px;
}

.swttbl__table sup {
    font-size: 60%;
    vertical-align: top;
}

.swttbl__table__col--1 {
    max-width: 37%;
    flex: 0 0 37%;
    font-size: 18px;
    display: flex;
    align-items: center;
    background: #fafafa;
}

.swttbl__table__col--2 {
    max-width: 40%;
    flex: 0 0 40%;
    text-align: center;
    box-shadow: 0 0 60px rgba(0, 0, 0, .15);
    position: relative;
}

.swttbl__table__col--2::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 2;
}

.swttbl__table__col--3 {
    max-width: 23%;
    flex: 0 0 23%;
    text-align: center;
}

.swttbl__table__col {
    padding: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.swttbl__table__col--header {
    font-size: 20px;
    font-weight: bold;
    color: #343434;
    background: none;
}

.swttbl__table__col .svg-inline--fa {
    font-size: 26px;
    position: relative;
    z-index: 5;
}

.swttbl__table__boxshot {
    transform: scale(1.3);
    margin-top: -190px;
}

.swttbl__table__col--2--header {
    margin-top: -80px;
    border-radius: 5px 5px 0 0;
}

.swttbl__table__col--2--footer {
    margin-bottom: -80px;
    border-radius: 0 0 5px 5px;
}

.swttbl__table__col--2--header::after {
    border-radius: 5px 5px 0 0;
}

.swttbl__table__col--2--footer::after {
    border-radius: 0 0 5px 5px;
}

.swttbl__table__limitedoffer {
    position: absolute;
    left: -27px;
    top: -25px;
    z-index: 4;
}

.swttbl__table__col--2--only {
    margin-left: 37%;
    border-bottom: 0;
}

.swttbl__undertable {
    margin-top: 110px;
    max-width: 800px;
    color: #878787;
    font-weight: 500;
}

.swttbl__table__col--2--noshadow {
    box-shadow: none;
}

.swttbl__undertable__icon-1 {
    max-width: 36px;
    flex: 0 0 36px;
}

.swttbl__undertable__icon-2 {
    max-width: 45px;
    flex: 0 0 45px;
}

.swt {
    background: #999;
    color: #fff;
}

.swt__overtitle {
    font-size: 22px;
}

.swt__title {
    font-size: 40px;
    line-height: 1.1;
}

.swt__text {
    font-size: 20px;
}

.swt__buyzone {
    color: #000;
    background: #fff;
    max-width: 290px;
    border-radius: 5px;
}

.label-circle {
    position: relative;
    font-size: 16px;
    padding: 4px 4px 4px 28px;
    display: block;
    text-align: left;
    font-weight: 500;
    cursor: pointer;
}

.label-circle__check {
    width: 1em;
    height: 1em;
    font-size: 20px;
    border: 1px solid #909090;
    border-radius: 50%;
    display: block;
    background: #e8e8e8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.label-circle__check .fa-check {
    color: #fff;
    font-size: 0.6em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}

.input-circle:checked + .label-circle .label-circle__check {
    border-color: #329b16;
    background: #21b53d;
}

.input-circle:checked + .label-circle .fa-check {
    display: block;
}

.swt__boxshot {
    transform: scale(1.5) translate(40px, 50px);
}

.notes {
    background: #000;
    color: #fff;
    font-size: 14px;
}

.notes a {
    color: #fff;
    font-size: 14px;
}

/* 2 dpr */
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1199px) {
    .header {
        background-image: url(../../images/lite_v2/header_bg_draco-20years_x2.jpg)
    }

    .statement {
        background-image: url(../../images/lite_v2/statement-bg-2_2x.jpg);
    }

    /*.header__background {background-image: url(../../images/lite_v2/header_bg_draco_x2.jpg); background-size: 1920px; }*/
}

/*modal*/
.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modal button.close {
    -webkit-appearance: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

/* msp 2020 */
.msphead20 {
    background: url('../../images/lite_v2/msp2020-heajder.jpg') right center no-repeat #3f849a;
    height: 500px;
    color: #fff;
}

.partnerhead20 {
    background: url('../../images/lite_v2/partner2020-heajder.jpg') right center no-repeat #3d427d;
    height: 500px;
    color: #fff;
}

.msphead20__bit {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.darkblueBtn.lighter {
    background: #3f849a;
}

.darkblueBtn.lighter:hover {
    background: #4196b1;
}

.msphead20__title {
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.msphead20__subtitle {
    font-size: 18px;
    font-weight: 600;
}

.msphead20__hr {
    display: block;
    width: 155px;
    height: 1px;
    background: #84ceb8;
    margin: 15px 0 15px 0;
}

.msphead20__ul li {
    font-size: 16px;
    margin-bottom: 6px;
}

.msphead20__ul li svg {
    margin-right: 10px;
}

.darkblueBtn {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #343b66;
    padding: 10px 42px;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    transition: .2s background-color;
    border-radius: 5px;
    text-transform: uppercase;
    vertical-align: top;
}

.darkblueBtn:hover {
    background: #384178;
}

.vm {
    vertical-align: top;
    display: inline-block
}

.whiteEmptyBtn {
    font-size: 14px;
    vertical-align: top;
    font-weight: 500;
    margin-left: 15px;
    color: #fff;
    background: transparent;
    padding: 10px 36px;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    transition: .4s background-color;
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid #fff;
}

.whiteEmptyBtn:hover {
    background: #fff;
    color: #343b66;
}

.msphead20__lets {
    display: block;
    font-size: 13px;
    margin: 4px 0;
    text-align: center;
}

.msphead20__looking {
    padding: 10px 8px 10px 60px;
    width: 400px;
    border-radius: 5px;
    color: #333;
    background: #fff;
}

.whypart20__svg {
    max-height: 50px;
    color: #3f849a;
    width: 50px;
}

.msphead20__svg {
    color: #ff5252;
    position: absolute;
    height: 32px;
    width: 40px;
    left: 9px;
    top: 15px;
}

.msphead20__looking a {
    color: #000
}

.msphead20__looking b {
    font-weight: 800;
}

.prguide20__title {
    font-size: 24px;
    color: #111;
    font-weight: 600;
    margin-bottom: 14px;
}

.prguide20__par {
    min-height: 70px;
    font-size: 14px;
    color: #666666;
}

.prguide20__a {
    color: #006eff;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}

.prguide20__a svg {
    margin-right: 5px;
}

.msp-video20--wrap {
    background: rgb(63, 132, 154);
    background: linear-gradient(129deg, rgba(63, 132, 154, 1) 0%, rgba(45, 151, 147, 1) 100%);
    padding: 35px 140px;
    position: relative;
    text-align: center;
    color: #fff;
}

.msp-video20--wrap.pan20:after {
    border-top: 30px solid #3274AC
}

.msp-video20--wrap.pan20 {
    background: rgb(61, 66, 125);
    background: linear-gradient(129deg, rgba(61, 66, 125, 1) 0%, rgba(44, 142, 196, 1) 100%);
}

.ro .readMoreStoryBTN, .de .readMoreStoryBTN, .fr .readMoreStoryBTN, .it .readMoreStoryBTN, .es .readMoreStoryBTN {
    font-size: 11px;
}

.msp-video20__title {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    margin: 20px 0 15px 0;
}

.msp-video20__par {
    margin-bottom: 20px;
}

.msp-video20__not {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0 0 0;
}

.msp-video20--wrap:after {
    content: "";
    border-top: 30px solid #339195;
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    height: 0;
    width: 0;
    position: absolute;
    margin: 0 auto;
    bottom: -27px;
    display: block;
    left: 0;
    right: 0;
}

.whypart20__par {
    color: #666666;
    margin-bottom: 60px;
    padding: 0 60px;
}

.whypart20 {
    color: #111;
}

.whypart20__title {
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
}

.fix-height {
    height: 70px;
}

.whypart20__subtitle {
    font-weight: 600;
    font-size: 40px;
}

.fix-height img {
    max-width: 50px;
}

.whypart20__h5 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.whypart20__stitle {
    font-size: 16px;
    font-weight: 500;
}

.whypart20__stitle svg {
    color: #5693a7;
    fill: #5693a7;
    margin-right: 5px;
}

.whypart20__spar {
    display: block;
    font-size: 14px;
    color: #666666;
    margin: 10px 0 20px 0;
}

.pan-award {
    background-size: cover;
}

.succesStory20__title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0px;
}

.succesStory20__par {
    color: #666;
    margin-bottom: 40px;
}

.readMoreStoryBTN {
    outline: 0;
    padding: 8px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #111;
    font-weight: 600;
    font-size: 12px;
    display: block;
    border: 2px solid #111;
    margin-top: 10px;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.readMoreStoryBTN:hover {
    background: #111;
    color: #fff;
}

.stepspan20__title {
    font-size: 40px;
    color: #111;
    font-weight: 600;
    margin-bottom: 20px;
}

.stepspan20__p {
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 50px;
}

.stepspan20__h5 {
    margin-top: 15px;
    font-size: 24px;
    color: #111;
    font-weight: 600;
}

.pan-aff20__p {
    font-size: 16px;
    color: #fff;
    margin: 10px 0 20px 0;
}

.pan-aff20 .joinMSP2020 {
    padding-left: 20px;
    padding-right: 20px;
}

.pan-aff20 .joinMSP2020 svg {
    margin-bottom: -2px;
    margin-right: 5px;
}

.pan-aff20__title {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}

.max-heightStory {
    height: 30px;
}

.buttonMpan20 {
    margin: 30px 0;
}

.stepspan20__p {
    color: #666666;
    font-size: 14px;
    margin: 10px 0 30px 0;
}

.neephelppan20 {
    color: #666666;
    font-size: 15px;
    margin-top: 20px;
}

.neephelppan20 a {
    color: #006eff
}

.succesStory20 a {
    margin-bottom: 30px;
}

.readMoreStoryBTN svg {
    margin-right: 6px;
    position: relative;
    bottom: -2px;
}

.max-heightStory img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.succesStory20 .col-md-2 {
    margin-bottom: 40px;
}

.videoMSP20__zone {
    font-size: 18px;
    color: #111;
    border-bottom: 1px solid #cccccc;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.videoMSP20__href {
    color: #3366ff;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
}

.videoMSP20__href svg {
    margin-right: 9px;
    margin-bottom: -2px;
}

.videoMSP20__country {
    color: #000;
    margin-bottom: 10px;
}

#video-viewMSP20 {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, .8);
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999;
    bottom: 0;
}

#video-viewMSP20 iframe {
    width: 100%;
    height: 100%;
}

#video-viewMSP20.active {
    display: block;
}

.wrapVideo, .placeholderClose {
    position: relative;
    max-width: 810px;
    height: 440px;
    margin: 100px auto 0;
}

.placeholderClose {
    height: 1px;
}

.placeholderClose svg {
    color: #fff;
    width: 70px;
    height: 40px;
}

.closeWrapVideo {
    position: absolute;
    cursor: pointer;
    width: 60px;
    height: 60px;
    right: -50px;
    top: 98px;
}

.videoMSP20__country.spaceTOP {
    margin-top: 23px;
}

.quote-small-text {
    font-size: 14px;
}

.download-arrow {
    font-weight: bold;
    position: fixed;
    background-color: #f6f6f6;
    border: 2px solid #ccc;
    padding: 10px 16px;
    border-radius: 50px;
}

.download-arrow--firefox {
    top: 20px;
    right: 10px;
}

.download-arrow--safari {
    top: 20px;
    right: 10px;
}

.download-arrow--chrome {
    bottom: 20px;
    left: 10px;
}

.download-arrow--opera {
    top: 20px;
    right: 20px;
    display: flex;
}

.download-arrow--ie {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 80px;
    width: 250px;
    text-align: center;
}

.download-arrow--firefox .svg-inline--fa {
    transform: rotateZ(180deg);
}

.download-arrow--safari .svg-inline--fa {
    transform: rotateZ(180deg);
}

.download-arrow--opera .svg-inline--fa {
    transform: rotateZ(180deg);
    order: 2;
}

.download-arrow .svg-inline--fa {
    vertical-align: middle;
    font-size: 20px;
    color: #2060ff;
}

.poy-section {
    background: #ddd;
}

.poy-section__badge {
    max-height: 65px;
}

.poy-section__text {
    color: #706f6f;
    font-size: 13px;
}

.poy-section__text-2 {
    color: #333;
    font-size: 22px;
}

.poy-section__quote {
    font-size: 22px;
    color: #333;
}

.lp-header {
    background: #000;
}

/* iot platform */
.iot-header {
    background: #000;
    color: #fff;
    position: relative;
    padding: 0 0 100px 0;
    overflow: hidden;
}

.iot-header::after {
    content: "";
    background: url(../../images/lite_v2/iot-platform-bg-2.jpg) no-repeat center top/1204px;
    transform: translateX(272px);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}

.iot-header--no-events {
    padding-bottom: 30px;
}

.io-full-height {
    min-height: calc(100vh - 350px);
    background: #000;
}

.iot-header--ty {
    padding: 50px 0;
    height: 700px;
    background: #000 url(../../images/lite_v2/iot-typ.jpg) no-repeat center/1920px;
}

.iot-header--ty::after {
    display: none;
}

.iot-header__title {
    font-size: 40px;
    font-weight: bold;
}

.iot-header__title--2 {
    font-size: 24px;
}

.iot-header__over-title {
    font-size: 24px;
}

.iot-header__subtitle {
    font-size: 18px;
    font-weight: 500;
}

.iot-header__list {
    font-size: 14px;
    padding-right: 22px;
}

.iot-header__list a {
    color: #21f6f7;
}

.iot-header__list a:hover {
    text-decoration: underline;
}

.iot-header__list a.active {
    color: #fff;
    text-decoration: none;
}

.iot-header__link {
    color: #21f6f7;
    text-decoration: underline;
}

.iot-header__submenu {
    background: rgba(0, 0, 0, .75);
}

.button-buy--iot-platform {
    max-width: 246px;
}

.button-2--iot-header {
    text-transform: uppercase;
    max-width: 246px;
}

/*iot - bottom*/
.iot-bottom {
    background: #113a3a;
}

.iot-bottom__content {
    background: #00242b;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.35);
    margin-top: -100px;
}

.iot-bottom__title {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    max-width: 800px;
}

.iot-bottom__text {
    max-width: 640px;
    opacity: .5;
}

.button-2--iot-bottom {
    max-width: 320px;
}

/*iot - grow your business*/
.grow-business {
    background: #000;
    color: #fff;
    padding: 0 0 60px 0;
}

.grow-business__title {
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
}

.grow-business__under-chart {
    font-size: 14px;
    color: #999;
}

.grow-business__source {
    font-size: 14px;
    color: #666;
}

.grow-business__title-2 {
    font-size: 24px;
    opacity: .5;
}

.grow-business__icon {
    color: #17d0d2;
    max-width: 70px;
    max-height: 50px;
}

.grow-business__title-3 {
    color: #fdfafa;
    margin-top: 25px;
}

.grow-business__item {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
}

.iot-cu-iframe {
    width: 100%;
    display: block;
    height: 1000px;
}

/*statement*/
.statement--iot {
    background: #000 url(../../images/lite_v2/statement-iot-bg.jpg) no-repeat center top/1189px;
}

.statement--iot .statement__title {
    font-size: 32px;
}

.statement__title--2 {
    font-size: 18px;
}

.statement--iot .statement__content__text {
    font-size: 16px;
}

.statement--iot .best-av__bar {
    background: #9390a0;
    color: #000;
}

.statement--iot .best-av__title {
    color: #fff;
}

.best-av__element--first-iot .best-av__bar {
    background: #00afbf;
    color: #fff;
}

.statement--iot .best-av__info, .statement--iot .best-av__overall {
    color: #9390a0;
}

.statement--iot .best-av__product-score {
    color: #666;
}

.best-av__element--first-iot .best-av__product-score, .statement--iot q {
    color: #00afbf;
    margin-bottom: 10px;
}

.statement--iot .swiper-wrapper {
    min-height: 140px;
}

/*iot truste*/
.iot-trusted {
    padding: 50px 0 110px 0;
}

.iot-trusted__title {
    font-size: 32px;
    font-weight: 500;
}

.iot-trusted__image-wrapper {
    width: 120px;
    height: 120px;
    border: 2px solid #ccc;
    overflow: hidden;
    border-radius: 50%;
}

.iot-trusted__title-2 {
    font-size: 18px;
    font-weight: 500;
}

.iot-trusted__title-3 {
    color: #00a89d;
}

.iot-trusted__text-2 i {
    font-style: italic;
}

.iot-trusted__logo {
    margin-left: -18px;
}

/*iot - meet us at*/
.meet-us {
    background: #00242b;
    color: #fff;
    position: relative;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
}

.meet-us::before {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -15px;
    background-color: #000;
}

.meet-us::after { /*background: url(../../images/lite_v2/iot-meet-us-bg-2.jpg) no-repeat center/570px;*/
    content: "";
    position: absolute;
    width: 570px;
    height: 110%;
    top: -5%;
    left: 0;
    right: 30px;
    margin: auto;
    transform: translateX(-285px);
    border-radius: 0 5px 5px 0; /*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);*/
    box-shadow: 0 0 24px 0 rgb(8, 253, 254);
    background: #00242b;
}

.meet-us__text {
    font-size: 18px;
}

/*.meet-us .button-buy {*/

/*    background: #17d0d2;*/

/*}*/

/*.meet-us .button-buy:hover {*/

/*    background: #12a8aa;*/

/*}*/

.meet-us__title {
    font-size: 24px;
    font-weight: 500;
    max-width: 130px;
    text-align: center;
}

.meet-us__title-2 {
    font-size: 18px;
    font-weight: 500;
}

.meet-us .svg-inline--fa {
    width: 17px;
    height: 17px;
    color: #17d0d2;
}

/*iot table*/
.iot-table {
    background: #efefef;
}

.iot-table__title {
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
}

.iot-table__title-2 {
    font-size: 24px;
    text-align: center;
    margin: 70px 0 50px 0;
}

.iot-table__cell--1-5 {
    width: 20%;
    padding: 0 5px 2px 0;
}

.iot-table__cell--2-5 {
    width: 40%;
    padding: 0 5px 2px 0;
}

.iot-table__row:last-child .iot-table__cell--1-5, .iot-table__row:last-child .iot-table__cell--2-5, .iot-table__row:last-child .iot-table__cell--1-3 {
    padding-bottom: 0;
}

.iot-table__cell--1-5:last-child, .iot-table__cell--1-3:last-child {
    padding-right: 0;
}

.iot-table__cell {
    padding: 7px 10px;
    font-size: 14px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    align-items: center;
    display: flex;
    height: 100%;
}

.iot-table__cell--1, .iot-table__cell--2, .iot-table__cell--3 {
    background: #f5f5f5;
    color: #ccc;
}

.iot-table__active-1 .iot-table__cell--1, .iot-table__active-2 .iot-table__cell--2, .iot-table__active-3 .iot-table__cell--3 {
    background: #17d0d2;
    color: #fff;
}

.iot-table__cell--highlighted {
    background: #f1fcfc;
    justify-content: center;
    text-align: center;
}

.iot-table__cell--1-3 {
    width: 33.33%;
    padding: 0 5px 2px 0;
}

.iot-table__cell .svg-inline--fa {
    width: 15px;
    height: 15px;
    margin: 0 auto;
}

.iot-table__cell--title {
    padding: 0 5px 2px 0;
    width: 33.33%;
}

.iot-table__cell--title-inner {
    text-align: center;
    justify-content: center;
    padding: 8px;
    background: #000;
    border-radius: 3px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.iot-table__cell--title:last-child {
    padding-right: 0;
}

.iot-table__cell--title-2 {
    background: #f1fcfc;
    font-weight: 500;
    font-size: 16px;
    align-items: center;
    display: flex;
    padding: 10px 20px;
    margin: 0 5px 0 0;
}

.iot-table__small-text {
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
}

.iot-table_main-row {
    margin: 0 0 5px 0;
}

.iot-table__cell-footer {
    padding: 18px 14px 0 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.iot-table__cell-footer::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    top: 0;
    left: -3px;
}

.iot-table__cell--title-footer {
    font-size: 14px;
}

.iot-table__cell-footer--first::before {
    left: 0;
}

.iot-table__cell-footer--first {
    padding-left: 20px;
}

.iot-table__cell-footer--last::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    top: 0;
    right: 0;
}

.iot-table__cell-footer .iot-table__small-text {
    color: #666;
    margin-top: 5px;
}

.iot-table__cell--title-footer {
    font-weight: 500;
    text-align: center;
    height: 100%;
    margin-bottom: 15px;
}

.iot-table__cell--title-footer--left {
    text-align: left;
    font-size: 18px;
    max-width: 400px;
}

.pan-aff20 {
    background: url("../../images/lite_v2/panaf20.png") center no-repeat;
    height: 290px;
}

.pan-aff20 .container {
    padding: 60px;
}

.showPanFeatures20 {
    cursor: pointer;
    text-align: center;
    color: #006eff;
    font-size: 16px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}

.lessPan20 {
    display: none;
}

.videoMSP20__country.v2 {
    margin: 5px 0;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.ro .prguide20__title, .de .prguide20__title, .it .prguide20__title, .es .prguide20__title, .nl .prguide20__title, .fr .prguide20__title {
    font-size: 20px;
}

.ro .msp-video20__title, .de .msp-video20__title, .it .msp-video20__title, .es .msp-video20__title, .nl .msp-video20__title, .fr .msp-video20__title {
    font-size: 30px;
}

.showMorepan20__svg {
    display: block;
    transform: rotate(180deg);
    width: 40px;
    margin: 0 auto 11px;
}

.showMorepan20__svg.active {
    transform: rotate(0deg);
}

.iot-resources {
    background: #000 url(../../images/lite_v2/iot-resources-header.jpg) no-repeat center/1974px;
    color: #fff;
}

.arrow-down-anim {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    animation: arrowDownAnim 1.5s infinite;
}

.steps__svg20 {
    fill: #454a83;
    max-width: 82px;
    position: absolute;
    background: #fff;
    top: -102px;
    left: -15px;
}

.step2 .steps__svg20 {
    left: 0px;
}

.step3 .steps__svg20 {
    left: 0px;
}

.borderSteps20 {
    display: block;
    border-top: 3px solid #454a83;
    color: #454a83;
    height: 50px;
    width: 80%;
    margin-top: 50px;
}

.borderSteps20 + svg {
    height: 30px;
    /* fill: red; */
    margin-top: 36px;
    color: #454a83;
    margin-left: -10px;
}

@keyframes arrowDownAnim {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(10px);
    }
}

.box-header2022{
    background: url(../../images/lite_v2/boxhead.jpeg) center right #fff no-repeat;
    height: 500px;
}
.box-header2022__bit{
    max-width: 150px;
}
.box-header__2022-list{
    margin-left: 30px;
}
.box-header__2022-list li{
    margin-top: 5px;
    font-size: #353535;
    font-size: 16px;
    font-weight: 500;
    margin-left: 25px;
}
.box-header2022-text{
    margin-top: 50px;
}
.box-header2022-bitS{
    font-size: 28px;
    color: #111;
    font-weight: 500;
}
.box-header2022-h1{
    font-size: 32px;
    color: #111;
    font-weight: 600;
    margin: 0;
}
.box-header20202-p{
    font-size: 15px;
    color: #999999;
}
.box-header20202-p2{
    font-size: 15px;
    color: #666666;
}
.box-header20202-hr{
    width: 150px;
    background: #ccc;
    border: none;
    margin: 20px 0;
    height: 1px;
}
.box-header2022__h3{
    font-size: 22px;
    color: #172462;
    font-weight: 600;
}
.box-header2022-a{
    margin: 15px 0 20px;
}
.box-header2022-ul li{
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}

.box-header2022-ul svg{
    color: #2cb43d;
    margin-right: 4px;
}
.box-looking__container{
    background: #eef5f7;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 30px 15px;
}
.box-looking__h1{
    font-size: 24px;
    color: #111;
    font-weight: 600;
    margin-bottom: 20px;
}
.box-looking__span{
    font-size: 18px;
    color: #111;
    display: block;
    margin-top: 30px;
}
.box-looking__a{
    color: #3480ff;
}
.box-smart__item{
    width: 48%;
    border-radius: 5px;
    padding: 35px 20px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
}
.box-smart__item:last-child{
    margin-left: 4%;
}
.box-smart__h1{
    font-size: 22px;
    color: #111;
    margin-bottom: 10px;
}
.box-smart__p{
    font-size: 15px;
    color: #666666;
    margin-bottom: 20px;
}
.box-smart__a{
    transition: all 0.3s ease;
    cursor: pointer;
    margin-top: 40px;
    font-size: 15px;
    color: #111;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    border: 2px solid #111;
    border-radius: 3px;
    padding: 8px 50px;
}
.box-smart__a:hover{
    background: #111;
    color: #fff;
}
.box-network__h3{
    color: #666666;
    font-size: 17px;
    font-weight: 500;
}
.box-network__h1{
    color: #172462;
    font-size: 30px;
    margin-bottom: 60px;
    font-weight: 500;
}
.box-network__h4{
    font-size: 17px;
    color: #111;
    font-weight: 500;
    margin-bottom: 10px;
}
.box-network__p{
    font-size: 15px;
    color: #666666;
}
.box-network__item{
    margin-bottom: 60px;
}
.box-network__svg{
    max-width: 70px;
    margin-top: 20px;

}
.box-network__svg2{
    max-width: 60px;
    margin-top: 20px;
}
.box-network__svgPlaceholder{
    height:90px;
}
.box-network__ul li{
    color: #3480ff;
    font-size: 14px;
    margin-bottom: 10px;
}
.box-network__disclaimer{
    font-size: 13px;
    color: #666666;
    margin-top: 40px;
}
.box-renew{
    background: url(../../images/lite_v2/box-black.jpg) center right no-repeat #000;
}
.box-renew__h3{
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
}
.box-renew__p{
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.box-renew__ul li{
    color: #cccccc;
}
.box-renew__ul{
    margin-bottom: 40px;
}
.box-renew__a.button-buy{
    padding: 10px 50px;
}
.box-renew__seconda{
    color: #3480ff;
    font-size: 14px;
    margin-top: 10px;
    display: block;
}
.box-netgear{
    background: url(../../images/lite_v2/netgear.png) 90% center no-repeat #000;
    padding: 80px 0 110px 0;
    background-size: 550px;
}
.box-netgear__img{
    max-width: 300px;
}
.box-netgear__p{
    color: #cccccc;
    font-size: 14px;
    margin-bottom: 15px;
}
.box-netgear__img{
    margin-bottom: 30px;
}
.blue_button{
    cursor: pointer;
    background: #2e71ff;
    transition: all 0.3s ease;
    outline: none ;
    text-transform: uppercase;
    padding: 9px 30px;
    font-size: 14px;
    color: #fff;
    display: inline-block;

    border-radius: 3px;
}
.box-netgear .blue_button{
    margin-top: 30px;
}
.blue_button:hover{
    background: #4067bb;
}

.box-network__ul svg{margin-right: 10px;}










/* responsive */
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

@media (max-width: 1500px) {
    .wrapVideo, .placeholderClose {
        margin-top: 50px;
    }
}
@media (max-width: 1281px){
    .box-header2022{
        background-position: -130% center;
    }
    .box-netgear{
        background-size: 360px;
        background-position: 97% center;
    }
}
@media (max-width: 1199px) {
    .box-renew__p{
        max-width: 340px;
    }
    .box-renew__p br{
        display: none;
    }
    .box-netgear__p br{
        display: none;
    }
    .box-netgear__p{max-width: 60%;}
    .box-header2022 {
        background-position: left center;
    }
    .partnerhead20 {
        background-position: 410px center;
    }
    .box-smart__a{
        font-size: 13px;
        padding: 8px 30px;
    }
    .videoMSP20__country.v2 {
        margin-top: 15px;
    }

    .whiteEmptyBtn {
        margin-left: 0;
    }

    .videoMSP20__country.v2 {
        font-size: 16px;
    }

    .wrapVideo, .placeholderClose {
        margin-top: 50px;
    }

    .readMoreStoryBTN {
        padding: 8px 4px;
    }

    .prguide20__title {
        font-size: 19px;
    }

    .msp-video20__title {
        font-size: 30px;
    }

    .closeWrapVideo {
        top: 48px;
    }

    .msp-video20__par br {
        display: none;
    }

    .whypart20__h5 {
        font-size: 15px;
    }

    .msp-video20__par, .whypart20__par {
        font-size: 14px;
    }

    .msphead20 {
        background-position: 500px bottom;
        height: 500px;
        color: #fff;
    }

    .prguide20__a {
        font-size: 14px;
    }

    .backgroundDP {
        width: 220px;
        height: 190px;
        top: -210px;
    }

    .hover-me-awardDE .hiddDETA {
        max-width: 190px;
    }

    .backgroundDP:after {
        left: 185px;
    }
}

@media (max-width: 991px) {

    .box-netgear{
        background-size: 260px;
    }
    .box-renew{
        background-position: 50% center;
    }
    .box-network__ul li{
        font-size: 12px;
    }
    .box-network__h4{
        font-size: 14px;
    }
    .box-smart__h1{
        font-size: 16px;
    }
    .box-smart__img{
        max-width: 80px;
    }
    .box-smart__p{
        font-size: 13px;
    }
    .partnerhead20 {
        background-position: 260px center;
        height: 460px;
    }
    .box-smart__a{
        padding: 5px 10px;
    }
    .msphead20 {
        background-position: 350px bottom
    }

    .msp-video20--wrap {
        padding: 35px 40px;
    }

    .wrapVideo, .placeholderClose {
        position: relative;
        max-width: 90%;
        height: 370px;
        margin-top: 60px;
    }

    .placeholderClose {
        height: 1px;
    }

    .closeWrapVideo {
        right: -40px;
        top: 48px;
    }

    .videoMSP20 img {
        width: 100%;
    }

    .whypart20__spar {
        font-size: 12px;
    }

    .whypart20__stitle {
        font-size: 14px;
    }

    .msp-video20__title {
        font-size: 24px;
    }

    .msp-video20 img {
        width: 100%;
    }

    .backgroundDP {
        left: auto;
        right: 40px;
    }
}

@media (max-width: 767px) {

    .box-netgear{
        padding-top: 30px;
        padding-bottom: 30px;
        background-position: center 92px;
    }
    .box-network__item{
        margin-bottom: 0;
    }
    .extraXSSPACe{
        margin-top: 30px;
    }
    .box-netgear__p {
         max-width: 100%;
         padding-top: 200px;
    }
    .box-network__item .col-lg-6.d-flex{
        margin-top: 20px;
    }
    .flex-wrap-mobile{
        flex-wrap: wrap;
    }
    .box-network__h1{
        font-size: 20px;
    }
    .box-network__h3{
        font-size: 13px;
    }
    .box-smart__item:last-child{
        margin: 20px 0 0 0 ;
    }
    .box-smart .d-flex{
        flex-wrap: wrap;
    }
    .box-smart__item{
        width: 100%;
    }
    .box-header2022-h1{
        margin-top: 22px;
    }
    .box-header2022-text{
        margin-top: 10px;
    }
    .box-netgear__p--second{
        padding-top: 10px!important;
    }
    .box-header__2022-list li:first-child{
        margin-left: 0;
    }
    .box-header__2022-list{
        margin-left: 0;
    }
    .box-header2022__bit{
        display: none;
    }
    .steps__svg20 {
        fill: #454a83;
        max-width: 52px;
        position: absolute;
        background: #fff;
        top: 34px;
        left: -81px !important;
    }

    .borderSteps20 + svg {
        display: none;
    }

    .borderSteps20 {
        display: block;
        color: aliceblue;
        height: 50%;
        top: 140px;
        left: 40px;
        margin-top: 50px;
        position: absolute;
        background: #454a83;
        width: 3px;
    }

    .stepspan20 .col-md-4.col-12 {
        padding-left: 80px;
    }

    .partnerhead20 {
        background: url("../../images/lite_v2/partner20-mobile.jpg") left center no-repeat;
    }

    .prguide20__title {
        margin-top: 30px;
        margin-bottom: 5px;
    }

    .prguide20__par {
        min-height: auto;
        margin-bottom: 10px;
    }

    .videoMSP20 img {
        display: none
    }

    .msphead20 {
        background: url('../../images/lite_v2/msp2020-headmobile.jpg') center bottom no-repeat;
        height: 470px;
    }

    .msp-video20 iframe {
        width: 100%;
        height: 200px;
    }

    .stepspan20__p br {
        display: none
    }

    .pan-aff20__title {
        font-size: 25px;
    }

    .stepspan20__title {
        font-size: 22px;
    }

    .wrapVideo, .placeholderClose {
        position: relative;
        max-width: 80%;
        height: 180px;
        margin-top: 60px;
    }

    .closeWrapVideo {
        top: 56px;
    }

    .placeholderClose {
        height: 1px;
    }

    .succesStory20__title {
        font-size: 25px;
    }

    .msp-video20__par br, .whypart20__par br {
        display: none
    }

    .whypart20__title {
        font-size: 18px;
    }

    .whypart20__subtitle {
        font-size: 20px;
    }

    .msphead20__ul li {
        font-size: 13px;
    }

    .darkblueBtn {
        font-size: 12px;
    }

    .msphead20__title {
        font-size: 20px;
    }

    .msphead20__looking {
        padding: 8px 8px 6px 54px;
        width: 330px;
    }

    .whypart20__par {
        padding: 0 5px;
    }

    .msphead20__looking a {
        font-size: 12px;
    }

    .whiteEmptyBtn {
        font-size: 12px;
    }

    .msp-video20--wrap {
        padding: 5px;
    }

    .msp-video20__not {
        margin-top: 10px;
    }
}

/* end modal css */