img.show {
    opacity: 1 !important;
    transition: 0.4s;
}
a {
    cursor: pointer;
}
/* New Welcome block */
body {
    font-size: 10px;
}


.info {
    position: relative;
    display: block;
    max-width: 470px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #3e484c;
}
.welcome {
    margin: 0 auto 80px;
    overflow: hidden;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    display: flex;
    flex-flow: nowrap column;
    align-items: center;
    background: radial-gradient(
        50% 50% at 50% 50%,
        rgba(246, 250, 252, 0) 0%,
        #f6fafc 100%
    );
    border-radius: 0 0 200% 200%/ 15%;
}

.welcome *,
.welcome *::before,
.welcome *::after {
    box-sizing: border-box;
}

.welcome body,
.welcome h1,
.welcome h2,
.welcome h3,
.welcome p {
    margin: 0;
}

.welcome__content {
    padding: 155px 20px 0;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    align-items: center;
    text-align: center;
}

.welcome__content h1 {
    font-size: 64px;
    line-height: 75px;
    font-weight: bold;
    margin-bottom: 24px;
}

.welcome__content h1 span {
    display: inline-block;
}

.welcome__content h1 > span:first-child {
    color: #3e484c;
}

.welcome__content h1 > span:last-child {
    color: #17c0ff;
}

.welcome__content p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 178%;
    margin-bottom: 40px;
    max-width: 852px;
    color: #4a5255;
}

.welcome__buttons {
    z-index: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: 16px;
    width: 100%;
}

.welcome__button {
    outline: none;
    margin: 0px 8px 24px;
    box-shadow: 0px 16px 24px rgba(23, 192, 255, 0.2);
    border-radius: 10px;
    width: 220px;
}
.welcome__button > svg {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.welcome__button.download:hover > svg path {
    fill: #fff;
}
.welcome__button.primary:hover {
    box-shadow: rgba(23, 192, 255, 0.2);
    background-color: #00abeb;
}

.welcome__button.light {
    background: transparent;
    color: #17c0ff;
    border: 1px solid #17c0ff;
    box-shadow: none;
}

.welcome__button.light:hover {
    border-color: #17c0ff;
    background: #17c0ff;
    box-shadow: 0 16px 24px rgb(23 192 255 / 20%);
    color: #fff;
}

.welcome__button.light:active {
    border-color: #009dd8;
    background-color: #009dd8;
}
.welcome__button.light:hover.welcome__button.download::before,
.welcome__button.light:active.welcome__button.download::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12.8906V18.2627L10.6695 19.364V12.8906H3Z' fill='%23F2F2F2'/%3E%3Cpath d='M10.6695 4.63867L3 5.73998V11.1121H10.6695V4.63867Z' fill='%23F2F2F2'/%3E%3Cpath d='M21.4428 11.1113V3L12.4492 4.29084V11.1113H21.4428Z' fill='%23F2F2F2'/%3E%3Cpath d='M12.4492 19.7111L21.4428 21.0006V12.8906H12.4492V19.7111Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A");
}

.welcome__pont {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #77919a;
}

.welcome__pont::before {
    display: inline-block;
    margin-right: 12px;
    width: 20px;
    height: 27px;
    vertical-align: top;
    content: "";
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='27' viewBox='0 0 20 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L0 20.4554H19.9736V0L0 0L0 0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9072 12.1671L18.5931 10.3653C18.5107 10.2496 18.5053 10.0898 18.5877 9.97408L19.8743 8.15585C19.9897 7.99061 19.9349 7.75898 19.7588 7.66538L17.796 6.61306C17.6695 6.54687 17.5981 6.40347 17.6255 6.26034L17.9938 4.06163C18.0269 3.86333 17.8785 3.67613 17.6749 3.67048L15.4536 3.5768C15.3108 3.57143 15.1843 3.47218 15.1457 3.33442L14.5301 1.18551C14.475 0.992587 14.2605 0.887893 14.0736 0.970477L12.0281 1.85218C11.8963 1.90735 11.7422 1.87429 11.6435 1.76959L10.1588 0.110886C10.0213 -0.03789 9.79048 -0.03789 9.65302 0.116533L8.19041 1.79701C8.09694 1.90735 7.94313 1.94048 7.81103 1.88531L5.75481 1.03667C5.56766 0.959457 5.3588 1.06415 5.30381 1.25708L4.71557 3.40599C4.67715 3.54374 4.55612 3.643 4.4133 3.65402L2.19192 3.78075C1.98842 3.79177 1.84532 3.97905 1.87838 4.17735L2.27976 6.37041C2.30739 6.51381 2.2357 6.65694 2.11488 6.72313L0.168486 7.80313C-0.00738998 7.90238 -0.057012 8.13374 0.0583832 8.29361L1.37254 10.0954C1.45502 10.2112 1.46065 10.371 1.37818 10.4867L0.0914416 12.3049C-0.0240223 12.4703 0.0310293 12.7018 0.206837 12.7954L2.16993 13.8479C2.29639 13.9141 2.3678 14.0572 2.34038 14.2007L1.97179 16.399C1.93907 16.5973 2.08725 16.7849 2.29075 16.7903L4.51206 16.8839C4.65515 16.8896 4.78161 16.9886 4.82003 17.1263L5.44127 19.2699C5.49625 19.4628 5.71075 19.5674 5.89763 19.4848L7.94313 18.6031C8.07495 18.548 8.22904 18.5811 8.32787 18.6858L9.81247 20.3445C9.94993 20.4933 10.1809 20.4933 10.3183 20.3388L11.7809 18.6583C11.8743 18.548 12.0281 18.5149 12.1602 18.5701L14.2165 19.4186C14.4036 19.4959 14.6125 19.3912 14.6675 19.1983L15.2557 17.0494C15.2941 16.9116 15.4152 16.8123 15.558 16.8013L17.7793 16.6746C17.9828 16.6635 18.1259 16.4763 18.093 16.278L17.6916 14.0847C17.6639 13.9416 17.7356 13.7984 17.8564 13.7322L19.8029 12.6522C19.9787 12.564 20.0283 12.3326 19.9072 12.1671ZM9.98835 16.2834C6.66196 16.2834 3.95124 13.5667 3.95124 10.2332C3.95124 6.89966 6.66196 4.183 9.98835 4.183C13.3149 4.183 16.0255 6.89966 16.0255 10.2332C16.0255 13.5724 13.3149 16.2834 9.98835 16.2834Z' fill='%23FFCC33'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4262 20.1957C15.1072 20.5207 14.6619 20.7136 14.1834 20.7136C14.0132 20.7136 13.8427 20.6862 13.6832 20.642L12.2647 20.2121L11.1704 21.2151C11.132 21.248 11.099 21.281 11.0605 21.3088L12.8199 26.7748C12.8805 26.9678 13.1278 27.0119 13.2542 26.852L14.5354 25.2044C14.5958 25.1218 14.7058 25.0887 14.7993 25.1161L16.7951 25.7003C16.9876 25.7554 17.1637 25.5735 17.103 25.3863L15.4262 20.1957Z' fill='%23FFCC33'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.71778 20.2121L6.29916 20.642C6.13434 20.6916 5.96919 20.7136 5.79874 20.7136C5.3206 20.7136 4.88053 20.5207 4.55627 20.1957L2.87936 25.3916C2.81867 25.5846 2.99483 25.761 3.18706 25.7059L5.18314 25.1218C5.2819 25.0944 5.38637 25.1271 5.44706 25.21L6.72816 26.8574C6.84898 27.0173 7.10191 26.9731 7.16259 26.7802L8.92184 21.3142C8.88349 21.2867 8.84479 21.2536 8.81208 21.2205L7.71778 20.2121Z' fill='%23FFCC33'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.568 8.72891L11.2916 8.56375L10.4338 6.44762C10.2744 6.05102 9.70817 6.05102 9.54865 6.44762L8.69092 8.56375L6.41456 8.72891C5.98576 8.76204 5.81531 9.29633 6.13964 9.57184L7.88253 11.0487L7.33834 13.2692C7.23394 13.6881 7.6903 14.0188 8.05305 13.7928L9.98844 12.5861L11.9238 13.7928C12.2868 14.0188 12.7432 13.6881 12.6388 13.2692L12.0943 11.0487L13.8372 9.57184C14.1672 9.29633 13.9967 8.76204 13.568 8.72891Z' fill='%23FFCC33'/%3E%3C/svg%3E%0A");
}
.welcome__images-wrapper {
    border-radius: 0 0 200% 200%/ 15%;
    /* box-shadow: inset 0px -36px 50px -30px rgba(0, 71, 112, 0.1); */
    width: 100%;
    /*height: 408px;*/
    /* margin-top: -85px; */
    margin-top: 20px;
    margin-bottom: -27px;
}
.welcome__images {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    margin: 0 auto;
	margin-bottom:20px;
}
.welcome__image {
    margin: 0 15px;
    transition: 0.3s;
	max-width: 190px;
}
.welcome__image:first-child {
    margin-left: 0;
}
.welcome__image:last-child {
    margin-right: 0;
}
.welcome__image img{
	max-width: 100%;
	min-width: 190px;
}
.welcome__image.welcome__image-3 img:first-child{
	max-width: 400px;
	min-width: 161px;
}
.welcome__image img:first-child {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: inset -1px 1px 3px rgba(0, 65, 107, 0.07);
    filter: drop-shadow(0px 10px 30px rgba(64, 109, 125, 0.11));
}

.welcome__image:hover {
    transform: translateY(-3%);
}

.welcome__image-1 {
    transform: translateY(9%);
}
.welcome__image-2 {
    transform: translateY(5%);
}
.welcome__image-3 {
    /* transform: translateY(-5%); */
    border-radius: 10px;
    width: 400px;
    min-width: 400px;
    position: relative;
}
.welcome__image-3 img:last-child {
    position: absolute;
    width: 161px;
    height: auto;
    bottom: 40px;
    right: -20px;
}
.welcome__image-4 {
    transform: translateY(5%);
}
.welcome__image-5 {
    transform: translateY(5%);
}
@media screen and (max-width: 895px) {
	.welcome__images-wrapper {
		margin-top: -75px;
	}
}

@media screen and (max-width: 770px) {
    .welcome__content {
        padding-top: 130px;
    }
    .welcome__content h1 {
        font-weight: bold;
        margin-bottom: 40px;
    }
    .welcome__content p {
        margin-bottom: 56px;
    }

    .welcome__button.light {
        background: rgba(23, 192, 255, 0.1);
        border: none;
    }
    .welcome__button.light:hover {
        background: rgba(23, 192, 255, 0.2);
        color: #17c0ff;
    }
    .welcome__button.light:active {
        border: 4px solid rgba(23, 192, 255, 0.6);
        color: #17c0ff;
    }
}
@media screen and (max-width: 700px) {
    .welcome__content h1 {
        font-size: 54px;
        line-height: 64px;
    }
    .welcome__content h1 span {
        /* display: block; */
    }
}
@media screen and (max-width: 530px) {
    body {
        font-size: 8px;
    }
    .welcome__content {
        padding-top: 60px;
    }
    .welcome__button {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .welcome__images {
        border-radius: 0;
        box-shadow: none;
    }
	.welcome__images-wrapper {
		margin-top: -100px;
	}
}
@media screen and (max-width: 460px) {
	.welcome {
        border-radius: 0;
        box-shadow: 0px 15px 30px rgba(130, 169, 182, 0.4);
    }
	.welcome__images-wrapper {
		margin-top: -120px;
	}
}

@media screen and (max-width: 400px) {
    body {
        font-size: 5.25px;
    }
    .welcome__content h1 {
        font-size: 34px;
        line-height: 54px;
        margin-bottom: 16px;
    }
    .welcome__content p {
        margin-bottom: 24px;
    }
    .welcome__buttons {
        margin-bottom: 0;
    }
	.welcome__images{
		margin-bottom: 26px;
	}
}


/* End welcome block styles */

/* Begin logos slider styles*/
#using-list-slider {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 100px;
}
#using-list-slider > h2.title {
    font-family: Roboto;
    font-size: 20px;
    text-transform: uppercase;
    color: #3e484c;
    user-select: none;
}
#using-list-slider > h2.title > label:not(:first-child) {
    margin-left: 40px;
}
#using-list-slider > h2.title > label {
    cursor: pointer;
    padding-bottom: 3px;
}
#using-list-slider > h2.title > label:hover {
    border-bottom: 1px solid #bfbfbf;
}
#using-list-slider > #clients-input-slider,
#using-list-slider > #awards-input-slider {
    display: none;
}
#clients-input-slider:checked ~ .title > #clients-label-slider,
#awards-input-slider:checked ~ .title > #awards-label-slider {
    border-bottom: 1px solid #17c0ff;
}
#clients-input-slider:checked ~ #using-list-wrapper > #using-list-awards,
#awards-input-slider:checked ~ #using-list-wrapper > #using-list {
    opacity: 0;
    height: 0;
    width: 0;
    font-size: 0;
    position: absolute;
}
#using-list-slider > h2 {
    text-align: center;
}
#using-list-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 40px auto 0;
    box-sizing: border-box;
    overflow: hidden;
}
#using-list-wrapper > .round-arrow {
    position: absolute;
    top: 21px;
}
#using-list-wrapper > .round-arrow.left {
    left: 0;
}
#using-list-wrapper > .round-arrow.right {
    right: 0;
}
#using-list,
#using-list-awards {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
}
#using-list:before,
#using-list:after,
#using-list-awards:before,
#using-list-awards:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 20px;
    top: 0;
    z-index: 1;
}
#using-list:before,
#using-list-awards:before {
    left: 19px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(
        left,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        left,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#00F6FAFC', GradientType=1); /* IE6-9 */
}
#using-list:after,
#using-list-awards:after {
    right: 19px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(
        left,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        left,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        rgba(255, 250, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00F6FAFC', endColorstr='#FFFFFF', GradientType=1); /* IE6-9 */
}
#using-list .owl-item > div,
#using-list-awards .owl-item > div {
    display: inline-block;
    height: 80px;
    width: 165px;
    padding: 10px;
    /*border: 1px solid #d0e2ea;*/
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
#using-list .owl-item > div:before,
#using-list-awards .owl-item > div:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}
#using-list img,
#using-list-awards img {
    display: inline-block;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
/* End logos slider styles */

/* Begin live video styles */
#live-videos-wrapper,
#mobile-streaming-wrapper {
    margin: 193px 0 0;
    box-sizing: border-box;
    font-size: 0;
}
#live-videos-wrapper {
    margin: 0 0 0;
    position: relative;
    margin-bottom: 50px;
    margin-top: 100px;
}
#live-videos-wrapper > div > img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-width: 1240px;
    margin: 0 auto;
}
#live-videos-wrapper > div > img:hover {
    opacity: 0.97;
}
#live-videos-wrapper > div > img.fall-promo-laptop,
#live-videos-wrapper > div > img.fall-promo-mobile {
    display: none;
}
#live-videos,
#mobile-streaming,
#subscribe-content {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bd7ff+11,00b9ff+70 */
    background: #6bd7ff; /* Old browsers */
    background: -moz-linear-gradient(
        left,
        #6bd7ff 11%,
        #00b9ff 70%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        left,
        #6bd7ff 11%,
        #00b9ff 70%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        #6bd7ff 11%,
        #00b9ff 70%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bd7ff', endColorstr='#00b9ff', GradientType=1); /* IE6-9 */
}

#live-videos,
#mobile-streaming {
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
}
#mobile-streaming {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    border-radius: 30px;
}
#live-videos {
    background: none;
    background-color: #175087;
    position: relative;
    min-height: 400px;
    overflow: hidden;
}
#live-videos-content {
    position: relative;
    display: table;
    min-height: 410px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}
#live-videos-content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/images/new_design/hp_banner_lite_desktop.webp?v=1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    top: 0;
}

#live-videos-content.mac-os:before {
    background-image: url(/images/new_design/hp_banner_desktop.webp?v=1);
}
#advantages-wrapper > #virtual-background-lazy-load > .colored-block {
    position: relative;
}
#live-videos-content > .new-icon-badge,
#advantages-wrapper
    > #virtual-background-lazy-load
    > .colored-block
    > .new-icon-badge {
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 11px 20px;
    color: #fff;
    font-weight: bold;
    font-family: Roboto;
    font-size: 16px;
    background: #ec2626;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 21px;
    z-index: 1;
}
#live-videos-content > .preview-icon-badge{
	position: absolute;
    top: 8px;
    right: 10px;
    padding: 11px 20px;
    color: #fff;
    font-weight: bold;
    font-family: Roboto;
    font-size: 16px;
    background: #EC2626;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 21px;
    z-index: 1;
}
#live-videos-content > img#promo-right,
#live-videos-content > img#promo-right-980 {
    position: absolute;
    max-height: 100%;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#version-seven > img#promo-right {
    height: 100%;
}
#promo-right-980 {
    display: none;
}

#version-seven,
#mobile-streaming-content {
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
}
#mobile-streaming-content > div {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
#video-wrapper {
    position: relative;
    display: table-cell;
    width: 48%;
    max-width: 633px;
    left: 0;
    border-radius: 30px;
    background-image: url("/images/new_home_page/live_video/desktop.png?v=1");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#video-wrapper img {
    width: 104.3%;
    opacity: 0;
    transition: 0.3s;
}
.banner_bottom_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 270px;
    margin-top: 20px;
}
.banner_bottom_btn div {
    width: 100px;
    margin: 10px;
    cursor: pointer;
}
.banner_bottom_btn .banner_learnmore {
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 10px;
    width: 100px;
    padding: 13px;
}
.banner_bottom_btn .banner_learnmore a {
    color: #c4c4c4;
    font-size: 13px;
}
#video-wrapper > img:first-child {
    display: none;
}
#video-wrapper > img:last-child {
    display: block;
}
#video-desc {
    display: table-cell;
    width: 54%;
    padding: 38px 25px 50px 47px;
    box-sizing: border-box;
    text-align: left;
}
#video-desc sup {
    font-size: 20px;
    vertical-align: top;
    line-height: 10px;
}
#live-videos-content
    > .homepage-main-banner-content
    > .homepage-main-banner-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 24px;
}
#live-videos-content
    > .homepage-main-banner-content
    > .homepage-main-banner-list {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #c7d6f4;
}
#live-videos-content > .homepage-main-banner-content > .homepage-main-banner-list > ul > li {
	font-size: 22px;
	line-height: 40px;
}
#live-videos-content
    > .homepage-main-banner-content
    > .homepage-main-banner-list
    > ul
    > li:before {
    content: "★";
    color: #ffd929;
    margin-right: 7px;
}
#live-videos-content > div {
    vertical-align: middle;
}
#version-seven > div {
    vertical-align: bottom;
}
#video-desc > h2 {
    position: relative;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 54px;
    color: #fff;
}
#video-desc > h2 > span {
    display: inline-block;
}

#video-desc > .white-row {
    position: relative;
    display: block;
    width: 89%;
    background: #ffffff;
    border-radius: 10px 0 0 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 26px;
    padding-right: 10%;
    color: #01719a;
    margin-top: 10px;
}

/*#version-seven.mac > #video-desc > .white-row.win{
    display: none;
}

#version-seven.win >  #video-desc > .white-row.mac{
    display: none;
}*/
#promo-title {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#mobile-desc > h2,
#connect-desc > h2 {
    max-width: 421px;
}
#video-desc > .info,
#mobile-desc > .info {
    margin: 30px 0 0;
    color: #fff;
}
#video-desc > .info {
    margin: 20px 0 0;
}
#video-desc > .info > ul {
    padding: 0 0 0 18px;
    box-sizing: border-box;
    list-style: disc;
}
#video-desc > .info > ul > li {
    line-height: 30px;
    text-align: left;
}
#version-seven > span.harry-up {
    font-size: 20px;
    position: absolute;
    bottom: 30px;
    left: 0;
    color: #fff;
    text-align: center;
}
#live-videos-content > .homepage-main-banner-content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
#live-videos-content > .homepage-main-banner-content > .button {
    position: relative;
    min-width: 160px;
    margin: 20px 0 0;
    background: #4094F7;
	color: #FFFFFF;
    border-radius: 10px;
    border: none;
    margin-top: 40px;
    z-index: 1;
    padding-left: 57px;
    padding-right: 57px;
    /*webkit-box-shadow: 0 15px 19px rgba(0, 0, 0, 0.3),
        0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 19px rgba(0, 0, 0, 0.3),
        0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 19px rgba(0, 0, 0, 0.3),
        0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
#live-videos-content.mac-os > .homepage-main-banner-content > .button{
	    background: #ffd929;
		color: #3e484c;
}
#live-videos-content > .homepage-main-banner-content > .button:hover {
    background: #3980d4;
}
#live-videos-content.mac-os > .homepage-main-banner-content > .button:hover {
    background: #f8cc00;
}
#live-videos-content > .homepage-main-banner-content > .button:active {
    background: #3171bd;
}
#live-videos-content.mac-os > .homepage-main-banner-content > .button:active {
    background: #f1c600;
}
#live-videos-content > .homepage-main-banner-content > .button > span {
    font-size: 16px;
    font-weight: 500;
}
/* End live video styles */

/* Begin Video */
#video-promo {
    position: relative;
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 20px 40px rgba(43, 86, 111, 0.1);
    transform: translateZ(0px);
    overflow: hidden;
    cursor: pointer;
}

#video-promo:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.2%;
}
#video-promo > #iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 40px;
}
#video-promo.played,
#video-promo.played > #iframe {
    border-radius: 0;
}
#video-promo-poster {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/images/new_design/video_main_manycam_7.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}
#video-promo.played > #video-promo-poster {
    display: none;
}
#video-promo-poster > svg {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    cursor: pointer;
}
#video-promo:hover > #video-promo-poster > svg > path:first-child {
    transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1),
        fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
    fill: #f00;
    fill-opacity: 1;
}
@media screen and (max-width: 780px) {
    #video-promo-header {
        margin-bottom: 40px;
    }
    #mobile-desc > .info {
        max-width: 420px;
    }
}
@media screen and (max-width: 480px) {
    #video-promo-header {
        margin-bottom: 20px;
        padding: 0 30px;
        box-sizing: border-box;
        font-size: 24px;
        line-height: 28px;
    }
    #video-promo {
        border-radius: 0;
    }
}
/* End Video */

/* Begin advantages blocks styles */
.img-wrapper img.lazy-load {
    opacity: 0;
}
#advantages-wrapper {
    width: 100%;
    margin: 150px 0 0;
}
#advantages-wrapper > .advantages-item {
    margin: 0 0 220px;
}
#advantages-wrapper > .advantages-item:last-child {
    margin: 0;
}
.advantages-item {
    width: 100%;
    font-size: 0;
}
.advantages-item.right {
    text-align: right;
}
.advantages-item > div {
    display: inline-block;
    vertical-align: middle;
}
.img-wrapper {
    position: relative;
    width: 53%;
    max-width: 655px;
    padding: 0 0 0 95px;
    box-sizing: border-box;
}
.img-wrapper.left {
    max-width: 100%;
    padding: 0 95px 0 0;
    text-align: right;
}
.img-wrapper.left > div {
    max-width: 560px;
    right: 95px;
    left: auto;
}
.img-wrapper > img {
    width: 100%;
    max-width: 560px;
    border-radius: 10px;
}
.img-wrapper > div {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 95px;
}
.img-wrapper > div > img {
    position: absolute;
}
.img-wrapper img {
    box-shadow: 0 10px 20px rgba(130, 169, 182, 0.25);
    opacity: 1;
    transition: 0.3s;
}
.img-wrapper img.without-shadow {
    box-shadow: none;
}
.colored-block {
    width: 47%;
    box-sizing: border-box;
    border-radius: 0 30px 30px 0;
    background: #f6fafc;
}
.colored-block.left {
    padding: 80px 80px 56px 30px;
    border-radius: 0 30px 30px 0;
    text-align: right;
}
.colored-block.right {
    padding: 80px 30px 56px 80px;
    border-radius: 30px 0 0 30px;
    text-align: left;
}
.colored-block > div {
    display: inline-block;
    width: 100%;
    max-width: 460px;
    text-align: left;
}
#stream-images > .img-1,
#stream-images > .img-2,
#stream-images > .img-3 {
    right: -20px;
    border-radius: 6px;
}
#stream-images > .img-1 {
    top: -20px;
}
#stream-images > .img-2 {
    bottom: 38px;
}
#stream-images > .img-3 {
    bottom: -20px;
}
#greenscreen-images > .img-1,
#greenscreen-images > .img-2,
#greenscreen-images > .img-3,
#webcam-images > .img-1,
#webcam-images > .img-2 {
    left: -20px;
}
#greenscreen-images > .img-1 {
    top: 28px;
}
#greenscreen-images > .img-2 {
    top: 108px;
}
#greenscreen-images > .img-3 {
    top: 193px;
}
#greenscreen-images > .img-4 {
    right: 30px;
    bottom: -12px;
    border-radius: 6px;
    max-width: 140px;
}
#webcam-images > .img-1 {
    top: 144px;
}
#webcam-images > .img-2,
#webcam-images > .img-3 {
    top: 94px;
}
#webcam-images > .img-3 {
    left: 25px;
}
#webcam-images > .img-4 {
    top: -20px;
    right: 24px;
    border-radius: 6px;
}
#virtual-background > .img-1,
#virtual-background > .img-2,
#virtual-background > .img-3 {
    left: 5px;
}
#virtual-background > .img-4 {
    right: 25px;
    top: 0;
    border-radius: 6px;
}
#virtual-background > .img-1 {
    top: 40px;
}
#virtual-background > .img-2 {
    top: 120px;
}
#virtual-background > .img-3 {
    top: 200px;
}
/* End advantages blocks styles */

/* Begin features styles */

.features-item {
    padding: 80px 0 85px 45px;
    box-sizing: border-box;
    font-size: 0;
}
.features-item > div {
    display: inline-block;
    width: 50%;
    font-size: 0;
    vertical-align: middle;
}
.features-item .features-block-badge {
    position: relative;
    width: 100%;
    height: 100px;
}
.features-item .features-block-badge .new-icon-badge {
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 11px 20px;
    color: #fff;
    font-weight: bold;
    font-family: Roboto;
    font-size: 16px;
    background: #ec2626;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 21px;
}
.features-row > .features-item > .features-item-img,
.features-row > .features-item > .features-item-desc {
    max-width: none;
}
.features-row > .features-item > .features-item-img > img {
    width: 100%;
}
.features-row > .features-item.right > .features-item-img {
    float: right;
}
.features-row > .features-item.right .features-block-badge .new-icon-badge {
    left: 0;
    right: auto;
}
.features-row > .features-item.right > .features-item-desc {
    padding: 20px 0 0 0;
}
.features-item-img {
    position: relative;
    max-width: 560px;
}
.features-item-img > div {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.features-item-img > div > img {
    position: absolute;
    border-radius: 6px;
}
img.mobile-img {
    display: none !important;
}
.features-item-desc {
    max-width: 545px;
    padding: 20px 0 0 85px;
    box-sizing: border-box;
}
.features-item-desc > .info,
.colored-block > div > .info {
    margin: 20px 0 0;
}
.features-item-desc > .button,
.colored-block > div > .button {
    margin: 30px 0 0;
}
/* End features styles */

/* Begin features list styles */
#features-wrapper {
    width: 100%;
    margin: 120px auto 100px;
    box-sizing: border-box;
}
#features {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin: 0 auto;
}
#features-list {
    display: block;
    min-width: 380px;
    max-width: 380px;
    margin-left: 40px;
}
#features-list > div {
    position: relative;
    padding: 16px 24px;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s;
}
#features-list > div.active {
    background: #eaf6ff;
    cursor: default;
}
#features-list > div:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 0;
    bottom: 0;
    left: 0;
    background-color: #17c0ff;
}
#features-list > div.active:after {
    animation: timer 8s linear 0s 1;
    -webkit-animation: timer 8s linear 0s 1;
}
#features-list.hover > div.active:after {
    animation-play-state: paused;
}
#features-list > div > h2 {
    font-weight: 500;
    font-size: 18px;
    color: #616e73;
    line-height: 24px;
    transition: 0.2s;
}
#features-list > div:not(.active):hover > h2,
#features-list > div.active > h2 {
    color: #232829;
}
#features-list > div > div {
    max-height: 0;
    padding-top: 0;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    color: #3e484c;
    line-height: 24px;
    overflow: hidden;
    transition: 0.2s;
}
#features-list > div.active > div {
    max-height: 225px;
    padding-top: 12px;
}
#features-list > span {
    display: block;
    width: 100%;
    margin: 16px auto 0;
    padding: 14px 0;
    border-radius: 10px;
    box-sizing: border-box;
    background: rgba(23, 192, 255, 0.1);
    font-weight: 500;
    font-size: 18px;
    color: #17c0ff;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}
#features-list > span > * {
    vertical-align: top;
}
#features-list > span > svg {
    margin-right: 13px;
}
#features-list .slider-link{
	position: relative;
	display: block;
	text-decoration: none;
    color: #0080a0;
}
#features-content {
    position: relative;
    align-self: flex-start;
    width: 100%;
    padding: 40px 40px 90px;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #f7fbfc;
}
#features-content > div {
    position: relative;
    display: none;
}
#features-content > div > .new-icon-badge {
    position: absolute;
    top: 8px;
    right: -30px;
    padding: 11px 20px;
    color: #fff;
    font-weight: bold;
    font-family: Roboto;
    font-size: 16px;
    background: #ec2626;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 21px;
    z-index: 1;
}
#features-content > div.active {
    display: block;
}
#features-content > div > img {
    display: block;
    width: 100%;
    user-select: none;
    margin: -40px 0;
}
#features-content > div > div > img {
    position: absolute;
    border-radius: 6px;
}
#features-content > div.active > div > img {
    animation: images 0.4s ease 0.1s 1;
    -webkit-animation: images 0.4s ease 0.1s 1;
}
#features-content > div > img.mobile {
    display: none;
}
#features-content > svg {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    top: 50%;
    margin-top: -20px;
    left: 0;
    cursor: pointer;
}
#features-content > svg#arrow-right {
    left: auto;
    right: 0;
}
#features-content > svg > path {
    transition: 0.2s;
}
#features-content > svg:hover > path {
    stroke: #232829;
}
#features-content > a {
    position: absolute;
    display: none;
    height: 52px;
    width: 200px;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 15px 30px;
    border-radius: 10px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    background-color: #17c0ff;
    text-align: center;
    box-shadow: 0 16px 24px rgba(23, 192, 255, 0.2);
}

#content.fr-lang #features-content > a,
#content #features-content > a.see-all-fetaures-button {
	height: 70px;
}
#content.en-lang #features-content > a.see-all-fetaures-button,
#content.ru-lang #features-content > a.see-all-fetaures-button,
#content.zh-s-lang #features-content > a.see-all-fetaures-button,
#content.zh-t-lang #features-content > a.see-all-fetaures-button,
#content.ko-lang #features-content > a.see-all-fetaures-button {
	height: 52px;
}
#features-content > a.active {
    display: block;
}

@keyframes timer {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes timer {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@media screen and (max-width: 980px) {
    #features {
        display: block;
        padding-bottom: 92px;
    }
    #features-list {
        display: block;
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 24px;
    }
    #features-list > span {
        position: absolute;
        max-width: 380px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #features-content > svg {
        display: none;
    }
}

@media screen and (max-width: 500px) {

    #features-list > div {
        border-radius: 0;
    }
    #features-content {
        border-radius: 0;
        padding: 40px 20px 90px;
    }
}
/* End features list styles */

/* Begin platform styles */
#platform-wrapper {
    width: 100%;
    margin: 140px auto 0;
    font-size: 0;
}
#platform > h2,
#features-wrapper > h2,
#platform > span {
    width: 100%;
    max-width: 1300px;
    margin: 80px auto 0;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
}
#platform > h2,
#features-wrapper > h2 {
    font-weight: 700;
    font-size: 48px;
    color: #3e484c;
    line-height: 60px;
}
#features-wrapper > h2 {
    margin-bottom: 60px;
}
#platform > span {
    display: block;
    margin: 24px auto 0;
    font-weight: 300;
    font-size: 18px;
    color: #4a5255;
    line-height: 32px;
}
#platform > div {
    padding: 50px 0;
}
#platform > div:before,
#platform > div:after {
    content: "";
    display: block;
    height: 100px;
    width: 100%;
    margin-top: 20px;
}
#platform > div:before {
    background-image: url(/images/new_home_page/platforms/right-back.png);
    animation: platforms_right 20s linear 0s infinite;
    -webkit-animation: platforms_right 20s linear 0s infinite;
}
#platform > div:after {
    background-image: url(/images/new_home_page/platforms/left-main.webp);
    animation: platforms_left 18s linear 0s infinite;
    -webkit-animation: platforms_left 18s linear 0s infinite;
}

@keyframes platforms_right {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: 1200px;
    }
}
@-webkit-keyframes platforms_right {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: 1200px;
    }
}

@keyframes platforms_left {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: -1080px;
    }
}
@-webkit-keyframes platforms_left {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: -1080px;
    }
}

@media screen and (max-width: 500px) {
    #platform-wrapper {
        margin-top: 80px;
    }
    #platform > h2,
    #features-wrapper > h2 {
        font-size: 34px;
    }
    #platform > span {
        margin: 24px auto 0;
    }
    #platform > div {
        padding: 0 0 50px;
    }
}
/* End platform styles */

/* Begin Started styles */
#started-wrapper {
    position: relative;
    width: 100%;
    max-width: 1300px;
    margin: 80px auto 0;
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 0;
}
#started {
    position: relative;
    min-height: 340px;
    width: 100%;
    padding: 60px 80px;
    border-radius: 30px;
    box-sizing: border-box;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004f7a+0,002849+100 */
    background: #004f7a; /* Old browsers */
    background: -moz-linear-gradient(
        left,
        #004f7a 0%,
        #002849 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        left,
        #004f7a 0%,
        #002849 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        #004f7a 0%,
        #002849 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004f7a', endColorstr='#002849', GradientType=1); /* IE6-9 */
    overflow: hidden;
}
#started > h2 {
    width: 50%;
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    line-height: 64px;
}
#started > div {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center;
    height: 100%;
    max-width: 50%;
    top: 0;
    right: 0;
}
#started > div > img {
    max-width: 100%;
}
#started > a {
    display: inline-block;
    margin-top: 32px;
    padding: 0 60px;
    border-radius: 10px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 16px;
    color: #013566;
    background-color: #fff;
    line-height: 52px;
}

@media screen and (max-width: 880px) {
    #started {
        width: 100%;
        padding: 60px 60px 80px;
        text-align: center;
    }
    #started > h2 {
        width: 100%;
        padding-bottom: 24px;
    }
    #started > h2 > br {
        display: none;
    }
    #started > div {
        position: static;
        flex-direction: column;
        max-width: initial;
    }
}

@media screen and (max-width: 500px) {
    #started-wrapper {
        padding: 0;
    }
    #started {
        padding: 60px 30px 75px;
        border-radius: 0;
    }
    #started > h2 {
        padding-bottom: 8px;
    }
    #started > div {
        margin-left: -30px;
        margin-right: -30px;
    }
}
/* End Started styles */

/* Begin solutions styles */
#solutions-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 140px auto 0;
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 0;
}
#solutions {
    margin: 0 -17px;
}
.solution-item {
    display: inline-block;
    min-height: 274px;
    width: 33.33%;
    margin: 35px 0 0;
    padding: 0 17px;
    box-sizing: border-box;
    vertical-align: top;
}
.solution-item > div {
    display: inline-block;
    height: 100%;
    min-height: 274px;
    width: 100%;
    border: 1px solid #d0e2ea;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    vertical-align: top;
    transition: 0.3s;
}
#solutions-wrapper.fr-lang .solution-item > div {
    min-height: 302px;
}
.solution-item:hover > div {
    border-color: transparent;
    box-shadow: 0 4px 20px rgba(177, 193, 199, 0.4);
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
}
.solution-item-content {
    position: relative;
    padding: 40px 40px 30px;
    box-sizing: border-box;
    text-align: left;
}
.solution-item-content > img {
    height: 80px;
    min-height: 80px;
    width: 80px;
    min-width: 80px;
    opacity: 0;
    transition: opacity 0.4s;
}
.solution-item-content > h2 {
    width: 100%;
    margin: 20px 0 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #3e484c;
}
.solution-item-content > .info {
    margin: 4px 0 0;
}
.solution-item-content > .button {
    position: absolute;
    height: 38px;
    width: 38px;
    top: 30px;
    right: 30px;
    padding: 0;
    text-align: center;
    overflow: hidden;
}
.solution-item-content > .button > span {
    position: absolute;
    width: 0;
    right: 33px;
    font-size: 14px;
    font-weight: 300;
    overflow: hidden;
    transition: 0.2s;
}
.solution-item:hover > div > .solution-item-content > .button {
    width: 187px;
    border-color: #00abeb;
    background-color: #00abeb;
    color: #fff;
}
.solution-item:hover > div > .solution-item-content > .button > span {
    width: 140px;
}
.solution-item:hover > div > .solution-item-content > .button > svg path {
    fill: #fff;
}
.solution-item-content > .button > svg {
    position: absolute;
    top: 12px;
    right: 14px;
    margin: 0;
}
/* End solutions styles */

/* Begin mobile streaming styles */
#mobile-streaming-wrapper {
    position: relative;
    min-height: 650px;
    max-width: 1300px;
    margin: 80px auto 0;
}
#mobile-streaming-wrapper > div {
    padding: 125px 0 0;
    box-sizing: border-box;
}
#mobile-streaming {
    max-width: 100%;
}
#mobile-streaming-content {
    min-height: 400px;
    padding: 73px 30px 73px 0;
    background-position: left bottom;
}
#mobile-img {
    position: absolute;
    bottom: 89px;
    left: 0;
}
#mobile-img > img {
    opacity: 0;
    transition: 0.4s;
}
#heart-img {
    position: absolute;
    top: 58px;
    right: 31px;
    animation: jump 1.2s infinite;
    -webkit-animation: jump 1.2s infinite;
}
@keyframes jump {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
@-webkit-keyframes jump {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
#mobile-desc > h2 {
    font-weight: 300;
    font-size: 36px;
    line-height: 48px;
    color: #fff;
}
#mobile-desc > .info {
    max-width: 325px;
    margin: 10px 0 0;
}
#mobile-desc > .button {
    margin: 20px 0 0;
}
#mobile-desc > .button > span {
    font-weight: 300;
}
#store-wrapper {
    margin: 50px 0 0;
}
#store-wrapper > a {
    display: inline-block;
    cursor: pointer;
}
#store-wrapper > a:first-child {
    margin: 0 20px 0 0;
}
/* End mobile streaming styles */

/* Begin connect styles */
.features-row {
    width: 100%;

    margin: 0 auto;
    padding: 100px 30px 0;
    box-sizing: border-box;
    font-size: 0;
    margin-bottom: 50px;
    background-color: #f6fafc;
}
#stream-wrapper.features-row {
    background-color: transparent;
    margin-top: 50px;
    margin-bottom: 70px;
}
.features-row:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
}
.features-row > .features-item {
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px 0 30px 0;
}
.clearfix {
    display: block;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
#connect > div {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
#connect-desc {
    padding: 0 30px 0 0;
    box-sizing: border-box;
}
#connect-desc > h2 {
    color: #3e484c;
}
#connect-desc > h2 > span,
#connect-desc > p > span {
    display: inline-block;
}
#connect-desc > p {
    width: 100%;
    max-width: 460px;
    margin: 20px 0 0;
}
#connect-desc > .button-wrapper {
    margin: 40px 0 0;
}
#connect-img-wrapper {
    text-align: right;
}
#connect-img-wrapper > video {
    width: 100%;
    max-width: 570px;
}
/* End connect styles */

/* Begin statistics styles*/
#subscribe-wrapper {
    width: 100%;
}
#subscribe-wrapper ~ #footer {
    padding-top: 120px;
}
#statistics {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 0;
}
#statistics-content {
    margin: 0 -17px -54px;
}
.statistics-item {
    display: inline-block;
    width: 25%;
    margin: 30px 0 0;
    padding: 0 17px;
    box-sizing: border-box;
}
.statistics-item-content {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(177, 193, 199, 0.4);
}
.statistics-item-content > div:first-child {
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 54px;
    color: #17c0ff;
}
.statistics-item-content > div:last-child {
    padding: 15px 30px;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
    background-color: #edf6fa;
}
/* End statistics styles*/

/* Begin subscription styles */
#subscribe-content-wrapper {
    width: 100%;
    background-color: #009dd8;
}
#subscribe-content {
    min-height: 400px;
    width: 100%;
    padding: 144px 30px 140px;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
#subscribe-content > div {
    width: 100%;
    max-width: 564px;
    margin: 0 auto;
}
#subscribe-content > div > h2 {
    font-size: 36px;
    font-weight: 300;
    line-height: 48px;
    color: #fff;
    text-align: center;
}
#subscribe-content-extends {
    overflow: hidden;
    transition: 0.2s;
}
#subscribe-content > #subscribe-finished {
    display: none;
}
/* #subscribe-finished {
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
} */
#subscribe-content-button,
#subscribe-content-button-disabled {
    display: block;
    height: 38px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    border: none;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    color: #17c0ff;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}
#subscribe-content-button-disabled {
    background-color: rgba(255, 255, 255, 0.8);
    cursor: default;
}
#subscribe-content-button-wrapper > span {
    display: inline-block;
    width: 100%;
    margin-top: 6px;
    font-weight: 300;
    font-size: 11px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}
#subscribe-content-button-wrapper {
    margin: 20px 0 0;
}
#subscribe-content.finished > #subscribe-finished {
    display: block;
}
#subscribe-content.finished > div > #email-wrapper {
    display: none;
}
.message-img {
    width: 195px;
    height: 84px;
    margin: 20px auto;
    background: url(data:image/png;base64,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);
}
#subscribe-finished > span.close-link {
    margin-top: 20px;
    display: block;
    font-weight: 300;
    font-size: 11px;
    color: #dafffd;
    line-height: 22px;
    cursor: pointer;
}
.hide {
    display: none;
}
.hide-opacity {
    opacity: 0;
}
#email-wrapper {
    width: 100%;
    margin: 40px auto 0;
}
#email-content,
#newsletter-first-name,
#newsletter-last-name {
    border: 4px solid #00abeb;
    box-sizing: border-box;
    border-radius: 30px;
    background-color: #00abeb;
    font-size: 0;
    overflow: hidden;
}
#newsletter-first-name,
#newsletter-last-name {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 20px;
    border: none;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
}
#email-content > * {
    display: inline-block;
    vertical-align: middle;
}
#email-content > input {
    height: 36px;
    width: calc(100% - 109px);
    margin: 0 5px 0 0;
    padding: 0 10px 0 20px;
    border: none;
    box-sizing: border-box;
    border-radius: 30px;
    background-color: transparent;
    box-shadow: none;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    outline: none;
}
#email-content > input::-webkit-input-placeholder,
#subscribe-content-extends-inputs input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.7);
}
#email-content > input::-moz-placeholder,
#subscribe-content-extends-inputs input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.7);
}
#email-content > input:-ms-input-placeholder,
#subscribe-content-extends-inputs input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.7);
}
#email-content > input:-moz-placeholder,
#subscribe-content-extends-inputs input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.7);
}
#newsletter-last-name-wrapper,
#newsletter-first-name-wrapper {
    display: inline-block;
    height: 40px;
    width: 50%;
    max-width: 272px;
    border: 1px solid #00abeb;
    box-sizing: border-box;
    border-radius: 30px;
    background-color: #00abeb;
    overflow: hidden;
    transition: 0.3s;
}
#newsletter-first-name-wrapper {
    margin: 0 10px 0 0;
}
#newsletter-last-name-wrapper.error,
#newsletter-first-name-wrapper.error {
    border-color: #f64c49;
}
#subscribe-button {
    width: 104px;
    padding: 0 10px;
    border: none;
    background-color: rgba(255, 255, 255, 0.8);
}
#subscribe-button > span {
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    color: #17c0ff;
}
#subscribe-button.active {
    background-color: rgba(255, 255, 255, 1);
}
#subscribe-button.active:hover {
    background-color: #f6fafc;
}
#subscribe-button.active:active {
    background-color: #edf6fa;
}
.error-text {
    display: block;
    margin: 4px 0 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 14px;
    color: #f64c49;
}
#subscribe-content-extends-content {
    margin: 25px 0 0;
}
#subscribe-content-extends-content > h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
#subscribe-content-extends-inputs {
    margin: 15px 0 0;
    font-size: 0;
}
#receive-newsletter-wrapper {
    width: 100%;
    margin-top: 31px;
    padding-left: 39px;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}
#receive-newsletter {
    display: none;
}
#receive-newsletter + label {
    position: relative;
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 22px;
    cursor: pointer;
}
#subscribe-finished {
    font-weight: 300;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 22px;
}
#receive-newsletter-info {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}
#receive-newsletter + label:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 16px;
    width: 29px;
    top: 3px;
    left: -39px;
    border-radius: 16px;
    background-color: #fff;
    transition: 0.2s;
}
#receive-newsletter + label:after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 14px;
    width: 14px;
    top: 4px;
    left: -38px;
    border-radius: 100%;
    background-color: #00abeb;
    transition: 0.2s;
}
#receive-newsletter:checked + label:after {
    left: -25px;
}
/* End subscription styles */
svg.lite-logo-icon {
    display: inline-block;
    vertical-align: middle;
}

/* Begin responsive styles */
@media screen and (min-width: 2000px) {
    #mc-welcome {
        margin: 0 auto;
        padding: 0 0 0 305px;
    }
}
@media screen and (max-width: 2000px) {
    .colored-block {
        width: 46%;
    }
    .img-wrapper {
        width: 54%;
    }
}
@media screen and (max-width: 1900px) {
    #mc-welcome-content,
    #mc-welcome-image-wrapper {
        width: 50%;
    }
    #mc-welcome-wrapper {
        position: relative;
        min-height: 620px;
        overflow: hidden;
    }
    #mc-welcome {
        max-width: 1270px;
        margin: 0 auto;
    }
    #mc-welcome-image-wrapper {
        position: static;
        min-height: 560px;
    }
    #mc-welcome-image {
        position: absolute;
        right: -142px;
    }
}
@media screen and (max-width: 1600px) {
    .colored-block {
        width: 45%;
    }
    .img-wrapper {
        width: 55%;
    }
}
@media screen and (max-width: 1520px) {
    .pip > .img-2 {
        bottom: 60px;
    }
    .features-item > .features-item-img {
        width: 60%;
    }
    .features-item > .features-item-desc {
        width: 40%;
    }
}
@media screen and (max-width: 1440px) {
    #mc-welcome-image {
        right: -172px;
    }
}
@media screen and (max-width: 1390px) {
    #mc-welcome-image {
        right: -300px;
    }
}
@media screen and (max-width: 1330px) {
    .solution-item {
        width: 50%;
    }
    #solutions-wrapper.fr-lang .solution-item > div {
        min-height: inherit;
    }
}

@media screen and (max-width: 1290px) {
    #video-desc {
        width: 58%;
    }
    #video-wrapper {
        width: 45%;
        top: 10%;
        /*left:-2%;*/
    }
    #video-wrapper > img:first-child {
        display: block;
    }
    #video-wrapper > img:last-child {
        display: none;
    }
}
@media screen and (max-width: 1250px) {
    #video-desc {
        padding: 40px 25px 50px 50px;
    }
}



@media screen and (max-width: 1230px) {
    #mobile-streaming-content {
        background-size: cover;
    }
    #mobile-img > img {
        width: 80%;
    }
}

@media screen and (max-width: 1200px) {
    #version-seven {
        background-image: none !important;
    }
    #version-seven > #video-wrapper {
        vertical-align: bottom;
    }
    .features-item-desc {
        padding: 0 0 0 60px;
    }
}

@media screen and (max-width: 1100px) {
    #mc-welcome-content .button,
    #connect-desc .button {
        padding: 0 20px;
    }
    .features-item {
        max-width: 560px;
        margin: 0 auto;
        padding: 80px 0 0;
    }
    .features-item > .features-item-img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .features-item > .features-item-desc {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 60px 0 0;
        padding: 0;
    }
    .features-item-desc > .link-wrapper {
        display: none;
    }
    .features-item-desc > .button {
        display: block;
        width: 100%;
        max-width: 282px;
        margin: 30px auto 0;
    }
    .pip > .img-2 {
        bottom: 94px;
    }
    .masks > .img-1,
    .performance > .img-1 {
        left: 270px;
    }
    .features-row > .features-item > .features-item-img {
        text-align: center;
        max-width: 650px;
    }
    .features-row > .features-item > .features-item-img > img {
        width: auto;
        max-width: 100%;
    }
    .features-row > .features-item.right > .features-item-img {
        float: none;
    }
    .features-row > .features-item > .features-item-desc {
        text-align: center;
    }
    .features-row > .features-item > .features-item-desc > .info {
        max-width: none;
    }
    .features-row > .features-item.right .features-block-badge .new-icon-badge {
        right: 0;
        left: auto;
    }
    .features-row > .features-item .features-block-badge {
        height: 38px;
    }
}
@media screen and (max-width: 1180px) {
    #mc-welcome-image {
        right: -450px;
    }
    #video-wrapper {
        width: 45%;
        top: 17%;
    }
}

@media screen and (max-width: 1150px) {
    .img-wrapper.left {
        padding: 0 50px 0 30px;
    }
    .img-wrapper {
        padding: 0 30px 0 50px;
    }
    .colored-block.right {
        padding: 80px 30px 56px 40px;
    }
    .colored-block.left {
        padding: 80px 40px 56px 30px;
    }
    .masks > .img-1 {
        left: 44%;
    }
    .performance > .img-1 {
        left: 42%;
    }
}
@media screen and (max-width: 1130px) {
    #video-desc {
        width: 62%;
    }
    #video-wrapper {
        width: 43%;
        bottom: 15%;
    }
    #video-wrapper > img:first-child {
        display: block;
    }
    #video-wrapper > img:last-child {
        display: none;
    }
}
@media screen and (max-width: 1070px) {
    #mc-welcome-content > .info {
        max-width: 350px;
    }
}
@media screen and (max-width: 1060px) {
    #video-desc > h2 {
        font-size: 35px;
    }
}
@media screen and (max-width: 1050px) {
  
    #mc-welcome-content .button,
    #connect-desc .button {
        padding: 0 20px;
    }
    #mobile-img {
        bottom: 163px;
    }
    #mobile-img > img {
        width: 60%;
    }
}
@media screen and (max-width: 1040px) {
    #video-desc {
        width: 65%;
    }
    #video-wrapper > img:first-child {
        display: block;
    }
    #video-wrapper > img:last-child {
        display: none;
    }
    #video-wrapper {
        width: 40%;
        top: 23%;
    }
}

@media screen and (max-width: 1000px) {
    #video-desc > h2 {
        font-size: 34px;
    }
}
@media screen and (max-width: 980px) {
    #mc-welcome-image {
        right: -500px;
    }
    #mc-welcome-wrapper {
        width: 100%;
        padding: 64px 0 0 30px;
    }
    #video-wrapper {
        position: static;
        max-width: 579px;
        margin: 0 auto 1px;
        height: 335px;
        width: 49%;
    }
    #video-wrapper img {
        width: 100%;
    }
    #video-wrapper > img:first-child {
        display: block;
    }
    #video-wrapper > img:last-child {
        display: none;
    }
    #video-desc {
        padding: 0 0 0 15px;
        margin-top: 68px;
    }
    #video-desc > h2 {
        max-width: 100%;
    }
    #promo-right {
        display: none;
    }
    #promo-right-980 {
        display: block;
    }
    #live-videos-old {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bd7ff+11,00b9ff+70 */
        background: #009dd8; /* Old browsers */
        background: -moz-radial-gradient(
            63.83% 182.27% at 92.14% 69.88%,
            #00749f 0%,
            #009dd8 100%
        ); /* FF3.6-15 */
        background: -webkit-radial-gradient(
            63.83% 182.27% at 92.14% 69.88%,
            #00749f 0%,
            #009dd8 100%
        ); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(
            63.83% 182.27% at 92.14% 69.88%,
            #00749f 0%,
            #009dd8 100%
        ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00749F', endColorstr='#009DD8',GradientType=1 ); /* IE6-9 */
    }

    #live-videos {
        background: none;
        background-color: #202020;
    }
    .info {
        max-width: 600px;
    }
    #live-videos-content > .button-wraper {
        margin-top: 30px;
    }
    #live-videos-content {
        min-height: 500px;
    }
	#live-videos-content.mac-os > .homepage-main-banner-content > .homepage-main-banner-list > ul > li {
		font-size:18px;
	}
}
@media screen and (max-width: 950px) {
    #advantages-wrapper {
        margin: 100px 0 0;
    }
    .advantages-item {
        display: flex;
        flex-direction: column-reverse;
        width: calc(100% - 30px);
        border-radius: 0 30px 30px 0;
    }
    #advantages-wrapper > .advantages-item {
        margin: 0 0 100px;
    }
    #advantages-wrapper > .advantages-item.right {
        margin: 0 0 100px auto;
    }
    .advantages-item.right {
        flex-direction: column;
        padding: 0;
        border-radius: 30px 0 0 30px;
        text-align: right;
    }
    .img-wrapper {
        text-align: center;
    }
    .advantages-item > div {
        display: block;
        margin: 0 auto;
    }
    .img-wrapper,
    .colored-block {
        width: 100%;
        padding: 0 30px;
    }
    .colored-block {
        border-radius: 0;
        background-color: transparent;
    }
    .colored-block > div {
        max-width: 568px;
        margin: 0 auto;
    }
    .colored-block.left,
    .colored-block.right {
        padding: 0 40px 56px 30px;
        text-align: center;
    }
    .advantages-item .mobile-img {
        margin: 0 auto;
    }
    .img-wrapper > div {
        display: none;
    }
    .advantages-item .desktop-img {
        display: none !important;
    }
    .advantages-item .mobile-img {
        display: block !important;
        box-shadow: none;
    }
    .img-wrapper.left {
        padding: 0 95px 0 30px;
    }
    .img-wrapper {
        padding: 0 30px 0 95px;
    }
    #advantages-wrapper
        > #virtual-background-lazy-load
        > .colored-block
        > .new-icon-badge {
        display: block;
        position: relative;
        text-align: center;
        width: 133px;
        margin: 0 auto 25px;
    }
}
@media screen and (max-width: 920px) {
    #mc-welcome-content {
        width: 45%;
    }
    #mc-welcome-image-wrapper {
        width: 55%;
    }
    #mc-welcome-content > .info {
        max-width: 300px;
    }
}
@media screen and (max-width: 906px) {
    #solutions-wrapper.fr-lang .solution-item > div {
        min-height: 302px;
    }
}
@media screen and (max-width: 900px) {
    #using-list-slider {
        padding: 80px 0;
    }
    #using-list-wrapper > .round-arrow {
        display: none;
    }
    #subscribe-wrapper {
        margin: 16px 0 0;
    }
    .statistics-item {
        width: 50%;
    }
    .link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 38px;
        min-height: 38px;
        max-width: 100%;
    }
}
@media screen and (max-width: 860px) {
    #mc-welcome-image {
        right: -550px;
    }
}
@media screen and (max-width: 850px) {

    #live-videos-content {
        min-height: 550px;
    }
}
@media screen and (max-width: 840px) {
    #mc-welcome-wrapper {
        padding: 20px 0 0 30px;
    }
    #mc-welcome-content {
        padding: 500px 30px 0 0;
        text-align: center;
    }
    #mc-welcome {
        display: flex;
        flex-direction: column-reverse;
    }
    #mc-welcome > div {
        width: 100%;
        margin-top: 53px;
    }
    #mc-welcome-content .button {
        padding: 0 30px;
    }
    #mc-welcome-image {
        right: -228px;
    }
    #mc-welcome-content > .info {
        max-width: 100%;
    }
    #mc-welcome-image-wrapper {
        min-height: auto;
    }
    #live-videos-wrapper {
        margin: 52px 0 52px 0;
    }
    .info {
        max-width: 400px;
    }
    #using-list-slider {
        padding-top: 80px;
        padding-bottom: 80px;
		margin-bottom:0;
    }
}
@media screen and (max-width: 830px) {
    #mobile-streaming-wrapper {
        padding: 0;
    }
    #mobile-streaming {
        border-radius: 0;
    }
    #mobile-img {
        left: -20px;
    }
}
@media screen and (max-width: 828px) {
    #solutions-wrapper.fr-lang .solution-item > div {
        min-height: 330px;
    }
}
@media screen and (max-width: 820px) {
    .features-item {
        padding: 0 0 30px;
    }
    .features-item > .features-item-desc {
        text-align: center;
    }
    .features-item > .features-item-desc .title {
        margin-top: 15px;
    }
    .features-item-desc > .info {
        margin-left: auto;
        margin-right: auto;
    }
    .owl-carousel .owl-item img.mobile-img {
        display: block !important;
        max-width: 560px;
    }
    .owl-carousel .owl-item img.desktop-img {
        display: none !important;
    }
    .features-item > .features-item-desc {
        margin: 0;
    }
}
@media screen and (max-width: 800px) {
    .advantages-item > div,
    .colored-block.left,
    .colored-block.right,
    .img-wrapper.left {
        padding: 0;
    }
    .advantages-item {
        box-sizing: border-box;
    }
    #advantages-wrapper > .advantages-item {
        padding: 0 70px 33px 100px;
    }
    #advantages-wrapper > .advantages-item.right {
        padding: 0 100px 33px 70px;
    }
    .colored-block > div {
        max-width: 100%;
    }
    .features-row {
        margin: 0px auto 0;
    }
    #connect {
        display: flex;
        flex-direction: column-reverse;
    }
    #connect > div {
        display: block;
        width: 100%;
    }
    #connect-desc {
        margin: 70px 0 0;
        padding: 0;
    }
    #connect-img-wrapper {
        text-align: center;
    }
    #connect-desc > h2,
    #connect-desc > p {
        max-width: 100%;
    }
    #connect-desc > h2 > span,
    #connect-desc > p > span {
        display: inline;
    }
    #connect-desc > .button-wrapper {
        margin: 30px 0 0;
    }
    #connect-desc > .button-wrapper > a {
        padding: 0 30px;
    }
    #live-videos-wrapper > div > img.fall-promo,
    #live-videos-wrapper > div > img.fall-promo-moblie {
        display: none;
    }
    #live-videos-wrapper > div > img.fall-promo-laptop {
        display: block;
    }
}
@media screen and (max-width: 790px) {
    #mc-welcome-image {
        right: -350px;
    }
}
@media screen and (max-width: 770px) {
    .solution-item > div,
    .solution-item {
        min-height: 300px;
    }
    #solutions-wrapper {
        margin: 65px auto 0;
    }
}
@media screen and (max-width: 750px) {
    #mobile-streaming-wrapper {
        min-height: auto;
        margin: 50px auto 0;
    }
    #mobile-streaming-wrapper > div {
        padding: 0;
    }
    #mobile-streaming-content > #mobile-img-wrapper {
        display: none;
    }
    #mobile-streaming-content > div {
        display: block;
        width: 100%;
    }
    #mobile-streaming-content {
        min-height: auto;
        padding: 30px 30px;
        background-image: none !important;
        text-align: center;
    }
    #mobile-desc > h2,
    #mobile-desc > .info {
        max-width: 100%;
    }
    #store-wrapper,
    #mobile-desc > .button {
        margin: 30px 0 0;
    }
    .features-row {
        margin: 0px auto 0;
    }
    #mobile-desc > .info {
        max-width: 100%;
    }
    #live-videos-content:before {
        background-image: url(/images/new_design/hp_banner_lite_laptop.png?v=1);
        height: 412px;
        background-size: auto 110%;
    }
	 #live-videos-content.mac-os:before {
        background-image: url(/images/new_design/hp_banner_laptop.png?v=1);
	 }
    #live-videos-content > .homepage-main-banner-content {
        margin-top: 412px;
        /* vertical-align: bottom; */
        display: block;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 700px) {
    .pip > .img-2 {
        left: 0;
        bottom: 94px;
    }
    .switcher > .img-1 {
        top: 34px;
        right: 0;
    }
    .switcher > .img-2 {
        top: 224px;
        left: 8px;
    }
    .masks > .img-1 {
        top: 152px;
        left: 42%;
    }
    .masks > .img-2 {
        top: 41px;
        right: 0;
    }
    .multiple-video-sources > .img-1 {
        top: -20px;
        right: 8px;
    }
    .performance > .img-1 {
        top: 133px;
        left: 40%;
    }
    .performance > .img-2 {
        top: 28px;
        right: 10px;
    }
    .performance > .img-3 {
        top: 190px;
        right: 13px;
    }
    @keyframes top-move {
        0% {
            transform: translateY(-30px);
        }
        to {
            transform: translateY(0);
        }
    }
    @-webkit-keyframes top-move {
        0% {
            transform: translateY(-30px);
            -webkit-transform: translateY(-30px);
        }
        to {
            transform: translateY(0);
            -webkit-transform: translateY(0);
        }
    }
    @keyframes bottom-move {
        0% {
            transform: translateY(30px);
        }
        to {
            transform: translateY(0);
        }
    }
    @-webkit-keyframes bottom-move {
        0% {
            transform: translateY(30px);
            -webkit-transform: translateY(30px);
        }
        to {
            transform: translateY(0);
            -webkit-transform: translateY(0);
        }
    }
}
@media screen and (max-width: 690px) {
    .solution-item {
        width: 100%;
    }
    .solution-item > div,
    .solution-item {
        min-height: auto;
    }
}
@media screen and (max-width: 690px) {
    #solutions-wrapper.fr-lang .solution-item > div {
        min-height: inherit;
    }
    #promo-right-980 {
        display: none;
    }
    #video-desc {
        text-align: center;
    }
    #video-desc > .info > ul > li {
        line-height: 20px;
        margin-bottom: 10px;
    }
    #video-desc > .info > ul > li:last-child {
        margin: 0;
    }
}
@media screen and (max-width: 660px) {

    #mc-welcome-image {
        right: -474px;
    }
    #video-desc {
        max-width: 450px;
        margin: 10px auto 0;
        padding: 0;
    }
    #video-desc > .white-row {
        width: 94%;
    }
}
@media screen and (max-width: 640px) {
    #newsletter-last-name-wrapper,
    #newsletter-first-name-wrapper {
        width: 100%;
        max-width: 100%;
    }
    #newsletter-first-name-wrapper {
        margin: 0;
    }
    #newsletter-last-name-wrapper {
        margin: 10px 0 0;
    }
}
@media screen and (max-width: 620px) {
    .owl-carousel .owl-item img.mobile-img {
        min-height: 300px;
    }
    #mobile-desc > .info {
        max-width: 320px;
        margin: 20px auto;
    }
}
@media screen and (max-width: 550px) {
    #mc-welcome-image {
        right: -500px;
    }
    #video-desc > .button-wraper > .button {
        display: block;
        margin-left: 0px;
    }
    #video-desc > .button-wraper > .button {
        width: 100%;
        margin-top: 10px;
    }
    #video-desc > .button-wraper > .button > div.download-for-appstore {
        margin-left: auto;
        margin-right: auto;
        left: 40px;
        right: 0;
        text-align: center;
    }
}
@media screen and (max-width: 510px) {
    #mc-welcome-image {
        right: -550px;
    }
    #mc-welcome-content {
        padding: 450px 30px 0 0;
    }
}
@media screen and (max-width: 500px) {
    .statistics-item-content > div:first-child {
        padding: 20px;
        font-size: 36px;
    }
    .statistics-item-content > div:last-child {
        padding: 15px 20px;
    }
}
@media screen and (max-width: 470px) {
    #mc-welcome-wrapper {
        padding: 0;
    }
    #mc-welcome-content {
        padding: 0 20px;
    }
    #mc-welcome-content > h1 {
        font-size: 36px;
        line-height: 42px;
    }
    #mc-welcome-image-wrapper {
        text-align: right;
    }
    #mc-welcome-image {
        display: none;
    }
    #mc-welcome-image-wrapper > img {
        display: inline-block;
        min-height: 346px;
        width: 100%;
        max-width: 320px;
        opacity: 0;
        transition: 0.4s;
    }
    #mc-welcome-content > .button-wrapper > a {
        display: block;
        width: 100%;
    }
    #mc-welcome-content > .button-wrapper > .download-button {
        margin: 20px 0 0;
    }
  
    #live-videos,
    #mobile-streaming {
        border-radius: 0;
    }
    #version-seven {
        padding: 30px 20px 80px;
    }
    #video-desc {
        text-align: center;
    }
    #advantages-wrapper {
        margin: 50px 0 0;
    }
    .advantages-item,
    .advantages-item.right {
        width: 100%;
        margin: 0;
        background-color: transparent;
        border-radius: 0;
    }
    .colored-block > div {
        text-align: center;
    }
    #advantages-wrapper > .advantages-item.right,
    #advantages-wrapper > .advantages-item {
        padding: 0 20px;
    }
    .colored-block.left,
    .colored-block.right {
        text-align: center;
    }
    #advantages-wrapper > .advantages-item,
    #advantages-wrapper > .advantages-item.right {
        margin: 0 0 58px;
    }
    .features-item {
        padding: 0;
    }
    .title {
        font-size: 24px;
        line-height: 28px;
    }
    #solutions-wrapper {
        margin: 20px auto 0;
        padding: 0 20px;
    }
    #mobile-streaming-content {
        padding: 30px 20px;
    }
    #mobile-desc > h2 {
        font-size: 24px;
    }
    .features-row {
        padding: 0 20px;
    }
    #connect-desc {
        margin: 39px 0 0;
    }
    #connect-desc > h2,
    #connect-desc > p {
        text-align: center;
    }
    #connect-desc > .button-wrapper > a {
        display: block;
        width: 100%;
        text-align: center;
    }
    #connect-desc > .button-wrapper > .download-button {
        margin: 20px 0 0;
    }
    #subscribe-wrapper {
        margin: 5px 0 0;
    }
    #statistics {
        padding: 0 20px;
    }
    #statistics-content {
        margin: 0 -5px;
    }
    #subscribe-content {
        min-height: auto;
        padding: 80px 20px 48px;
        background-image: none !important;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6bd7ff+11,00b9ff+70 */
        background: #6bd7ff !important; /* Old browsers */
        background: -moz-linear-gradient(
            left,
            #6bd7ff 11%,
            #00b9ff 70%
        ) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(
            left,
            #6bd7ff 11%,
            #00b9ff 70%
        ) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(
            to right,
            #6bd7ff 11%,
            #00b9ff 70%
        ) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bd7ff', endColorstr='#00b9ff',GradientType=1 ) !important; /* IE6-9 */
    }
    #subscribe-content > div > h2 {
        font-size: 24px;
    }
    .statistics-item {
        margin: 10px 0 0;
        padding: 0 5px;
    }
    #email-wrapper {
        margin: 20px auto 0;
    }
    .solution-item:hover > div > .solution-item-content > .button {
        width: 38px;
    }
    .solution-item:hover > div > .solution-item-content > .button > span {
        width: 0;
    }
    .info {
        max-width: 310px;
    }
    #live-videos-content:before {
        /* background-image: url(/images/new_design/hp_banner_mobile.png?v=1); */
        height: 306px;
        background-size: auto 115%;
        background-image: url(/images/new_design/hp_banner_mobile.png?v=1);
	}
    #live-videos-content > .homepage-main-banner-content {
        margin-top: 306px;
        /* vertical-align: bottom; */
        display: block;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #live-videos-content
        > .homepage-main-banner-content
        > .homepage-main-banner-title {
        font-size: 24px;
        line-height: 28px;
    }
    #live-videos-content
        > .homepage-main-banner-content
        > .homepage-main-banner-list {
        font-size: 14px;
        line-height: 32px;
    }
}

@media screen and (max-width: 410px) {
    .owl-carousel .owl-item img.mobile-img {
        min-height: 200px;
    }
}
@media screen and (max-width: 360px) {
    #store-wrapper > a:first-child {
        margin: 0 10px 0 0;
    }
}
@media screen and (max-width: 350px) {
    #mc-welcome-content > .downloads-stats {
        margin: 20px 0 0;
    }
    #mc-welcome-content > .downloads-stats > * {
        display: block;
    }
    #mc-welcome-content > .downloads-stats > svg {
        margin: 0 auto;
    }
    #mc-welcome-content > .downloads-stats > span {
        margin: 10px 0 0;
        padding: 0;
    }
    .info {
        font-size: 11px;
        max-width: 250px;
    }
    #live-videos-wrapper > div > img.fall-promo,
    #live-videos-wrapper > div > img.fall-promo-laptop {
        display: none;
    }
    #live-videos-wrapper > div > img.fall-promo-mobile {
        display: block;
    }
}
@media screen and (max-width: 319px) {
    #store-wrapper > a {
        display: block;
    }
    #store-wrapper > a:first-child {
        margin: 0 0 20px;
    }
}
/* End responsive styles */

.hp-banner{
    background-color: #175087;
	background-image: url("/images/new_design/g-banner-bg-desktop.png");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 410px;
    overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 20px;
    padding-right: 20px;
	border-radius: 30px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
	width: 100%;
    margin: 0 auto;
	box-sizing: border-box;
}
.hp-banner:before,
.hp-banner:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	top: 50%;
	transform: translateY(-50%);
	height: 58%;
    width: 18%;

}
.hp-banner:before {
	left: 20px;
    background-image: url("/images/new_design/g-banner-left.png?v=2");
	width: 21%;
}
.hp-banner:after {
	right: 20px;
    background-image: url("/images/new_design/g-banner-right.png?v=2");
}
.hp-banner__content{
	position: relative;
    text-align: center;
	width:100%;
	z-index:1;
}
.hp-banner__title{
    font-weight: bold;
    font-size: 48px;
    line-height: 54px;
    color: #ffffff;
    margin-bottom: 24px;
}
.hp-banner__list{
	font-family: Roboto;
    font-style: normal;
	font-size: 22px;
	line-height: 40px;
    color: #c7d6f4;
}
.hp-banner__list > li{}
.hp-banner__list > li:before{
	content: "★";
    color: #ffd929;
    margin-right: 7px;
}
.button_theme_guests{
	background: #FFD929;
	border-radius: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #3E484C;
	min-width: 260px;
	border-color:transparent;
}
.button_theme_guests > span{
	font-weight: 500;
}
.hp-banner .button{
	margin-top: 40px;
}

.hp-banner__badge{
	position: absolute;
    padding: 0 20px;
    color: #fff;
    font-weight: bold;
    font-family: Roboto;
    font-size: 16px;
    background: #EC2626;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 21px;
    z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 38px;
}
.hp-banner__badge_top-left{
	position: absolute;
    top: 8px;
    left: 10px;
}
.hp-banner__badge_top-right{
	position: absolute;
    top: 8px;
    right: 10px;
}
.hp-banner__badge_theme_guests{
	background: #00274B;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}



@media screen and (max-width: 1160px) {

	:not(.zh-s-lang, .zh-t-lang).hp-banner:before{
		top: 66%;
		left:-5%;
	}
	:not(.zh-s-lang, .zh-t-lang).hp-banner:after{
		top: 66%;
		right:-3%;
	}
}
@media screen and (max-width: 1400px) {
	.pt-lang .hp-banner__title{
		font-size: 38px;
	}
	.pt-lang .hp-banner__list{
		font-size: 18px;
	}
}
@media screen and (max-width: 980px) {
	.hp-banner{
		min-height: 500px;
	}
}
@media screen and (max-width: 940px) {
	.hp-banner__title{
		font-size: 40px;
        line-height: 42px;
	}
	.hp-banner__list{
		font-size: 20px;
        line-height: 32px;
	}
	.pt-lang .hp-banner:before,
	.pt-lang .hp-banner:after {
		content: none;
	}
}
@media screen and (max-width: 850px) {
	.hp-banner{
		min-height: 550px;
	}
}
@media screen and (max-width: 750px) {
	.hp-banner {
		background-image: url("/images/new_design/g-banner-bg-tablet.png");
    }
	.hp-banner__content{
		margin-top: 412px;
        padding-top: 80px;
        padding-bottom: 80px;
	}
	.hp-banner__title{
		font-size: 48px;
		line-height: 54px;
	}
	.hp-banner__list{
		font-size: 22px;
		line-height: 40px;
	}
	.hp-banner:before,
	.hp-banner:after {
		transform: translateY(0);
		width: 43%;
		height: 28%;
	}
	.pt-lang .hp-banner:before,
	.pt-lang .hp-banner:after {
		content: "";
	}
	.hp-banner[class*="lang"]:before{
		top:10%;
		left: 10px;
		content: "";
	}
	.hp-banner[class*="lang"]:after {
		right: 10px;
		top: 8%;
		content: "";
	}
}
@media screen and (max-width: 470px) {
	.hp-banner {
		background-image: url("/images/new_design/g-banner-bg-mobile.webp");
    }
	.hp-banner__content{
		margin-top: 306px;
        padding-top: 40px;
        padding-bottom: 40px;
	}
	.pt-lang .hp-banner__title,
	.hp-banner__title{
		font-size: 24px;
        line-height: 28px;
	}
	.pt-lang .hp-banner__list,
	.hp-banner__list{
		font-size: 14px;
        line-height: 32px;
	}
	.hp-banner[class*="lang"]:before{
		background-image: url("/images/new_design/g-banner-side-mobile.webp");
		background-size: 87%;
		width:100%;
		left:0;
	}
	.hp-banner[class*="lang"]:after {
		display:none;
	}
	
}