.CmpAppStorePromo { width: 100%; position: relative;}@media screen and (min-width: 992px) { .CmpAppStorePromo { padding-left: 20px; padding-right: 20px; }}@media screen and (min-width: 1366px) { .CmpAppStorePromo { padding-left: 0; padding-right: 0; }}.CmpAppStorePromo .title { margin: 0 20px; padding-bottom: 20px; font-size: 1.3em;}@media screen and (min-width: 1366px) { .CmpAppStorePromo .title { font-size: 1.8em; margin-left: 0; }}.CmpAppStorePromo .bkg-inner { background-size: cover; background-position: right top; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-radius: 15px;}.CmpAppStorePromo .blade-content-wrapper { border-radius: 15px; position: relative; z-index: 1; min-height: 500px; margin: 0 20px; overflow: hidden;}@media screen and (min-width: 768px) { .CmpAppStorePromo .blade-content-wrapper { min-height: 270px; }}@media screen and (min-width: 992px) { .CmpAppStorePromo .blade-content-wrapper { margin: auto; overflow: visible; }}.CmpAppStorePromo .img-device-promo { position: absolute; right: -100px; bottom: 0; z-index: 1; max-width: 100%; max-height: 110%;}@media screen and (min-width: 992px) { .CmpAppStorePromo .img-device-promo { right: 80px; }}.CmpAppStorePromo .banners-get-app { z-index: 2; position: relative; margin: auto; width: 210px;}.CmpAppStorePromo .banners-get-app img { width: 200px;}@media screen and (min-width: 768px) { .CmpAppStorePromo .banners-get-app { position: absolute; left: 360px; top: 50%; transform: translateY(-50%); }}@media screen and (min-width: 992px) { .CmpAppStorePromo .banners-get-app { left: 50%; top: 50%; transform: translate(-50%, -50%); }}.CmpAppStorePromo .banners-get-app .banner-get-app { display: block;}.CmpAppStorePromo .banners-get-app .banner-get-app.banner-get-app { margin-top: 15px;}.CmpAppStorePromo .rich-content { position: relative; z-index: 1; padding: 30px; font-weight: 400;}@media screen and (min-width: 768px) { .CmpAppStorePromo .rich-content { max-width: 350px; padding: 35px 0 35px 50px; }}.CmpAppStorePromo .rich-content h1,.CmpAppStorePromo .rich-content h2,.CmpAppStorePromo .rich-content h3,.CmpAppStorePromo .rich-content h4,.CmpAppStorePromo .rich-content h5,.CmpAppStorePromo .rich-content h6,.CmpAppStorePromo .rich-content p { margin: 0 0 20px 0;}.CmpAppStorePromo .rich-content ul { margin-left: 20px;}.CmpAppStorePromo .rich-content ul li { margin: 5px 0; list-style: disc;}.rtl .CmpAppStorePromo .img-device-promo { right: 100px;}@media screen and (min-width: 992px) { .rtl .CmpAppStorePromo .img-device-promo { right: unset; left: 0px; }}@media screen and (min-width: 768px) { .rtl .CmpAppStorePromo .rich-content { max-width: 350px; padding: 35px 50px 35px 0px; }}.vag { font-family: "VAGRounded"; font-weight: 400;}.sourcesans { font-family: "Source Sans Pro"; font-weight: 400;}.h1,.h2,.h3,.h4,.h5 h1,h2,h3,h4,h5 { font-family: "VAGRounded"; font-weight: 400;}.h1,h1 { font-size: 4.8rem; line-height: 1;}.h2,h2 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h2, h2 { font-size: 4.4rem; line-height: 4.8rem; }}.h3,h3 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h3, h3 { font-size: 3.2rem; line-height: 3.4rem; }}.h4,h4 { font-size: 2.8rem;}.h5,h5 { font-size: 1.4rem;}@media screen and (min-width: 768px) { .h5, h5 { font-size: 2.2rem; }}.lead-p { font-size: 1.8rem; line-height: 2.4rem; font-family: "VAGRounded"; font-weight: 400;}@media screen and (min-width: 768px) { .lead-p { font-size: 2.4rem; }}.body-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.6rem;}.small-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.2rem;}body { font-size: 1.6rem; line-height: 1.5em;}.main-header { font-size: 44px!important; line-height: 1!important;}.section-header { font-size: 32px!important; line-height: 1!important;}.section-subheader { font-size: 24px!important; line-height: 1!important;}strong { font-weight: 700;}.text-align-center { text-align: center;}.text-align-right { text-align: right;}.text-align-left { text-align: left;}em { font-style: italic;}.hidden-headline { max-width: 0; max-height: 0; overflow: hidden;}html[lang="ar"] { font-family: "Teshrin";}html[lang="ar"] .h1,html[lang="ar"] .h2,html[lang="ar"] .h3,html[lang="ar"] .h4,html[lang="ar"] .h5 h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5 { font-family: "Teshrin", "VAGRounded", sans-serif !important;}html[lang="ar"] body,html[lang="ar"] * { font-family: "Teshrin", "Source Sans Pro", sans-serif !important;}.CmpArtMakerModal { height: 100%; overflow: hidden!important; position: relative; border-radius: 20px;}.CmpArtMakerModal h3 { display: block; height: 100%; background-color: pink; padding: 50px;}.CmpArtMakerModal iframe { height: 0; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; width: 0;}@media screen and (min-width: 992px) {}.CmpArticle .breadcrumb { margin: 25px 20px;}@media screen and (min-width: 1366px) { .CmpArticle .breadcrumb { margin: 25px 0; }}.CmpArticle .title { line-height: 3.5rem; font-weight: 500; text-align: center; font-family: "VAGRounded"; margin: 40px 20px 0; font-size: 3.2rem;}@media screen and (min-width: 992px) { .CmpArticle .title { line-height: 5.5rem; margin: 40px auto 0; font-size: 4.8rem; width: 650px; }}.CmpArticle .article-separator { margin: 30px 20px 60px; border-bottom: solid 1px #eee; position: relative;}@media screen and (min-width: 992px) { .CmpArticle .article-separator { margin: 30px 0 60px; }}.CmpArticle .article-separator:before { content: ''; width: 140px; display: block; background-color: #fff; height: 60px; position: absolute; left: 50%; transform: translateX(-50%); top: -30px;}.CmpArticle .wrapper-top-actions { width: 100%; display: inline-block; left: 50%; top: 50px; position: relative; transform: translateX(-50%); z-index: 10; padding: 0 10px; text-align: center;}.CmpArticle .wrapper-top-actions.empty { background-color: transparent; height: 37px;}.CmpArticle .wrapper-top-actions .btn-round { width: 43px; height: 43px; border-radius: 22px; box-shadow: 0 3px 3px 0 #ccc; display: inline-block; position: relative; background-color: #fff; margin: 0 5px;}.CmpArticle .wrapper-top-actions .btn-round span { text-indent: -99999px; display: inline-block;}.CmpArticle .wrapper-top-actions .btn-round svg { max-width: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}.CmpArticle .wrapper-top-actions .btn-round.btn-download { display: unset; color: #05AB4C; text-decoration: none; padding: 11px; top: 10px; font-weight: 400;}.CmpArticle .wrapper-top-actions .btn-round.btn-download span { display: inherit; text-indent: inherit;}.CmpArticle .wrapper-top-actions .btn-round.btn-download svg { transform: rotate(90deg); position: initial;}.CmpArticle .wrapper-top-actions .CmpTooltipShare { display: inline-block;}.CmpArticle .img-wrapper { margin-bottom: 30px;}@media screen and (min-width: 992px) { .CmpArticle .img-wrapper { margin-bottom: 60px; }}.CmpArticle .img-wrapper .img-article { max-width: 100%;}.CmpArticle .main-wrapper { overflow: hidden; margin: 0 20px 30px; border-bottom: solid 1px #eee;}@media screen and (min-width: 992px) { .CmpArticle .main-wrapper { margin: 0 0 30px 0; padding-bottom: 30px; }}.CmpArticle .main-wrapper .content-wrapper { font-size: 1.8rem; font-weight: 400; margin-bottom: 30px;}@media screen and (min-width: 992px) { .CmpArticle .main-wrapper .content-wrapper { margin-bottom: 0px; width: calc(70% - 100px); float: left; margin-right: 100px; }}.CmpArticle .main-wrapper .content-wrapper p + p { margin-top: 25px;}.CmpArticle .main-wrapper .content-wrapper img { max-width: 100%; margin: 20px 0;}.CmpArticle .main-wrapper .sidebar-wrapper { margin-bottom: 30px;}@media screen and (min-width: 992px) { .CmpArticle .main-wrapper .sidebar-wrapper { width: 30%; float: left; }}.CmpArticle .main-wrapper.full-width-content .content-wrapper { margin-left: auto; margin-right: auto; float: none;}.CmpArticle .iconAge,.CmpArticle .iconClock { display: inline-block; width: 20px; vertical-align: bottom; margin-right: 5px;}.CmpArticle .related-articles .title { width: 100%; margin: 0 20px; font-size: 2.4rem; text-align: left;}@media screen and (min-width: 992px) { .CmpArticle .related-articles .title { margin: 0 0 20px 0; }}.CmpArticle .CmpBlockLink + .CmpBlockLink { margin-top: 20px;}.CmpArticle .CmpVideoPlayer { margin-top: 20px; margin-bottom: 50px;}.CmpArticle .hidden-desktop { display: block;}@media screen and (min-width: 992px) { .CmpArticle .hidden-desktop { display: none; }}.CmpArticle .hidden-mobile { display: none;}@media screen and (min-width: 992px) { .CmpArticle .hidden-mobile { display: block; }}.CmpArticle .footer-block { background-color: #4425AA;}.CmpArticle .app-store-footer { position: relative;}.CmpArticle .app-store-footer:after { content: ''; display: block; border: 0.5px solid gray; width: 80%; left: 10%; top: 0; position: absolute;}.rtl .CmpArticle .related-articles .title { text-align: right; margin: 0 0 0 20px;}@media screen and (min-width: 992px) { .rtl .CmpArticle .related-articles .title { margin: 0 0 20px 0; }}.CmpArticleGrid .title { font-size: 2.8rem; line-height: 3.4rem; margin: 0 0 20px 0;}@media screen and (min-width: 992px) { .CmpArticleGrid .title { font-size: 2.8rem; }}.CmpArticleGrid .subtext { font-size: 1.4rem; line-height: 1.8rem; margin: 20px 0;}@media screen and (min-width: 992px) { .CmpArticleGrid .subtext { font-size: 1.8rem; line-height: 2.4rem; }}.CmpArticleGrid .read-more-link { color: #02B040; text-decoration: none; display: block; margin-top: 10px; font-size: 1.2rem; font-weight: 700;}@media screen and (min-width: 992px) { .CmpArticleGrid .read-more-link { font-size: 1.6rem; }}.CmpArticleGrid .read-more-link svg { width: 5px; position: relative; top: 7px; left: 5px;}@media screen and (min-width: 992px) { .CmpArticleGrid .read-more-link svg { width: 8px; top: 5px; }}.CmpArticleGrid .read-more-link svg .uiPrimaryColor { fill: #02B040;}.CmpArticleGrid .wrapper-image { border-radius: 8px; overflow: hidden; width: 50%;}@media screen and (min-width: 1366px) { .CmpArticleGrid .wrapper-image { width: 244px; height: 187px; }}.CmpArticleGrid .wrapper-image.no-image { background-color: #eee; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);}.CmpArticleGrid .wrapper-image img { width: 100%; border-radius: 15px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);}.CmpArticleGrid .blade-content-wrapper { margin: 0 20px;}@media screen and (min-width: 1366px) { .CmpArticleGrid .blade-content-wrapper { margin: 0 auto; }}.CmpArticleGrid .wrapper-articles .item-article { margin: 0 0 20px 0;}@media screen and (min-width: 992px) { .CmpArticleGrid .wrapper-articles .item-article { width: calc(50% - 30px); margin: 0 20px 30px 0; }}.CmpArticleGrid .wrapper-articles .wrapper-content { width: calc(50% - 25px); margin: 0 0 0 20px;}@media screen and (min-width: 1366px) { .CmpArticleGrid .wrapper-articles .wrapper-content { width: 340px; margin: 10px; }}.CmpArticleGrid .wrapper-articles .item-article,.CmpArticleGrid .wrapper-articles .wrapper-image,.CmpArticleGrid .wrapper-articles .wrapper-content { display: inline-block; vertical-align: top;}.CmpArticleGrid .wrapper-articles .article-title { font-size: 1.4rem; font-weight: bold; margin-bottom: 5px;}@media screen and (min-width: 992px) { .CmpArticleGrid .wrapper-articles .article-title { font-size: 1.15em; }}.CmpArticleGrid .wrapper-articles .article-content { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}@media screen and (min-width: 992px) { .CmpArticleGrid .wrapper-articles .article-content { font-size: 1.6rem; line-height: 2.4rem; -webkit-line-clamp: 5; }}.rtl .CmpArticleGrid .read-more-link svg { margin-left: 5px; right: 5px; transform: rotate(180deg);}@media screen and (min-width: 992px) { .rtl .CmpArticleGrid .wrapper-articles .item-article { margin: 0 0 30px 20px; }}.rtl .CmpArticleGrid .wrapper-articles .wrapper-content { margin: 0 20px 0 0;}.CmpBasicModal { position: fixed; width: 90%; height: 80%; top: 5%; left: 50%; transform: translateX(-50%); background-color: white; border-radius: 20px; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.12); z-index: 100;}@media screen and (min-width:376px) { .CmpBasicModal { top: 10%; }}@media screen and (min-width: 992px) { .CmpBasicModal { top: 50%; transform: translate(-50%, -50%); width: 800px; height: 650px; } .CmpBasicModal.download { height: auto; }}.CmpBasicModal .modal { overflow: auto; height: 100%;}.CmpBasicModal.fitContent { width: 90%; height: auto; border-radius: 0;}@media screen and (min-width: 992px) { .CmpBasicModal.fitContent { max-width: 888px; }}.CmpBasicModal.fitContent .iconClose { z-index: 1;}.CmpBasicModal.fitContent.fullscreen { margin-left: 0; left: 0; right: 0; top: 0; bottom: 0;}@media screen and (max-width: 768px) and (orientation: landscape) { .CmpBasicModal.fitContent.video { width: auto; }}@media screen and (max-width: 1024px) and (orientation: landscape) { .CmpBasicModal.fitContent.video { width: auto; }}.CmpBasicModal.fitContent.rounded { border-radius: 20px; padding-bottom: 30px;}.CmpBasicModal .iconClose { position: absolute; right: -15px; top: -15px; cursor: pointer; z-index: 1;}.CmpBasicModal.hidden { display: none;}.CmpBlockInfo .block-info-wrapper { box-shadow: 2px 2px 8px 0px #ccc; border-radius: 10px; padding: 20px; margin: 5px 5px 40px 5px;}@media screen and (min-width: 992px) { .CmpBlockInfo .block-info-wrapper { margin: 5px 5px 40px 0; padding: 30px; }}.CmpBlockInfo .block-info-wrapper .block-info-title { font-size: 2.4rem;}.CmpBlockInfo .block-info-wrapper .block-info { padding: 20px 0;}.CmpBlockInfo .block-info-wrapper .block-info + .block-info { border-top: solid 1px #eee;}.CmpBlockInfo .block-info-wrapper .block-info:first-child { padding-top: 0;}.CmpBlockInfo .block-info-wrapper .block-info:last-child { padding-bottom: 0;}.CmpBlockInfo .block-info-wrapper .block-info-lesson-file a { color: #02B040; font-weight: 700; text-decoration: none;}.CmpBlockInfo .block-info-wrapper .block-info-lesson-file svg { vertical-align: middle;}.CmpBlockInfo .block-info-wrapper .block-info-lesson-file svg.iconDownload { width: 17px; margin-left: 5px;}.CmpBlockInfo .block-info-wrapper .block-info-list,.CmpBlockInfo .block-info-wrapper .block-info-age,.CmpBlockInfo .block-info-wrapper .block-info-read-time,.CmpBlockInfo .block-info-wrapper .block-info-lesson-file { font-size: 1.6rem; font-family: "Source Sans Pro"; font-weight: 400;}.CmpBlockInfo .block-info-wrapper .block-info-list ul { list-style: disc; margin-left: 20px;}.CmpBlockInfo .block-info-wrapper .block-info-list ul li + li { margin-top: 10px;}.CmpBlockInfo .block-info-wrapper .block-info + .block-info-read-time { padding-top: 20px;}.CmpBlockLink .block-link-wrapper { background-color: #FED101; border-radius: 10px; padding: 30px; display: block; text-decoration: none; position: relative; background-image: url("/assets/img/bkg-block-link-article.svg"); background-size: cover; background-repeat: no-repeat;}.CmpBlockLink .block-link-wrapper .block-link-title { font-size: 2.4rem; font-weight: 600; color: #02B040; margin: 0 0 5px 0; width: calc(100% - 50px);}.CmpBlockLink .block-link-wrapper .block-link-content { font-size: 1.4rem; font-weight: 400; margin: 0; width: calc(100% - 50px); line-height: 1.7rem; color: #000;}.CmpBlockLink .block-link-wrapper .block-link-icon-wrapper { width: 48px; height: 48px; border-radius: 50%; display: inline-block; background-color: #fff; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}.CmpBlockLink .block-link-wrapper .block-link-icon-wrapper .iconArrowGo { width: 28px; display: inline-block; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);}.rtl .CmpBlockLink .block-link-wrapper .block-link-icon-wrapper { left: 30px; right: unset;}.rtl .CmpBlockLink .block-link-wrapper .block-link-icon-wrapper .iconArrowGo { width: 28px; display: inline-block; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%) rotate(180deg);}.CmpBreadcrumb { display: none; font-size: 1.2rem; font-weight: 400; margin-top: 20px; margin-bottom: 20px; padding-left: 25px; max-width: 80%;}.CmpBreadcrumb .root-breadcrumb,.CmpBreadcrumb .toplevel-breadcrumb,.CmpBreadcrumb .current-breadcrumb { text-decoration: none;}.CmpBreadcrumb .root-breadcrumb,.CmpBreadcrumb .toplevel-breadcrumb { color: #02B040;}@media screen and (min-width: 768px) { .CmpBreadcrumb { max-width: 710px; }}@media screen and (min-width: 992px) { .CmpBreadcrumb { max-width: 1280px; }}.adult .CmpBreadcrumb { display: block;}.rtl .CmpBreadcrumb { padding-left: 0px; padding-right: 25px;}.CmpCollectionFilterBox { font-family: "VAGRounded";}.CmpCollectionFilterBox .icon-tile svg { top: 50%; left: 50%;}.CmpCollectionFilterBox .blade-content-wrapper { padding: 0 0 0 20px;}.CmpCollectionFilterBox .search-header { background-color: #FAFAFA; padding: 15px;}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .search-header { padding: 35px 0; }}.CmpCollectionFilterBox .search-controls { margin-bottom: 10px;}.CmpCollectionFilterBox .iconFilters { position: relative; top: 6px; margin: 0 12px 0 15px;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .iconFilters { display: none; }}.CmpCollectionFilterBox .searchBox { position: relative; float: none; width: calc(100% - 115px); top: 0; right: 0; transform: none; display: inline-block; border: solid 1px #eee; border-radius: 20px; height: 40px; max-width: 480px; margin-bottom: 20px;}.CmpCollectionFilterBox .searchBox .filter-input { height: 100%; border: solid 1px transparent; position: absolute; border-radius: 30px; padding-left: 10px; font-size: 0.9em; font-family: "VAGRounded"; transition: width 0.5s ease-in; top: -2px; right: 3px; border: solid 1px #E9E9E9; position: static; font-size: 1em; display: inline-block; width: 100%; padding: 0 0 0 20px;}.CmpCollectionFilterBox .searchBox .filter-input.show { border: solid 1px #E9E9E9; width: 210px;}.CmpCollectionFilterBox .searchBox .search-button { -webkit-appearance: none; border: none; background-color: #fff; position: absolute; height: 31px; width: 31px; border-radius: 50%; top: 0px; left: 2px; cursor: pointer; transition: opacity 0.5s ease-in; height: 34px; width: 34px; right: 4px; top: 3px; left: initial; background-color: #02B040; padding-left: 7px;}.CmpCollectionFilterBox .searchBox .search-button.active { background-color: #02B040; padding-left: 7px;}.CmpCollectionFilterBox .searchBox .search-button.active svg path { fill: #fff;}.CmpCollectionFilterBox .searchBox .search-button.loading { opacity: 0;}.CmpCollectionFilterBox .searchBox .search-button svg path { fill: #fff;}.CmpCollectionFilterBox .searchBox .desktop-button { display: none;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .searchBox .desktop-button { display: block; }}.CmpCollectionFilterBox .searchBox .mobile-button { display: block;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .searchBox .mobile-button { display: none; }}.CmpCollectionFilterBox .go-back-btn { color: #02B040; text-decoration: none; font-size: 1.5rem;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .go-back-btn { font-size: 1.8rem; }}.CmpCollectionFilterBox .go-back-btn .iconArrowBack { width: 15px; margin-right: 10px; position: relative; top: 2px;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .go-back-btn .iconArrowBack { width: 21px; position: static; }}.CmpCollectionFilterBox .title-results { font-size: 1.8rem; display: none;}.CmpCollectionFilterBox .title-results.active { display: block;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .title-results { font-size: 2.8rem; }}.CmpCollectionFilterBox .title-results strong { font-weight: 600;}.CmpCollectionFilterBox .filters-added { font-size: 1.4rem; margin-bottom: 15px;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .filters-added { font-size: 1.6rem; }}.CmpCollectionFilterBox .filter-tag { background-color: #02B040; border-radius: 15px; color: #fff; position: relative; padding: 2px 30px 0px 15px; display: inline-block; margin: 0 0 5px 10px;}.CmpCollectionFilterBox .filter-tag .iconClose { cursor: pointer; width: 24px; height: 28px; position: absolute; right: 3px; top: 0;}.CmpCollectionFilterBox .filter-tag .iconClose g g { stroke-width: 5;}.CmpCollectionFilterBox .filter-tag .iconClose:hover g g { stroke: #000;}.CmpCollectionFilterBox .filters-wrapper { position: absolute; display: none; left: 10px; right: 10px; height: 500px; background-color: #fff; z-index: 100; padding: 30px; top: 130px; box-shadow: 5px 5px 5px 5px #ccc; border-radius: 20px;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .filters-wrapper { display: block !important; position: static; height: auto; background-color: transparent; padding: 0; box-shadow: none; border-radius: 0; }}.CmpCollectionFilterBox .filters-wrapper .CmpSelect { width: 100%; margin-right: 15px; margin-bottom: 20px; position: relative;}.CmpCollectionFilterBox .filters-wrapper .CmpSelect:before { content: attr(data-content); position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; padding: 12px 20px; background-color: #fff; border-radius: 23px; max-width: 75%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; pointer-events: none;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .filters-wrapper .CmpSelect:before { max-width: 70%; }}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .filters-wrapper .CmpSelect { width: auto; }}.select .CmpCollectionFilterBox .filters-wrapper .CmpSelect:invalid,.CmpCollectionFilterBox .filters-wrapper .CmpSelect.invalid:before { color: grey;}.CmpCollectionFilterBox .filters-wrapper .select { width: 100%;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .filters-wrapper .select { width: 190px; }}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .filters-wrapper .select { width: 237px; }}.CmpCollectionFilterBox .filters-wrapper .iconClose { position: absolute; top: -15px; right: -8px;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .filters-wrapper .iconClose { display: none; }}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .filters-wrapper .iconArrowBack { display: none; }}.CmpCollectionFilterBox .filters-wrapper .iconArrowBack g { stroke: #000;}.CmpCollectionFilterBox .filters-wrapper .filters-title { font-size: 2.3rem; margin: 20px 0;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .filters-wrapper .filters-title { display: none; }}.CmpCollectionFilterBox .apply-filters-btn { background-color: #02B040; border-radius: 25px; color: #fff; padding: 13px 25px; text-decoration: none; font-weight: 600; display: block; text-align: center; margin-top: 20px;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .apply-filters-btn { display: inline-block; margin-top: 0; }}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .apply-filters-btn { padding: 13px 66px; display: inline-block; }}.CmpCollectionFilterBox .apply-filters-btn:before { content: ''; left: 0; right: 0; height: 1px; background-color: #eee; display: block; position: absolute; margin-top: -30px;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .apply-filters-btn:before { display: none; }}.CmpCollectionFilterBox .search-main-wrapper { border-bottom: solid 1px #d2d2d2; margin-bottom: 30px; padding: 15px 15px 5px 15px;}@media screen and (min-width: 768px) {}.CmpCollectionFilterBox .tab-navigation { text-align: center; white-space: nowrap;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-navigation { text-align: left; padding: 10px 0 10px 0; }}.CmpCollectionFilterBox .tab-item-nav { display: inline-block; margin: 0 10px 0 0; height: 35px; vertical-align: top; position: relative;}.CmpCollectionFilterBox .tab-item-nav:last-child { margin-right: 0;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav { height: 40px; margin: 0 30px 0 0; }}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .tab-item-nav { margin: 0 40px 0 0; }}.CmpCollectionFilterBox .tab-item-nav-link { text-decoration: none; color: #D2D2D2; font-size: 1.2rem; display: inline-block; margin-top: 5px; text-align: left; white-space: normal;}.CmpCollectionFilterBox .tab-item-nav-link .link-nav-text { max-width: 70px; display: inline-block; line-height: 1.2;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav-link { font-weight: 600; font-size: 1.6rem; } .CmpCollectionFilterBox .tab-item-nav-link .link-nav-text { max-width: none; }}.CmpCollectionFilterBox .tab-item-nav-link.enabled { color: #000;}.CmpCollectionFilterBox .tab-item-nav-link.enabled svg .iconPrimaryColor { fill: #000;}.CmpCollectionFilterBox .tab-item-nav-link.active { color: #02B040;}.CmpCollectionFilterBox .tab-item-nav-link.active:after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 1px; background-color: #02B040;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav-link.active:after { bottom: -16px; }}.CmpCollectionFilterBox .tab-item-nav-link.active svg .iconPrimaryColor { fill: #02B040;}.CmpCollectionFilterBox .tab-item-nav-link svg { position: absolute; margin-right: 5px; vertical-align: top; left: 0;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav-link svg { margin-right: 10px; vertical-align: baseline; }}.CmpCollectionFilterBox .tab-item-nav-link svg .iconPrimaryColor { fill: #D2D2D2;}.CmpCollectionFilterBox .tab-item-nav-link svg .iconSecondaryColor { fill: #fff;}.CmpCollectionFilterBox .tab-item-nav-link.page { margin-left: 25px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav-link.page { margin-left: 40px; }}.CmpCollectionFilterBox .tab-item-nav-link.video { margin-left: 20px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav-link.video { margin-left: 30px; }}.CmpCollectionFilterBox .tab-item-nav-link.game { margin-left: 30px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav-link.game { margin-left: 45px; }}.CmpCollectionFilterBox .tab-item-nav-link.game .link-nav-text { max-width: 50px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav-link.game .link-nav-text { max-width: none; }}.CmpCollectionFilterBox .tab-item-nav-link.activity { margin-left: 27px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .tab-item-nav-link.activity { margin-left: 38px; }}.CmpCollectionFilterBox .iconPage { width: 20px; top: 6px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .iconPage { top: 2px; width: 30px; }}.CmpCollectionFilterBox .iconPlay { width: 15px; top: 8px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .iconPlay { top: 4px; width: 22px; }}.CmpCollectionFilterBox .iconGame { width: 23px; top: 2px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .iconGame { top: 3px; width: 35px; }}.CmpCollectionFilterBox .iconDownloadCircle { width: 20px; top: 8px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .iconDownloadCircle { top: 3px; width: 28px; }}.CmpCollectionFilterBox .results-wrapper .results.loading:after { content: ''; background-image: url(../assets/img/spinner.gif); width: 100px; height: 100px; display: block; background-size: cover; margin: 0 auto 30px;}.CmpCollectionFilterBox .results-wrapper .result-msg { position: relative; padding: 10px 0 30px 0; margin: auto; max-width: 90%; text-align: center;}.CmpCollectionFilterBox .results-wrapper .result-msg.error .generic-error,.CmpCollectionFilterBox .results-wrapper .result-msg.no-results .content-no-results,.CmpCollectionFilterBox .results-wrapper .result-msg.empty .content-empty-search { display: block;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .results-wrapper .result-msg.no-results .content-msg-result { width: 530px; }}.CmpCollectionFilterBox .results-wrapper .result-msg .img-msg-results { max-width: 200px; margin-bottom: 10px;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .results-wrapper .result-msg .img-msg-results { max-width: none; float: left; }}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .results-wrapper .result-msg .content-msg-result { text-align: left; float: left; margin-left: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }}.CmpCollectionFilterBox .results-wrapper .result-msg .wrapper-result-msg { margin: auto; display: none; overflow: hidden; position: relative;}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .results-wrapper .result-msg .wrapper-result-msg { max-width: 920px; }}.CmpCollectionFilterBox .results-wrapper .result-msg .section-header { margin-bottom: 15px;}.CmpCollectionFilterBox .results-wrapper .result-msg a { text-decoration: none; color: #02B040;}.CmpCollectionFilterBox .results-wrapper .tab-container { display: none;}.CmpCollectionFilterBox .results-wrapper .tab-container.active { display: inline-block;}.CmpCollectionFilterBox .results-wrapper .item-result { cursor: pointer; padding: 0 15px 0 15px; margin-bottom: 30px; max-width: 100%;}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .results-wrapper .item-result { padding: 0; }}.CmpCollectionFilterBox .results-wrapper .item-result.page .link-result { display: inline-block;}.CmpCollectionFilterBox .results-wrapper .item-result.video .video-link-result { display: inline-block;}.CmpCollectionFilterBox .results-wrapper .item-result.video .video-link-result[href="#"] { display: none;}.CmpCollectionFilterBox .results-wrapper .item-result.game .wrapper-image,.CmpCollectionFilterBox .results-wrapper .item-result.art_maker .wrapper-image,.CmpCollectionFilterBox .results-wrapper .item-result.video .wrapper-image,.CmpCollectionFilterBox .results-wrapper .item-result.activity .wrapper-image { position: relative;}.CmpCollectionFilterBox .results-wrapper .item-result.game .wrapper-image:before,.CmpCollectionFilterBox .results-wrapper .item-result.art_maker .wrapper-image:before,.CmpCollectionFilterBox .results-wrapper .item-result.video .wrapper-image:before,.CmpCollectionFilterBox .results-wrapper .item-result.activity .wrapper-image:before { content: ''; width: 40px; height: 40px; background-color: #fff; position: absolute; bottom: 10px; right: 10px; border-radius: 50%; box-shadow: 1px 1px 4px 1px #C7C8CA;}.CmpCollectionFilterBox .results-wrapper .item-result.game .wrapper-image:after,.CmpCollectionFilterBox .results-wrapper .item-result.art_maker .wrapper-image:after,.CmpCollectionFilterBox .results-wrapper .item-result.video .wrapper-image:after,.CmpCollectionFilterBox .results-wrapper .item-result.activity .wrapper-image:after { content: ''; background-repeat: no-repeat; position: absolute;}.CmpCollectionFilterBox .results-wrapper .item-result.game .wrapper-image:after { background-image: url(../assets/img/iconGame.svg); width: 30px; height: 30px; bottom: 9px; right: 15px;}.CmpCollectionFilterBox .results-wrapper .item-result.art_maker .wrapper-image:after { background-image: url(../assets/img/iconArt.svg); width: 30px; height: 30px; bottom: 15px; right: 15px;}.CmpCollectionFilterBox .results-wrapper .item-result.video .wrapper-image:after { background-image: url(../assets/img/iconPlay.svg); width: 25px; height: 20px; bottom: 19px; right: 12px;}.CmpCollectionFilterBox .results-wrapper .item-result.activity .wrapper-image:after { background-image: url(../assets/img/iconDownload.svg); width: 25px; height: 25px; bottom: 17px; right: 17px;}.CmpCollectionFilterBox .results-wrapper .item-result .wrapper-image { display: inline-block; vertical-align: top; border-radius: 8px; overflow: hidden; width: 148px; height: 111px; margin-right: 8px;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .results-wrapper .item-result .wrapper-image { width: 158px; height: 118px; margin-right: 20px; }}.CmpCollectionFilterBox .results-wrapper .item-result .wrapper-image img { width: 100%; border-radius: 15px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); height: 100%; object-fit: cover;}.CmpCollectionFilterBox .results-wrapper .item-result .detail-result { display: inline-block; vertical-align: top; max-width: calc(100% - 180px);}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .results-wrapper .item-result .detail-result { max-width: calc(100% - 200px); }}@media screen and (min-width: 992px) { .CmpCollectionFilterBox .results-wrapper .item-result .detail-result { max-width: 700px; }}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .results-wrapper .item-result .detail-result { max-width: 780px; }}.CmpCollectionFilterBox .results-wrapper .item-result .title-result { font-size: 1.4rem; line-height: 1.3; font-weight: 600; margin-bottom: 5px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .results-wrapper .item-result .title-result { font-size: 1.8rem; }}.CmpCollectionFilterBox .results-wrapper .item-result .description-result { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400;}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .results-wrapper .item-result .description-result { font-size: 1.6rem; line-height: 2.4rem; }}.CmpCollectionFilterBox .results-wrapper .item-result .video-link-result .iconDownloadCircle { width: 20px; margin-right: 12px; margin-left: -5px;}.CmpCollectionFilterBox .results-wrapper .item-result .video-link-result .iconDownloadCircle .iconPrimaryColor { fill: #02B040;}.CmpCollectionFilterBox .results-wrapper .item-result .video-link-result .iconDownloadCircle .iconSecondaryColor { fill: #fff;}.CmpCollectionFilterBox .results-wrapper .item-result .link-result,.CmpCollectionFilterBox .results-wrapper .item-result .video-link-result { color: #02B040; text-decoration: none; display: block; margin-top: 10px; font-size: 1.2rem; font-weight: 700; display: none;}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .results-wrapper .item-result .link-result, .CmpCollectionFilterBox .results-wrapper .item-result .video-link-result { font-size: 1.6rem; }}.CmpCollectionFilterBox .results-wrapper .item-result .link-result svg,.CmpCollectionFilterBox .results-wrapper .item-result .video-link-result svg { width: 5px; position: relative; top: 7px; left: 5px;}.CmpCollectionFilterBox .results-wrapper .item-result .link-result svg .uiPrimaryColor,.CmpCollectionFilterBox .results-wrapper .item-result .video-link-result svg .uiPrimaryColor { fill: #02B040;}@media screen and (min-width: 1366px) { .CmpCollectionFilterBox .results-wrapper .item-result .link-result svg, .CmpCollectionFilterBox .results-wrapper .item-result .video-link-result svg { width: 8px; top: 5px; }}.CmpCollectionFilterBox .see-more-wrapper { display: none; text-align: center; padding: 0 0 30px 0; position: relative;}.CmpCollectionFilterBox .see-more-wrapper:after { content: ''; height: 1px; background-color: #ccc; position: absolute; left: 0; right: 0; top: 10px; z-index: -1;}.CmpCollectionFilterBox .see-more-wrapper.active { display: block;}.CmpCollectionFilterBox .see-more { text-transform: uppercase; color: #02B040; font-size: 1.5rem; font-weight: 700; text-decoration: none; border: solid 1px #ccc; border-radius: 30px; padding: 8px 16px; background-color: #fff; box-shadow: 0px 0px 0px 5px #fff;}.CmpCollectionFilterBox .hidden-desktop { display: block;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .hidden-desktop { display: none; }}.CmpCollectionFilterBox .hidden-mobile { display: none;}@media screen and (min-width: 768px) { .CmpCollectionFilterBox .hidden-mobile { display: block; }}.CmpCollectionFilterBox .hidden { display: none;}.filtered-content { display: flex; flex-direction: row; justify-content: flex-start; margin: 0 20px; flex-wrap: wrap; width: 100%; margin: auto; padding-right: 20px; padding-left: 20px;}@media screen and (min-width: 1366px) { .filtered-content { padding-right: 0; padding-left: 0; }}.filtered-content .CmpDynamicContentTile { margin: 0 0 20px 20px; width: 23%;}.filtered-content .CmpDynamicContentTile .image-wrapper { height: 121px !important;}@media screen and (min-width: 768px) { .filtered-content .CmpDynamicContentTile .image-wrapper { height: 253px !important; }}@media screen and (min-width: 992px) { .filtered-content .CmpDynamicContentTile .image-wrapper { height: 182px !important; }}@media screen and (min-width: 1366px) { .filtered-content .CmpDynamicContentTile .image-wrapper { height: 224px !important; }}.filtered-content .wrapper-grid { transition: all 0.5s ease-in-out; overflow: hidden; padding: 2px;}.filtered-content .wrapper-content { position: absolute; width: 100%; height: 100%;}.filtered-content .wrapper-content > div { width: 100%; height: 100%;}@media screen and (min-width: 768px) { .filtered-content .wrapper.hidden-desktop { display: none; }}.filtered-content .wrapper.hidden-mobile { display: none;}@media screen and (min-width: 768px) { .filtered-content .wrapper.hidden-mobile { display: block; }}.filtered-content .wrapper.wrapper-50 { float: left; width: 100%;}@media screen and (min-width: 768px) { .filtered-content .wrapper.wrapper-50 { width: calc(50% - 10px); }}.filtered-content .wrapper.wrapper-50.first,.filtered-content .wrapper.wrapper-50:first-child,.filtered-content .wrapper.wrapper-50.even { margin: 0;}@media screen and (min-width: 768px) { .filtered-content .wrapper.wrapper-50.first, .filtered-content .wrapper.wrapper-50:first-child, .filtered-content .wrapper.wrapper-50.even { margin: 0 20px 0 0; }}.filtered-content .wrapper.wrapper-50 .box-content { width: calc(50% - 10px);}.filtered-content .wrapper-full:after { content: ''; display: block; clear: both;}.filtered-content .wrapper-full:last-child { margin-bottom: 0;}.filtered-content .wrapper-full.hidden { display: none;}.filtered-content .wrapper-full.view-more { position: relative;}.filtered-content .wrapper-full.view-more .box { position: relative;}.filtered-content .wrapper-full.view-more .box:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-image: linear-gradient(180deg, rgba(223, 223, 223, 0.2) 0%, #ffffff 12%); border-radius: 10px;}.filtered-content .wrapper-full.view-more .box .wrapper-content { display: none;}.filtered-content .wrapper-full.view-more:after { content: ''; left: 0; right: 0; display: block; height: 1px; background-color: rgba(223, 223, 223, 0.2); position: absolute; top: 29px; z-index: 1;}.filtered-content .adult_page .text-wrapper { white-space: nowrap;}.filtered-content .adult_page .image-wrapper { white-space: nowrap; overflow: hidden;}.filtered-content .tile-text-content { font-family: "VAGRounded"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #003649;}@media screen and (min-width: 992px) { .filtered-content .tile-text-content { width: 400px; }}.filtered-content .tile-text-content .tile-title { font-size: 2.5rem; margin-bottom: 30px;}@media screen and (min-width: 992px) { .filtered-content .tile-text-content .tile-title { font-size: 3.8rem; }}.filtered-content .tile-text-content .tile-text { font-size: 1.6rem; line-height: 1.4;}@media screen and (min-width: 992px) { .filtered-content .tile-text-content .tile-text { font-size: 2.4rem; line-height: 1.4; }}.filtered-content .box { position: relative; float: left;}.filtered-content .box:after { content: ""; display: block; padding-bottom: 100%;}.filtered-content .box.box-promo { width: 100%; margin-bottom: 20px;}@media screen and (min-width: 768px) { .filtered-content .box.box-promo { margin-bottom: 0; }}.hide-content { display: none;}.show-content { display: block !important;}.filter-button { right: auto; left: 3px;}.filter-input { padding-right: 20px;}.vag { font-family: "VAGRounded"; font-weight: 400;}.sourcesans { font-family: "Source Sans Pro"; font-weight: 400;}.h1,.h2,.h3,.h4,.h5 h1,h2,h3,h4,h5 { font-family: "VAGRounded"; font-weight: 400;}.h1,h1 { font-size: 4.8rem; line-height: 1;}.h2,h2 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h2, h2 { font-size: 4.4rem; line-height: 4.8rem; }}.h3,h3 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h3, h3 { font-size: 3.2rem; line-height: 3.4rem; }}.h4,h4 { font-size: 2.8rem;}.h5,h5 { font-size: 1.4rem;}@media screen and (min-width: 768px) { .h5, h5 { font-size: 2.2rem; }}.lead-p { font-size: 1.8rem; line-height: 2.4rem; font-family: "VAGRounded"; font-weight: 400;}@media screen and (min-width: 768px) { .lead-p { font-size: 2.4rem; }}.body-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.6rem;}.small-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.2rem;}body { font-size: 1.6rem; line-height: 1.5em;}.main-header { font-size: 44px!important; line-height: 1!important;}.section-header { font-size: 32px!important; line-height: 1!important;}.section-subheader { font-size: 24px!important; line-height: 1!important;}strong { font-weight: 700;}.text-align-center { text-align: center;}.text-align-right { text-align: right;}.text-align-left { text-align: left;}em { font-style: italic;}.hidden-headline { max-width: 0; max-height: 0; overflow: hidden;}html[lang="ar"] { font-family: "Teshrin";}html[lang="ar"] .h1,html[lang="ar"] .h2,html[lang="ar"] .h3,html[lang="ar"] .h4,html[lang="ar"] .h5 h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5 { font-family: "Teshrin", "VAGRounded", sans-serif !important;}html[lang="ar"] body,html[lang="ar"] * { font-family: "Teshrin", "Source Sans Pro", sans-serif !important;}.CmpContentBanner { width: 100%; position: relative; font-family: "VAGRounded";}.CmpContentBanner .title { margin: 0 20px; padding-bottom: 20px; font-size: 1.3em;}@media screen and (min-width: 1366px) { .CmpContentBanner .title { font-size: 1.8em; margin-left: 0; }}.CmpContentBanner .bkg-inner { background-size: cover; background-position: center top; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}.CmpContentBanner .blade-content-wrapper { position: relative; z-index: 1;}.CmpContentBanner .content { max-width: 450px; margin: 0 20px;}@media screen and (min-width: 768px) { .CmpContentBanner .content { margin: auto; }}.CmpContentBanner .content h1,.CmpContentBanner .content h2,.CmpContentBanner .content h3,.CmpContentBanner .content h4,.CmpContentBanner .content h5,.CmpContentBanner .content h6,.CmpContentBanner .content p { margin: 20px 0; line-height: 1;}.CmpContentBanner .content p { font-size: 1.8rem; line-height: 2.4rem; font-family: "VAGRounded"; font-weight: 400; font-size: 1.4rem; line-height: 1.8rem;}@media screen and (min-width: 768px) { .CmpContentBanner .content p { font-size: 2.4rem; }}@media screen and (min-width: 768px) { .CmpContentBanner .content p { font-size: 1.8rem; line-height: 2.4rem; }}.CmpContentStrip { position: relative; width: 100%; clear: both;}.CmpContentStrip.light .title-blade { color: #fff;}.CmpContentStrip.light .topic.CmpDynamicContentTile,.CmpContentStrip.light .adult_page.CmpDynamicContentTile { background-color: rgba(0, 0, 0, 0.3); color: white;}.CmpContentStrip.light .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .text-wrapper { border-bottom: none;}.CmpContentStrip .bkg-inner { background-size: cover; background-position: center top; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}@media screen and (min-width: 1280px) { .CmpContentStrip .bkg-inner { background-size: contain; }}@media screen and (min-width: 1440px) { .CmpContentStrip .bkg-inner { background-size: cover; }}.CmpContentStrip .wrapper-carousel { position: relative;}@media screen and (min-width: 768px) { .CmpContentStrip .wrapper-carousel.four-items .slick-arrow, .CmpContentStrip .wrapper-carousel.four-items .slick-dots { display: none!important; }}.CmpContentStrip .title { padding-bottom: 20px; font-size: 2.8rem; line-height: 1.4;}.CmpContentStrip .title svg { position: relative; top: 8px; box-shadow: 2px 2px 5px 0px #ccc; border-radius: 5px; margin-right: 10px; height: 32px;}@media screen and (min-width: 1366px) { .CmpContentStrip .title svg { height: 42px; top: 12px; }}@media screen and (min-width: 1366px) { .CmpContentStrip .title { font-size: 1.8em; margin-left: 0; }}.CmpContentStrip .subtext { margin-bottom: 20px;}@media screen and (min-width: 992px) { .CmpContentStrip .subtext { margin-bottom: 50px; }}.CmpContentStrip .blade-content-wrapper { position: relative; z-index: 1; overflow: hidden;}.CmpContentStrip .blade-content-wrapper.title-blade { margin: 0 20px; z-index: 20;}@media screen and (min-width: 992px) { .CmpContentStrip .blade-content-wrapper.title-blade { margin: 0 auto; }}.CmpContentStrip .wrapper-strip { margin-left: 10px;}@media screen and (min-width: 1366px) { .CmpContentStrip .wrapper-strip { margin-left: 0; }}.CmpContentStrip .wrapper-strip .wrapper-content { width: 100%; height: 100%; position: absolute;}.CmpContentStrip .wrapper-strip .wrapper-content .CmpDynamicContentTile { width: 100%; height: 100%;}.CmpContentStrip .wrapper-strip .box-content { margin: 0 20px 20px 0; width: calc(25% - 10px); position: relative; float: left;}.CmpContentStrip .wrapper-strip .box-content:after { content: ""; display: block; padding-bottom: 100%;}.CmpContentStrip .wrapper-strip .box-content.tile-rectangle { padding-bottom: 20px;}.CmpContentStrip .wrapper-strip .box-content.tile-rectangle .wrapper-content { position: static;}.CmpContentStrip .wrapper-strip .box-content.tile-rectangle:after { padding-bottom: 0;}.CmpContentStrip .wrapper-strip.slick-initialized .slick-track { margin-left: 0;}.CmpContentStrip .wrapper-strip .slick-slide { margin-right: 9px;}@media screen and (min-width: 768px) { .CmpContentStrip .wrapper-strip .slick-slide { margin-right: 20px; }}.CmpContentStrip .wrapper-strip .slick-list { overflow: visible;}.CmpContentStrip .wrapper-strip .slick-dots { text-align: center;}.CmpContentStrip .wrapper-strip .slick-dots li { width: 10px; border: solid 2px #ccc; display: inline-block; height: 10px; border-radius: 10px; cursor: pointer; margin: 0 5px;}.CmpContentStrip .wrapper-strip .slick-dots .slick-active { border-color: #02B040; background-color: #02B040;}.CmpContentStrip .wrapper-strip .slick-dots button { display: none;}.CmpContentStrip .arrow-prev .arrow-gradient,.CmpContentStrip .arrow-next .arrow-gradient { width: 25px; display: block; top: 0; bottom: 20px; position: absolute; z-index: 10;}@media screen and (min-width: 768px) { .CmpContentStrip .arrow-prev .arrow-gradient, .CmpContentStrip .arrow-next .arrow-gradient { width: 50px; }}@media screen and (min-width: 992px) { .CmpContentStrip .arrow-prev .arrow-gradient, .CmpContentStrip .arrow-next .arrow-gradient { bottom: 44px; }}.CmpContentStrip .arrow-next .arrow-gradient { right: 0;}.CmpContentStrip .arrow-prev .arrow-gradient { left: 0;}.CmpContentStrip .custom-arrow { background-color: #fff; position: absolute; z-index: 1; top: 45%; height: 50px; transform: translateY(-50%); border: none; width: 36px; border-radius: 5px 0 0 5px; transform-origin: center; cursor: pointer; z-index: 100; text-indent: -99999px; display: none;}@media screen and (min-width: 992px) { .CmpContentStrip .custom-arrow { display: block; }}.CmpContentStrip .custom-arrow:before,.CmpContentStrip .custom-arrow:after { content: ''; width: 4px; display: inline-block; background-color: #02B040; height: 15px; position: absolute; border-radius: 10px; right: 13px;}.CmpContentStrip .custom-arrow:before { top: 12px; transform: rotate(-45deg);}.CmpContentStrip .custom-arrow:after { top: 20px; transform: rotate(45deg);}.CmpContentStrip .slick-arrow.slick-disabled { display: none!important;}.CmpContentStrip .custom-next { right: 0;}.CmpContentStrip .custom-prev { left: 0; transform: translateY(-50%) rotate(180deg);}.CmpContentStrip .separator { color: #C7C8CA; margin: 0; display: block; border: 0; border-top: 1px solid #C7C8CA; margin: 0 auto 30px auto;}.CmpContentStrip.topics { color: white;}.CmpContentStrip.topics .CmpDynamicContentTile { background-color: rgba(0, 0, 0, 0.3); color: white;}.CmpContentStrip.topics .title { text-align: left; padding-bottom: 5px; margin-left: 0;}.CmpContentStrip.topics .arrow-next .arrow-gradient,.CmpContentStrip.topics .arrow-prev .arrow-gradient { background-image: none!important;}.rtl .CmpContentStrip .title svg { margin-right: 0; margin-left: 10px;}.rtl .CmpContentStrip .custom-next { right: auto; left: 0; transform: translateY(-50%) rotate(180deg);}.rtl .CmpContentStrip .custom-prev { left: auto; right: 0; transform: translateY(-50%);}.vag { font-family: "VAGRounded"; font-weight: 400;}.sourcesans { font-family: "Source Sans Pro"; font-weight: 400;}.h1,.h2,.h3,.h4,.h5 h1,h2,h3,h4,h5 { font-family: "VAGRounded"; font-weight: 400;}.h1,h1 { font-size: 4.8rem; line-height: 1;}.h2,h2 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h2, h2 { font-size: 4.4rem; line-height: 4.8rem; }}.h3,h3 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h3, h3 { font-size: 3.2rem; line-height: 3.4rem; }}.h4,h4 { font-size: 2.8rem;}.h5,h5 { font-size: 1.4rem;}@media screen and (min-width: 768px) { .h5, h5 { font-size: 2.2rem; }}.lead-p { font-size: 1.8rem; line-height: 2.4rem; font-family: "VAGRounded"; font-weight: 400;}@media screen and (min-width: 768px) { .lead-p { font-size: 2.4rem; }}.body-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.6rem;}.small-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.2rem;}body { font-size: 1.6rem; line-height: 1.5em;}.main-header { font-size: 44px!important; line-height: 1!important;}.section-header { font-size: 32px!important; line-height: 1!important;}.section-subheader { font-size: 24px!important; line-height: 1!important;}strong { font-weight: 700;}.text-align-center { text-align: center;}.text-align-right { text-align: right;}.text-align-left { text-align: left;}em { font-style: italic;}.hidden-headline { max-width: 0; max-height: 0; overflow: hidden;}html[lang="ar"] { font-family: "Teshrin";}html[lang="ar"] .h1,html[lang="ar"] .h2,html[lang="ar"] .h3,html[lang="ar"] .h4,html[lang="ar"] .h5 h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5 { font-family: "Teshrin", "VAGRounded", sans-serif !important;}html[lang="ar"] body,html[lang="ar"] * { font-family: "Teshrin", "Source Sans Pro", sans-serif !important;}.CmpDownloadModal { font-family: "VAGRounded";}.CmpDownloadModal .iconDownloadCircle { position: relative; top: 4px; width: 40px; vertical-align: top; margin-right: 10px;}@media screen and (min-width: 992px) { .CmpDownloadModal .iconDownloadCircle { margin-right: 0; }}.CmpDownloadModal .iconDownloadCircle .iconPrimaryColor { fill: #000;}.CmpDownloadModal .iconDownloadCircle .iconSecondaryColor { fill: #fff;}.CmpDownloadModal .wrapper-main { margin: 40px 20px 20px 20px;}@media screen and (min-width: 768px) { .CmpDownloadModal .wrapper-main { margin: 50px 60px; }}.CmpDownloadModal .modal-title { display: inline-block; max-width: calc(100% - 54px); vertical-align: bottom;}@media screen and (min-width:376px) { .CmpDownloadModal .modal-title { max-width: 240px; }}@media screen and (min-width: 768px) { .CmpDownloadModal .modal-title { max-width: 90%; }}.CmpDownloadModal .wrapper-content { margin: 30px 0 0;}@media screen and (min-width: 992px) { .CmpDownloadModal .wrapper-content { margin: 40px 0 0; }}.CmpDownloadModal .title-content { margin-bottom: 20px;}.CmpDownloadModal .slide-content { box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.15); max-width: 100%; border-radius: 10px;}.CmpDownloadModal .slick-initialized,.CmpDownloadModal .carousel-wrapper { background-size: cover;}.CmpDownloadModal .slick-initialized .slick-slide,.CmpDownloadModal .carousel-wrapper .slick-slide { float: none!important; display: table-cell !important;}.CmpDownloadModal .slick-track { display: table !important;}.CmpDownloadModal .slider-controls { text-align: center; bottom: 20px; left: 0; right: 0;}.CmpDownloadModal .slick-arrow { display: inline-block; background-color: transparent; border: none; text-indent: -99999px; position: relative; transform-origin: bottom; height: 18px; width: 16px; padding: 0; cursor: pointer;}.CmpDownloadModal .slick-arrow:before,.CmpDownloadModal .slick-arrow:after { content: ''; width: 3px; display: inline-block; background-color: #02B040; height: 11px; position: absolute; border-radius: 10px; right: 5px;}.CmpDownloadModal .slick-arrow:before { top: 0; transform: rotate(-45deg);}.CmpDownloadModal .slick-arrow:after { bottom: 0; transform: rotate(45deg);}.CmpDownloadModal .arrow-prev { transform: rotate(180deg); transform-origin: center; left: -13px;}.CmpDownloadModal .arrow-next { left: 16px;}.CmpDownloadModal .slide-dots { display: inline-block;}.CmpDownloadModal .slide-dots li { width: 10px; border: solid 2px #ccc; display: inline-block; height: 10px; border-radius: 10px; cursor: pointer; margin: 0 5px;}.CmpDownloadModal .slide-dots .slick-active { border-color: #02B040; background-color: #02B040;}.CmpDownloadModal .slide-dots button { display: none;}.CmpDownloadModal .wrapper-img-title { display: inline-block; margin-right: 30px; vertical-align: top; margin-bottom: 20px;}.CmpDownloadModal .wrapper-img-title .title-content { display: inline-block; vertical-align: top; max-width: calc(50% - 20px); margin-left: 15px;}@media screen and (min-width: 992px) { .CmpDownloadModal .wrapper-img-title { max-width: calc(50% - 35px); margin-bottom: 0; }}.CmpDownloadModal .wrapper-image-content { max-height: 300px; max-width: 50%; display: inline-block; vertical-align: top; overflow: hidden; border-radius: 10px;}@media screen and (min-width: 992px) { .CmpDownloadModal .wrapper-image-content { max-width: 100%; min-width: 290px; }}.CmpDownloadModal .image-content { box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.15); max-width: 100%; border-radius: 10px;}.CmpDownloadModal .wrapper-description { display: inline-block; vertical-align: top; font-family: "Source Sans Pro"; font-weight: 400; color: rgba(0, 0, 0, 0.85);}@media screen and (min-width: 992px) { .CmpDownloadModal .wrapper-description { max-width: 50%; }}.CmpDownloadModal .wrapper-actions { border-top: solid 1px rgba(223, 223, 223, 0.8); text-align: center; padding: 20px 30px;}@media screen and (min-width: 768px) { .CmpDownloadModal .wrapper-actions { padding: 30px 60px; }}@media screen and (min-width: 992px) { .CmpDownloadModal .wrapper-actions { padding: 30px 0; }}.CmpDownloadModal .common-button { padding: 18px 27px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1.2em; display: inline-block; border: solid 1px #02B040; margin: 5px 0; width: 100%; cursor: pointer;}@media screen and (min-width: 992px) { .CmpDownloadModal .common-button { width: auto; margin: 0 5px; }}.CmpDownloadModal .primary-action { background-color: #02B040; color: #fff;}.CmpDownloadModal .secondary-action { color: #02B040;}.CmpDownloadModal .hidden-mobile { display: none!important;}@media screen and (min-width: 992px) { .CmpDownloadModal .hidden-mobile { display: inline-block !important; }}.CmpDownloadModal .hidden-desktop { display: inline-block !important;}@media screen and (min-width: 992px) { .CmpDownloadModal .hidden-desktop { display: none!important; }}.CmpDownloadModal .hidden,.CmpDownloadModal.hidden { display: none!important;}.CmpDownloadModal .download-video-number { background-color: #F2F2F2; border-radius: 16px; padding-left: 8px; padding-right: 8px;}.CmpDownloadModal .mobile-right { width: calc(50% - 20px); display: block; float: right;}.CmpDownloadModal .mobile-right .title-content { margin-bottom: 0; margin-left: 0; max-width: 100%; font-size: 1.6rem;}.CmpDownloadModal .mobile-right .download-video-length { max-width: 100%; font-size: 1.3rem;}.CmpDownloadModal .wrapper-content .description-content ul { padding-left: 18px; list-style: initial;}@media screen and (min-width: 1366px) { .CmpDownloadModal .wrapper-content .description-content { max-height: 240px; overflow: auto; padding-right: 10px; }}.CmpDownloadModal.not-downloadable .wrapper-main { overflow: overlay;}.CmpDownloadModal.not-downloadable .wrapper-content { max-height: 70vh; position: relative; margin-top: 20px;}.CmpDownloadModal.not-downloadable .wrapper-content .description-content { max-height: 100%;}.CmpDownloadModal.not-downloadable .wrapper-title { display: none;}.CmpDownloadModal.not-downloadable .wrapper-actions { display: none;}.CmpDownloadModal.not-downloadable .wrapper-image-content { max-height: 100%;}.CmpDownloadModal.not-downloadable .wrapper-image-content img { box-shadow: none;}@media screen and (min-width: 768px) { .CmpDownloadModal.not-downloadable .wrapper-image-content { width: 50%; position: relative; }}@media screen and (min-width: 1366px) { .CmpDownloadModal.not-downloadable .wrapper-description { padding-right: 20px; max-height: 70vh; overflow: auto; padding-left: 20px; }}.CmpDownloadModal.not-downloadable.two-col-overflow .wrapper-content .wrapper-img-title,.CmpDownloadModal.not-downloadable.two-col-overflow .wrapper-content .wrapper-description { vertical-align: middle;}.CmpDownloadModal.not-downloadable.no-description .wrapper-content { overflow: hidden;}@media screen and (min-width: 1366px) { .CmpDownloadModal.not-downloadable.no-description .wrapper-description { height: auto; padding-left: 0; }}.CmpDownloadModal.not-downloadable.no-description .wrapper-img-title { max-width: 100%; padding-top: 60px; margin-right: 0;}.CmpDownloadModal.not-downloadable.no-description .wrapper-image-content { max-width: 100%; overflow: auto; width: 100%;}@media screen and (min-width: 1366px) { .CmpDownloadModal.not-downloadable.no-description .wrapper-image-content { height: 70vh; }}.CmpDownloadModal.not-downloadable.no-description .wrapper-image-content img { position: static; top: 0; transform: none;}@media screen and (min-width: 1366px) { .CmpDownloadModal.not-downloadable.no-description .wrapper-image-content img { height: calc(100% - 60px); width: auto; }}.CmpDownloadModal.not-downloadable.no-description .wrapper-description { max-width: 100%; position: absolute; top: 0; left: 0;}.CmpDownloadModal.not-downloadable.no-description .wrapper-description .title-content.hidden-mobile { font-family: "VAGRounded"; font-weight: 400; font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .CmpDownloadModal.not-downloadable.no-description .wrapper-description .title-content.hidden-mobile { font-size: 3.2rem; line-height: 3.4rem; }}.CmpDownloadModal.not-downloadable.no-description .mobile-right { width: 100%; position: absolute; top: 0; left: 0;}.CmpDownloadModal.not-downloadable.no-image .wrapper-image-content { display: none;}@media screen and (min-width: 1366px) { .CmpDownloadModal.not-downloadable.no-image .wrapper-img-title { display: none; }}.CmpDownloadModal.not-downloadable.no-image .wrapper-description { max-width: 100%;}.CmpDownloadModal.not-downloadable.no-image .mobile-right { width: 100%;}@media screen and (min-width: 1366px) { .rtl .CmpDownloadModal .wrapper-img-title { margin-left: 30px; margin-right: 0px; }}.rtl .CmpDownloadModal .wrapper-content .description-content ul { padding-right: 18px; padding-left: 0;}@media screen and (min-width: 1366px) { .rtl .CmpDownloadModal .wrapper-content .description-content { padding-right: 0px; padding-left: 10px; }}.CmpDynamicContentTile { border-radius: 10px; background-color: #fff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);}.CmpDynamicContentTile a { text-decoration: inherit; color: inherit; outline: none;}.CmpDynamicContentTile .image-tile { height: 100%; margin-left: 50%; object-fit: cover; min-width: 100%; transform: translateX(-50%) scale(1.01);}.CmpDynamicContentTile .title-tile { font-size: 1.7em; font-weight: 600;}.CmpDynamicContentTile .label-tile { font-size: 1em;}@media screen and (min-width: 768px) { .CmpDynamicContentTile .label-tile { font-size: 1.2em; }}.CmpDynamicContentTile .icon-tile { position: absolute; right: 13px; bottom: 23px; z-index: 1;}@media screen and (min-width: 992px) { .CmpDynamicContentTile .icon-tile { right: 20px; bottom: 43px; }}.CmpDynamicContentTile .label-tile { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.CmpDynamicContentTile .image-wrapper { border-radius: 10px 10px 0 0; position: relative;}.CmpDynamicContentTile.small .label-tile { margin: 8px 12px; max-width: 75%;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .label-tile { max-width: 100%; margin: 19px 20px; }}.CmpDynamicContentTile.small .title-tile { font-size: 1.3em; width: 130px;}.CmpDynamicContentTile.small .image-wrapper { height: 75%; overflow: hidden;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .image-wrapper { height: 77%; }}.CmpDynamicContentTile.small .icon-tile { height: 35px; width: 35px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .icon-tile { height: 40px; width: 40px; }}.CmpDynamicContentTile.small .icon-tile svg.iconPlay { width: 12px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .icon-tile svg.iconPlay { width: 14px; }}.CmpDynamicContentTile.small .icon-tile svg.iconArt { width: 20px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .icon-tile svg.iconArt { width: 25px; }}.CmpDynamicContentTile.small .icon-tile svg.iconGame { width: 25px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .icon-tile svg.iconGame { width: 30px; }}.CmpDynamicContentTile.small .icon-tile svg.iconDownloadCircle { width: 23px;}.CmpDynamicContentTile.small .icon-tile svg.iconNavVideo,.CmpDynamicContentTile.small .icon-tile svg.iconNavGames { width: 45px; margin-left: 2px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .icon-tile svg.iconNavVideo, .CmpDynamicContentTile.small .icon-tile svg.iconNavGames { width: 53px; }}.CmpDynamicContentTile.small .icon-tile svg.iconNavCookie { width: 46px; margin-left: 2px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .icon-tile svg.iconNavCookie { margin-left: 5px; width: 55px; }}.CmpDynamicContentTile.small .icon-tile svg.iconNavArt,.CmpDynamicContentTile.small .icon-tile svg.iconNavAbc,.CmpDynamicContentTile.small .icon-tile svg.iconNav123,.CmpDynamicContentTile.small .icon-tile svg.iconNavElmo { width: 48px; margin-left: -2px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.small .icon-tile svg.iconNavArt, .CmpDynamicContentTile.small .icon-tile svg.iconNavAbc, .CmpDynamicContentTile.small .icon-tile svg.iconNav123, .CmpDynamicContentTile.small .icon-tile svg.iconNavElmo { width: 62px; margin-left: 5px; }}.CmpDynamicContentTile.tile-rectangle.small { outline: none;}.CmpDynamicContentTile.tile-rectangle.small .title-tile { color: #02B040; font-size: 1.8rem; width: 100%; margin-bottom: 5px; width: 95%; overflow: hidden;}@media screen and (min-width: 1366px) { .CmpDynamicContentTile.tile-rectangle.small .title-tile.hidden-mobile { display: block!important; }}.CmpDynamicContentTile.tile-rectangle.small .subtext-tile { line-height: 1.4; display: block;}@media screen and (min-width: 1366px) { .CmpDynamicContentTile.tile-rectangle.small .subtext-tile { line-height: 1.6; }}.CmpDynamicContentTile.tile-rectangle.small .image-wrapper { height: 121px;}@media screen and (min-width: 768px) { .CmpDynamicContentTile.tile-rectangle.small .image-wrapper { height: 253px; }}@media screen and (min-width: 992px) { .CmpDynamicContentTile.tile-rectangle.small .image-wrapper { height: 182px; }}@media screen and (min-width: 1366px) { .CmpDynamicContentTile.tile-rectangle.small .image-wrapper { height: 224px; }}.CmpDynamicContentTile.tile-rectangle.small.extra-data .image-wrapper { height: 100px;}@media screen and (min-width: 375px) { .CmpDynamicContentTile.tile-rectangle.small.extra-data .image-wrapper { height: 118px; }}@media screen and (min-width: 414px) { .CmpDynamicContentTile.tile-rectangle.small.extra-data .image-wrapper { height: 129px; }}@media screen and (min-width: 768px) { .CmpDynamicContentTile.tile-rectangle.small.extra-data .image-wrapper { height: 244px; }}@media screen and (min-width: 992px) { .CmpDynamicContentTile.tile-rectangle.small.extra-data .image-wrapper { height: 182px; }}@media screen and (min-width: 1366px) { .CmpDynamicContentTile.tile-rectangle.small.extra-data .image-wrapper { height: 231px; }}.CmpDynamicContentTile.tile-rectangle.small.extra-data .text-wrapper { border-bottom: solid 1px #eee;}@media screen and (max-width: 767px) { .CmpDynamicContentTile.tile-rectangle.small.extra-data .text-wrapper { max-height: 70px; }}.CmpDynamicContentTile.tile-rectangle.small .text-wrapper { margin: 10px 10px 0 10px; padding-bottom: 10px; font-size: 1.5rem; height: 135px;}@media screen and (min-width: 768px) { .CmpDynamicContentTile.tile-rectangle.small .text-wrapper { margin: 20px 20px 0 20px; padding-bottom: 15px; height: 105px; }}@media screen and (min-width: 992px) { .CmpDynamicContentTile.tile-rectangle.small .text-wrapper { margin: 15px 15px 0 15px; padding-bottom: 10px; height: 130px; }}@media screen and (min-width: 1366px) { .CmpDynamicContentTile.tile-rectangle.small .text-wrapper { margin: 20px 20px 0 20px; padding-bottom: 15px; height: 140px; }}.CmpDynamicContentTile.tile-rectangle.small .foot-wrapper { text-align: center; padding: 10px 0;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.tile-rectangle.small .foot-wrapper { text-align: left; padding: 10px 0 10px 20px; height: 61px; }}.CmpDynamicContentTile.tile-rectangle.small .icons-wrapper { display: inline-block;}@media screen and (min-width: 1366px) { .CmpDynamicContentTile.tile-rectangle.small .icons-wrapper { padding: 0 20px 0 0; }}.CmpDynamicContentTile.tile-rectangle.small .icons-wrapper .icon-tile { box-shadow: none; display: inline-block; position: relative; right: initial; bottom: initial; width: 25px; height: 25px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.tile-rectangle.small .icons-wrapper .icon-tile { width: 35px; height: 35px; }}.CmpDynamicContentTile.tile-rectangle.small .icons-wrapper .icon-tile svg .iconPrimaryColor { fill: #000;}.CmpDynamicContentTile.tile-rectangle.small .item-count { text-transform: uppercase; display: block; background-color: #ECEBEB; border-radius: 10px; font-size: 1.4rem; padding: 0 10px; font-family: "VAGRounded"; margin: 5px 10px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.tile-rectangle.small .item-count { vertical-align: top; display: inline-block; margin: 8px 0 0 0; right: 20px; position: absolute; font-size: 1.1rem; }}@media screen and (min-width: 1366px) { .CmpDynamicContentTile.tile-rectangle.small .item-count { font-size: 1.4rem; }}.CmpDynamicContentTile.large .label-tile,.CmpDynamicContentTile.large .title-tile { margin: 16px 15px; max-width: 80%;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .label-tile, .CmpDynamicContentTile.large .title-tile { margin: 20px 25px; }}.CmpDynamicContentTile.large .image-wrapper { height: 85%; overflow: hidden;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .image-wrapper { height: 89%; }}.CmpDynamicContentTile.large .icon-tile { height: 60px; width: 60px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile { height: 70px; width: 70px; bottom: 30px; }}.CmpDynamicContentTile.large .icon-tile svg.iconPlay { width: 20px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconPlay { width: 25px; }}.CmpDynamicContentTile.large .icon-tile svg.iconArt { width: 40px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconArt { width: 50px; }}.CmpDynamicContentTile.large .icon-tile svg.iconGame { width: 40px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconGame { width: 52px; }}.CmpDynamicContentTile.large .icon-tile svg.iconDownloadCircle { width: 40px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconDownloadCircle { width: 45px; }}.CmpDynamicContentTile.large .icon-tile svg.iconNavGames { width: 70px; margin-top: 2px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconNavGames { width: 80px; }}.CmpDynamicContentTile.large .icon-tile svg.iconNavVideo { width: 70px; margin-top: 2px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconNavVideo { width: 80px; }}.CmpDynamicContentTile.large .icon-tile svg.iconNavCookie { width: 70px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconNavCookie { width: 80px; }}.CmpDynamicContentTile.large .icon-tile svg.iconNavElmo { width: 85px; margin-top: 3px; margin-left: 8px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconNavElmo { width: 96px; margin-top: 3px; margin-left: 8px; }}.CmpDynamicContentTile.large .icon-tile svg.iconNavAbc { width: 72px; margin-top: 1px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconNavAbc { margin-top: 3px; width: 87px; }}.CmpDynamicContentTile.large .icon-tile svg.iconNav123 { width: 72px; margin-top: 3px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconNav123 { width: 87px; }}.CmpDynamicContentTile.large .icon-tile svg.iconNavArt { width: 70px; margin-top: 3px;}@media screen and (min-width: 992px) { .CmpDynamicContentTile.large .icon-tile svg.iconNavArt { width: 81px; }}.CmpDynamicContentTile .hidden-mobile { display: none!important;}@media screen and (min-width: 1366px) { .CmpDynamicContentTile .hidden-mobile { display: block; display: -webkit-box !important; }}.CmpDynamicContentTile .hidden-desktop { display: block; display: -webkit-box !important;}@media screen and (min-width: 1366px) { .CmpDynamicContentTile .hidden-desktop { display: none!important; }}.CmpDynamicContentTile.large.topic .title-tile { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 1em; font-weight: 400;}@media screen and (min-width: 768px) { .CmpDynamicContentTile.large.topic .title-tile { font-size: 1.2em; }}.CmpDynamicContentTile.small.topic .icon-tile.external { display: none;}.CmpDynamicContentTile.small.topic .text-wrapper { border-bottom: none!important;}.CmpDynamicContentTile.external_tile .title-tile { display: none; font-size: 1.8rem; margin: 3px 12px; color: #02B040; line-height: 2.5rem; width: calc(100% - 20px); white-space: nowrap; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}@media screen and (min-width: 1366px) { .CmpDynamicContentTile.external_tile .title-tile { margin: 10px 20px; white-space: normal; width: calc(100% - 40px); }}.CmpDynamicContentTile.external_tile .title-tile.long { display: -webkit-box;}.CmpDynamicContentTile.adult_page.tile-rectangle.small.extra-data .title-tile { -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.CmpDynamicContentTile.adult_page.tile-rectangle.small.extra-data .title-tile.long { display: none;}.CmpDynamicContentTile .ff-container.ff-responsive { height: 100%;}.CmpDynamicContentTile .ff-container.ff-responsive .ff-image,.CmpDynamicContentTile .ff-container.ff-responsive .ff-canvas { width: auto;}.CmpDynamicContentTile canvas { height: 100%; left: 50%!important; transform: translateX(-50%) scale(1.01);}.rtl .CmpDynamicContentTile .image-tile { transform: none;}.rtl .CmpDynamicContentTile .icon-tile { left: 20px; right: auto;}.rtl .CmpDynamicContentTile .icons-wrapper .icon-tile { left: 0;}.rtl .CmpDynamicContentTile .foot-wrapper { text-align: right;}.vag { font-family: "VAGRounded"; font-weight: 400;}.sourcesans { font-family: "Source Sans Pro"; font-weight: 400;}.h1,.h2,.h3,.h4,.h5 h1,h2,h3,h4,h5 { font-family: "VAGRounded"; font-weight: 400;}.h1,h1 { font-size: 4.8rem; line-height: 1;}.h2,h2 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h2, h2 { font-size: 4.4rem; line-height: 4.8rem; }}.h3,h3 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h3, h3 { font-size: 3.2rem; line-height: 3.4rem; }}.h4,h4 { font-size: 2.8rem;}.h5,h5 { font-size: 1.4rem;}@media screen and (min-width: 768px) { .h5, h5 { font-size: 2.2rem; }}.lead-p { font-size: 1.8rem; line-height: 2.4rem; font-family: "VAGRounded"; font-weight: 400;}@media screen and (min-width: 768px) { .lead-p { font-size: 2.4rem; }}.body-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.6rem;}.small-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.2rem;}body { font-size: 1.6rem; line-height: 1.5em;}.main-header { font-size: 44px!important; line-height: 1!important;}.section-header { font-size: 32px!important; line-height: 1!important;}.section-subheader { font-size: 24px!important; line-height: 1!important;}strong { font-weight: 700;}.text-align-center { text-align: center;}.text-align-right { text-align: right;}.text-align-left { text-align: left;}em { font-style: italic;}.hidden-headline { max-width: 0; max-height: 0; overflow: hidden;}html[lang="ar"] { font-family: "Teshrin";}html[lang="ar"] .h1,html[lang="ar"] .h2,html[lang="ar"] .h3,html[lang="ar"] .h4,html[lang="ar"] .h5 h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5 { font-family: "Teshrin", "VAGRounded", sans-serif !important;}html[lang="ar"] body,html[lang="ar"] * { font-family: "Teshrin", "Source Sans Pro", sans-serif !important;}.CmpEducatorModal { /* * 1. correctly import vars.less * 2. write your less code (for desktop) * 3. Media queries look like this: @media @phone{} @media @tablet{} @media @phoneAndTablet{} */}.CmpEducatorModal .title { padding-bottom: 20px;}.CmpEducatorModal label { display: block; font-size: 1.7rem; font-weight: 500; color: black; padding-bottom: 10px; font-family: "VAGRounded"; font-weight: 400;}.CmpEducatorModal .CmpSelect { display: block; margin-bottom: 20px;}.CmpEducatorModal .CmpSelect select { width: 100%;}.CmpEducatorModal .apply-container,.CmpEducatorModal .lesson-filters { padding: 30px;}.CmpEducatorModal .apply-container { border-top: 1px solid #EBEBEB;}.CmpEducatorModal .apply { -webkit-appearance: none; border: none; background: #02B040; color: #FFF; font-family: "VAGRounded"; font-weight: 400; width: 100%;}.CmpFeaturedContentBlock { width: 100%; position: relative;}.CmpFeaturedContentBlock .title { margin: 0 20px; padding-bottom: 20px; font-size: 1.3em;}@media screen and (min-width: 1366px) { .CmpFeaturedContentBlock .title { font-size: 1.8em; margin-left: 0; }}.CmpFeaturedContentBlock .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .image-wrapper,.CmpHeroPromoGrid .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .image-wrapper { height: 77%;}.CmpFeaturedContentBlock .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .text-wrapper,.CmpHeroPromoGrid .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .text-wrapper { margin-top: 3px!important;}@media screen and (min-width: 1366px) { .CmpFeaturedContentBlock .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .text-wrapper, .CmpHeroPromoGrid .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .text-wrapper { margin: 0!important; }}.CmpFeaturedContentBlock .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .title-tile,.CmpHeroPromoGrid .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .title-tile { display: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}@media screen and (min-width: 1366px) { .CmpFeaturedContentBlock .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .title-tile, .CmpHeroPromoGrid .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .title-tile { margin: 10px 20px; white-space: normal; width: calc(100% - 40px); }}.CmpFeaturedContentBlock .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .title-tile.long,.CmpHeroPromoGrid .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .title-tile.long { display: -webkit-box;}.CmpFeaturedContentBlock .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .subtext-tile,.CmpHeroPromoGrid .adult_page.CmpDynamicContentTile.tile-rectangle.small.extra-data .subtext-tile { display: none!important;}@media screen and (min-width: 1366px) { .rtl .CmpFeaturedContentBlock .title { margin-right: 0; }}.CmpFooter { min-height: 250px; background-color: #02B040; position: relative; padding-bottom: 60px; text-align: center; padding: 40px 0 90px 0; color: white;}.CmpFooter .footer-area .logo-container,.CmpFooter .footer-area .footer-links-container,.CmpFooter .footer-area .social-links-container { display: inline-block; vertical-align: middle; width: 100%;}@media screen and (min-width: 992px) { .CmpFooter .footer-area .logo-container, .CmpFooter .footer-area .footer-links-container, .CmpFooter .footer-area .social-links-container { width: auto; }}.CmpFooter .footer-area .logo-container { height: 100%; outline: none; text-align: left; padding-left: 25px;}@media screen and (min-width: 992px) { .CmpFooter .footer-area .logo-container { vertical-align: top; margin-top: 25px; padding-left: 0; }}.CmpFooter .footer-area .column-headline { font-family: "VAGRounded"; font-weight: 700; font-size: 1.2rem; padding-bottom: 8px;}.CmpFooter .footer-area .footer-links-container { min-height: 150px; padding: 15px 25px; text-align: left;}@media screen and (min-width: 1366px) { .CmpFooter .footer-area .footer-links-container { padding: 15px 80px; }}.CmpFooter .footer-area .footer-links-container .wrapper-nav { display: inline-block; width: 100%;}@media screen and (min-width: 768px) { .CmpFooter .footer-area .footer-links-container .wrapper-nav { width: auto; }}.CmpFooter .footer-area .footer-links-container .wrapper-nav:last-child .footer-links-column { margin-right: 0;}.CmpFooter .footer-area .footer-links-container .footer-links-column { display: inline-block; vertical-align: top; text-align: left; margin-right: 70px; margin-bottom: 30px;}.CmpFooter .footer-area .footer-links-container .footer-links-column:last-child { margin-right: 0;}@media screen and (min-width: 768px) { .CmpFooter .footer-area .footer-links-container .footer-links-column:last-child { margin-right: 100px; }}.CmpFooter .footer-area .footer-links-container .footer-links-column .footer-link { color: white; text-decoration: none; font-size: 1.2rem; font-weight: 400;}.CmpFooter .footer-area .social-links-container { min-height: 100px; height: 100%; padding: 0 25px 15px 25px; text-align: left; display: inline-block; vertical-align: top;}@media screen and (min-width: 1366px) { .CmpFooter .footer-area .social-links-container { padding: 15px 0 0 0; max-width: 300px; }}.CmpFooter .footer-area .social-links-container .social-links { padding-left: 20px;}.CmpFooter .footer-area .social-links-container .social-link { padding-right: 5px; transition: all 0.2s ease-in-out;}@media screen and (min-width: 375px) { .CmpFooter .footer-area .social-links-container .social-link { padding-right: 10px; }}@media screen and (min-width: 1366px) { .CmpFooter .footer-area .social-links-container .social-link { padding-right: 10px; }}.CmpFooter .footer-area .social-links-container .social-link img { max-width: 48px; transition: all 0.2s ease-in-out; opacity: 0.9;}.CmpFooter .footer-area .social-links-container .social-link:hover img { transform: scale(1.2);}@media screen and (min-width: 1366px) { .CmpFooter .footer-area .logo-container { width: 175px; } .CmpFooter .footer-area .logo-container * { display: inline-block; max-width: 100%; } .CmpFooter .footer-area .footer-links-container { width: auto; } .CmpFooter .footer-area .social-links-container { width: auto; }}.CmpFooter .post-footer { position: absolute; min-height: 60px; border-top: 0.5px solid rgba(255, 255, 255, 0.5); left: 0; right: 0; bottom: 0; color: white; padding-top: 20px; font-size: 1.1rem; font-weight: 600;}[lang="zh-hans"] .CmpFooter .logo-container { width: calc(100% - 50px); padding-left: 0;}@media screen and (min-width: 1366px) { [lang="zh-hans"] .CmpFooter .logo-container { width: 200px; }}[lang="zh-hans"] .CmpFooter .logo-container a,[lang="zh-hans"] .CmpFooter .logo-container img { display: inline-block; max-width: 100%;}.rtl .CmpFooter .footer-area .logo-container { text-align: right; padding-right: 25px;}@media screen and (min-width: 992px) { .rtl .CmpFooter .footer-area .logo-container { padding-right: 0; }}.rtl .CmpFooter .footer-area .social-links-container { text-align: right;}.rtl .CmpFooter .footer-area .social-links-container .social-links { padding-right: 20px; padding-left: unset;}.rtl .CmpFooter .footer-area .social-links-container .social-link { padding-right: unset; padding-left: 5px;}@media screen and (min-width: 375px) { .rtl .CmpFooter .footer-area .social-links-container .social-link { padding-right: unset; padding-left: 10px; }}@media screen and (min-width: 1366px) { .rtl .CmpFooter .footer-area .social-links-container .social-link { padding-right: unset; padding-left: 10px; }}.rtl .CmpFooter .footer-area .column-headline { text-align: right;}.rtl .CmpFooter .footer-area .footer-links-container { text-align: right;}.rtl .CmpFooter .footer-area .footer-links-container .wrapper-nav { text-align: right;}.rtl .CmpFooter .footer-area .footer-links-container .footer-links-column { text-align: right; margin-right: unset; margin-left: 70px;}.rtl .CmpFooter .footer-area .footer-links-container .footer-links-column:last-child { margin-left: 0;}@media screen and (min-width: 768px) { .rtl .CmpFooter .footer-area .footer-links-container .footer-links-column:last-child { margin-right: unset; margin-left: 100px; }}.CmpGameModal { height: 100%; width: 100%; overflow: hidden!important; position: relative; border-radius: 20px;}.CmpGameModal h3 { display: block; height: 100%; background-color: pink; padding: 50px;}.CmpGameModal iframe { height: 0; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; width: 0;}.CmpGrid { width: 100%; margin: auto; padding-right: 20px; padding-left: 20px;}@media screen and (min-width: 1366px) { .CmpGrid { padding-right: 0; padding-left: 0; }}.CmpGrid .wrapper-grid { transition: all 0.5s ease-in-out; overflow: hidden; padding: 2px;}.CmpGrid .wrapper-content { position: absolute; width: 100%; height: 100%;}.CmpGrid .wrapper-content > div { width: 100%; height: 100%;}@media screen and (min-width: 768px) { .CmpGrid .wrapper.hidden-desktop { display: none; }}.CmpGrid .wrapper.hidden-mobile { display: none;}@media screen and (min-width: 768px) { .CmpGrid .wrapper.hidden-mobile { display: block; }}.CmpGrid .wrapper.wrapper-50 { float: left; width: 100%;}@media screen and (min-width: 768px) { .CmpGrid .wrapper.wrapper-50 { width: calc(50% - 10px); }}.CmpGrid .wrapper.wrapper-50.first,.CmpGrid .wrapper.wrapper-50:first-child,.CmpGrid .wrapper.wrapper-50.even { margin: 0;}@media screen and (min-width: 768px) { .CmpGrid .wrapper.wrapper-50.first, .CmpGrid .wrapper.wrapper-50:first-child, .CmpGrid .wrapper.wrapper-50.even { margin: 0 20px 0 0; }}.CmpGrid .wrapper.wrapper-50 .box-content { width: calc(50% - 10px);}.CmpGrid .wrapper-full:after { content: ''; display: block; clear: both;}.CmpGrid .wrapper-full:last-child { margin-bottom: 0;}.CmpGrid .wrapper-full.hidden { display: none;}.CmpGrid .wrapper-full.view-more { position: relative;}.CmpGrid .wrapper-full.view-more .box { position: relative;}.CmpGrid .wrapper-full.view-more .box:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-image: linear-gradient(180deg, rgba(223, 223, 223, 0.2) 0%, #ffffff 12%); border-radius: 10px;}.CmpGrid .wrapper-full.view-more .box .wrapper-content { display: none;}.CmpGrid .wrapper-full.view-more:after { content: ''; left: 0; right: 0; display: block; height: 1px; background-color: rgba(223, 223, 223, 0.2); position: absolute; top: 29px; z-index: 1;}.CmpGrid .tile-text-content { font-family: "VAGRounded"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #003649;}@media screen and (min-width: 992px) { .CmpGrid .tile-text-content { width: 400px; }}.CmpGrid .tile-text-content .tile-title { font-size: 2.5rem; margin-bottom: 30px;}@media screen and (min-width: 992px) { .CmpGrid .tile-text-content .tile-title { font-size: 3.8rem; }}.CmpGrid .tile-text-content .tile-text { font-size: 1.6rem; line-height: 1.4;}@media screen and (min-width: 992px) { .CmpGrid .tile-text-content .tile-text { font-size: 2.4rem; line-height: 1.4; }}.CmpGrid .box { position: relative; float: left;}.CmpGrid .box:after { content: ""; display: block; padding-bottom: 100%;}.CmpGrid .box.box-content.box-1 { margin: 0 20px 20px 0;}.CmpGrid .box.box-content.box-3 { margin: 0 20px 20px 0;}.CmpGrid .box.box-promo { width: 100%; margin-bottom: 20px;}@media screen and (min-width: 768px) { .CmpGrid .box.box-promo { margin-bottom: 0; }}.CmpGrid .view-more-button { text-align: center; display: block; color: #02B040; text-decoration: none; border: solid 1px rgba(223, 223, 223, 0.2); border-radius: 20px; width: 100px; margin: auto; padding: 7px 0; font-size: 13px; font-weight: 600; position: relative; top: -15px; z-index: 10; background-color: #fff;}.rtl .CmpGrid .wrapper.wrapper-50 { float: right;}.rtl .CmpGrid .wrapper.first,.rtl .CmpGrid .wrapper:first-child,.rtl .CmpGrid .wrapper.even { margin: 0;}@media screen and (min-width: 768px) { .rtl .CmpGrid .wrapper.first, .rtl .CmpGrid .wrapper:first-child, .rtl .CmpGrid .wrapper.even { margin: 0 0 0 20px; }}.rtl .CmpGrid .box { float: right;}.rtl .CmpGrid .box.box-content.box-1 { margin: 0 0 20px 20px;}.rtl .CmpGrid .box.box-content.box-3 { margin: 0 0 20px 20px;}.CmpHamburgerMenu { /* * 1. correctly import vars.less * 2. write your less code (for desktop) * 3. Media queries look like this: @media @phone{} @media @tablet{} @media @phoneAndTablet{} */}.vag { font-family: "VAGRounded"; font-weight: 400;}.sourcesans { font-family: "Source Sans Pro"; font-weight: 400;}.h1,.h2,.h3,.h4,.h5 h1,h2,h3,h4,h5 { font-family: "VAGRounded"; font-weight: 400;}.h1,h1 { font-size: 4.8rem; line-height: 1;}.h2,h2 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h2, h2 { font-size: 4.4rem; line-height: 4.8rem; }}.h3,h3 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h3, h3 { font-size: 3.2rem; line-height: 3.4rem; }}.h4,h4 { font-size: 2.8rem;}.h5,h5 { font-size: 1.4rem;}@media screen and (min-width: 768px) { .h5, h5 { font-size: 2.2rem; }}.lead-p { font-size: 1.8rem; line-height: 2.4rem; font-family: "VAGRounded"; font-weight: 400;}@media screen and (min-width: 768px) { .lead-p { font-size: 2.4rem; }}.body-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.6rem;}.small-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.2rem;}body { font-size: 1.6rem; line-height: 1.5em;}.main-header { font-size: 44px!important; line-height: 1!important;}.section-header { font-size: 32px!important; line-height: 1!important;}.section-subheader { font-size: 24px!important; line-height: 1!important;}strong { font-weight: 700;}.text-align-center { text-align: center;}.text-align-right { text-align: right;}.text-align-left { text-align: left;}em { font-style: italic;}.hidden-headline { max-width: 0; max-height: 0; overflow: hidden;}html[lang="ar"] { font-family: "Teshrin";}html[lang="ar"] .h1,html[lang="ar"] .h2,html[lang="ar"] .h3,html[lang="ar"] .h4,html[lang="ar"] .h5 h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5 { font-family: "Teshrin", "VAGRounded", sans-serif !important;}html[lang="ar"] body,html[lang="ar"] * { font-family: "Teshrin", "Source Sans Pro", sans-serif !important;}.CmpHeader { background-color: white; text-align: left; padding: 0; min-height: 170px;}.search-page .CmpHeader .CmpSearchBox { display: none;}@media screen and (min-width: 992px) { .search-page .CmpHeader .CmpSearchBox { display: block; }}@media screen and (min-width: 768px) { .CmpHeader { min-height: 126px; }}@media screen and (min-width: 1366px) { .CmpHeader { text-align: center; position: relative; top: 1px; min-height: 109px; }}.CmpHeader.adult { padding: 8px 0 3px 0; box-shadow: 5px 3px 5px 0px #eee; border-bottom: solid 1px #eee; min-height: 0;}@media screen and (min-width: 992px) {}@media screen and (min-width: 1366px) { .CmpHeader.adult { box-shadow: 10px 6px 10px 0px #eee; padding: 24px 0 28px 0; }}.CmpHeader.adult .CmpHamburgerMenu { padding-top: 5px;}@media screen and (min-width: 1366px) { .CmpHeader.adult .CmpHamburgerMenu { padding-top: 20px; }}.CmpHeader.adult .top-wrapper { padding: 0 25px; text-align: left;}.CmpHeader.adult .logo { width: 70px; padding: 0 10px 0 0;}@media screen and (min-width: 1366px) { .CmpHeader.adult .logo { width: auto; padding: 0 20px 0 0; }}.CmpHeader .top-wrapper { padding: 8px 25px 5px 25px; position: relative;}@media screen and (min-width: 1366px) { .CmpHeader .top-wrapper { padding: 0 25px; }}.CmpHeader *:focus { outline: none;}.CmpHeader .content-wrapper { max-width: 100%; overflow: hidden;}@media screen and (min-width: 1366px) { .CmpHeader .content-wrapper { margin: 0 20px; }}.CmpHeader .logo { width: 70px; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: solid 1px transparent;}@media screen and (min-width: 768px) { .CmpHeader .logo { padding: 17px 0; float: left; width: auto; }}.CmpHeader .collection-page-menu { min-height: 70px; height: 100%; border-top: solid 1px #eee; display: block; text-align: center; white-space: nowrap; overflow: hidden; transition: all 0.2 linear; vertical-align: top;}.CmpHeader .collection-page-menu:before,.CmpHeader .collection-page-menu:after { content: ''; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 55%, white, white, white); position: absolute; top: 0; bottom: 0; width: 0; pointer-events: none; transition: all 0.5s; z-index: 1;}.CmpHeader .collection-page-menu:after { right: 0;}.CmpHeader .collection-page-menu:before { left: 0; transform: rotate(180deg);}.CmpHeader .collection-page-menu.left-active:before,.CmpHeader .collection-page-menu.right-active:after { width: 60px;}@media screen and (min-width: 768px) { .CmpHeader .collection-page-menu.left-active:before, .CmpHeader .collection-page-menu.right-active:after { width: 80px; }}.CmpHeader .collection-page-menu .slick-list { min-height: 100px;}@media screen and (min-width: 768px) { .CmpHeader .collection-page-menu { width: 65%; border-top: none; margin: auto; }}@media screen and (min-width: 992px) { .CmpHeader .collection-page-menu { width: 740px; }}@media screen and (min-width: 1366px) { .CmpHeader .collection-page-menu { display: inline-block; }}.CmpHeader .CmpHamburgerMenu { cursor: pointer; float: right; padding-top: 5px;}@media screen and (min-width: 768px) { .CmpHeader .CmpHamburgerMenu { padding-top: 35px; }}.CmpHeader .CmpHamburgerMenu .label { display: none;}@media screen and (min-width: 1366px) { .CmpHeader .CmpHamburgerMenu .label { text-transform: uppercase; padding-right: 10px; vertical-align: middle; display: inline-block; max-width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }}.CmpHeader .CmpHamburgerMenu .iconHamburger { vertical-align: middle;}.CmpHeader .collection-page-menu { position: relative; z-index: 0; margin-bottom: -6px;}@media screen and (min-width: 992px) { .CmpHeader .collection-page-menu { padding: 0 20px; }}.CmpHeader .collection-page-menu .collection-arrow-right { position: absolute; right: -1px;}.CmpHeader .collection-page-menu .collection-arrow-left { position: absolute; left: -1px; transform: rotate(180deg);}.CmpHeader .collection-page-menu .arrow { display: none; top: 0; cursor: pointer; height: 100%; width: 40px; text-align: right; z-index: 10; transition: all 0.3s linear;}@media screen and (min-width: 992px) {}.CmpHeader .collection-page-menu .arrow svg { vertical-align: middle; display: none; height: 100%;}@media screen and (min-width: 768px) { .CmpHeader .collection-page-menu .arrow svg { display: inline-block; }}.CmpHeader .collection-page-menu .arrow svg .uiPrimaryColor { fill: black;}.CmpHeader .collection-page-menu .arrow.slick-disabled { opacity: 0;}.CmpHeader .collection-page-menu .arrow.slick-disabled svg { display: none!important;}.CmpHeader .collection-page-menu .nav-item-wrapper { position: relative; padding: 10px; display: inline-block; overflow: hidden;}@media screen and (min-width: 1366px) { .CmpHeader .collection-page-menu .nav-item-wrapper { padding: 12px 0 10px 0; }}.CmpHeader .collection-page-menu .collection-button { display: inline-block;}.CmpHeader .collection-page-menu .collection-button.active:after,.CmpHeader .collection-page-menu .collection-button.hover:after { content: ''; position: absolute; left: 0; right: 0; top: 0; z-index: -1; height: 120px; background-color: inherit; border-radius: 5px 5px 0 0;}.CmpHeader .collection-page-menu .collection-button .img-button { height: 81px; display: inline-block;}.CmpHeader .collection-page-menu .collection-button .img-button svg { height: 100%;}.CmpHeader .collection-page-menu .collection-button img,.CmpHeader .collection-page-menu .collection-button svg { margin-right: auto; margin-left: auto;}@media screen and (min-width: 768px) { .CmpHeader .collection-page-menu .slick-slide { width: 100px; }}.CmpHeader .collection-page-menu .collection-strip { display: none;}.CmpHeader .collection-page-menu .no-slick { display: block;}.CmpHeader .collection-page-menu .no-slick .nav-item-wrapper { width: 100px;}.CmpHeader .collection-page-menu .slick-initialized { display: block;}@media screen and (min-width: 1366px) { .CmpHeader .collection-page-menu .slick-initialized .slick-track { width: 100% !important; text-align: center; }}@media screen and (min-width: 1366px) { .CmpHeader .collection-page-menu .slick-initialized .slick-slide { float: none; display: inline-block; }}.CmpHeader .collection-page-menu .slick-initialized + .arrow { display: block;}.CmpHeader.adult .content-wrapper { padding: 15px 0;}@media screen and (min-width: 992px) { .CmpHeader.adult .blade-content-wrapper { text-align: right; }}.CmpHeader.adult .adult-page-nav { display: inline-block; width: calc(100% - 120px); vertical-align: top; text-align: left;}@media screen and (min-width: 1366px) { .CmpHeader.adult .adult-page-nav { width: calc(100% - 360px); margin-top: 20px; }}.CmpHeader.adult .logo { border-right: solid 1px #D8D8D8;}@media screen and (min-width: 992px) { .CmpHeader.adult .logo { margin: 0 20px 0 0; }}.CmpHeader.adult .title { display: inline-block; font-size: 1.2rem; padding: 6px; font-family: "VAGRounded"; font-weight: 400;}@media screen and (min-width: 992px) { .CmpHeader.adult .title { line-height: 3.4rem; font-size: 2.4rem; }}/*Chinese simplified specific changes to acommodate to a double width logo */[lang="zh-hans"] .CmpHeader .logo-link { display: inline-block; vertical-align: middle;}@media screen and (min-width: 1366px) { [lang="zh-hans"] .CmpHeader .logo-link { width: 300px; } [lang="zh-hans"] .CmpHeader .logo-link .logo { max-width: 100%; }}[lang="zh-hans"] .CmpHeader .adult-page-nav { width: calc(100% - 160px); vertical-align: middle;}@media screen and (min-width: 1366px) { [lang="zh-hans"] .CmpHeader .adult-page-nav { width: calc(100% - 460px); }}@media screen and (min-width: 1366px) { [lang="zh-hans"] [data-kidpage="true"] .CmpHeader .top-wrapper { height: 0; text-align: left; }}[lang="zh-hans"] [data-kidpage="true"] .CmpHeader .logo { width: 150px;}@media screen and (min-width: 1366px) { [lang="zh-hans"] [data-kidpage="true"] .CmpHeader .logo { width: 100%; }}.rtl .collection .CmpHeader .top-wrapper { display: flex; justify-content: space-between;}@media screen and (min-width: 768px) { .rtl .collection .CmpHeader .top-wrapper { display: block; }}@media screen and (min-width: 1366px) { .rtl .collection .CmpHeader { padding-top: 16px; }}.rtl .collection .CmpHeader .logo { float: right; margin: 0 0 0 0; padding: 0 0 0 10px;}@media screen and (min-width: 768px) { .rtl .collection .CmpHeader .logo { margin: 0 0 0 10px; }}@media screen and (min-width: 768px) { .rtl .collection .CmpHeader .CmpHamburgerMenu { float: left; }}@media screen and (min-width: 768px) { .rtl .collection .CmpHeader .CmpHamburgerMenu .label { float: right; padding-right: 0px; padding-left: 10px; }}@media screen and (min-width: 1366px) { .rtl .CmpHeader.adult { padding: 24px 0 28px 0; }}.rtl .CmpHeader.adult .adult-page-nav { text-align: right;}.rtl .CmpHeader.adult .adult-page-nav .CmpSearchBox { left: 54px; right: unset;}@media screen and (min-width: 768px) { .rtl .CmpHeader.adult .adult-page-nav .CmpSearchBox { float: left; margin-right: 0; }}@media screen and (min-width: 768px) and screen and (min-width: 992px) { .rtl .CmpHeader.adult .adult-page-nav .CmpSearchBox { margin-left: 40px; }}.rtl .CmpHeader.adult .adult-page-nav .CmpSearchBox .search-input { right: auto; left: -2px;}.rtl .CmpHeader.adult .logo { border-right: unset; border-left: solid 1px #D8D8D8; margin: 0 0 0 0; padding: 0 0 0 10px; float: right;}@media screen and (min-width: 992px) { .rtl .CmpHeader.adult .logo { margin: 0 0 0 20px; padding: 0 0 0 20px; }}.rtl .CmpHeader.adult .CmpHamburgerMenu { float: left; padding-top: 0;}@media screen and (min-width: 768px) { .rtl .CmpHeader.adult .CmpHamburgerMenu { padding-top: 5px; }}@media screen and (min-width: 1366px) { .rtl .CmpHeader.adult .CmpHamburgerMenu { padding-top: 20px; }}@media screen and (min-width: 1366px) { .rtl .CmpHeader.adult .CmpHamburgerMenu .label { float: right; padding-right: 0px; padding-left: 10px; }}@media screen and (min-width: 1366px) { .rtl .CmpHeader .CmpHamburgerMenu .label { padding-right: 10px; padding-left: 0px; float: left; }}.CmpHeroPromoGrid { width: 100%; position: relative;}.CmpHeroPromoGrid .title { margin: 0 20px; padding-bottom: 20px; font-size: 1.3em; color: white;}@media screen and (min-width: 1366px) { .CmpHeroPromoGrid .title { font-size: 1.8em; margin-left: 0; }}.CmpHeroPromoGrid .bkg-inner { background-size: cover; background-position: center top; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 100px; z-index: 1;}@media screen and (min-width: 1280px) { .CmpHeroPromoGrid .bkg-inner { background-size: contain; }}@media screen and (min-width: 1440px) { .CmpHeroPromoGrid .bkg-inner { background-size: cover; }}.CmpHeroPromoGrid .blade-content-wrapper { position: relative; z-index: 1;}.CmpHeroPromoGrid .bkg-desktop,.CmpHeroPromoGrid .bkg-mobile { position: absolute; top: 0; bottom: 100px; left: 0; right: 0; background-repeat: no-repeat; z-index: 1;}.CmpHeroPromoGrid .bkg-desktop { display: none; z-index: 4;}.CmpHeroPromoGrid .bkg-mobile { background-size: 100% auto; background-position: top 20px left 15px !important; background-size: calc(100% - 30px) auto !important;}.CmpHeroPromoGrid .bkg-desktop { background-size: auto calc(100% - 32px); background-position: bottom right 15px;}@media screen and (min-width: 768px) { .CmpHeroPromoGrid .bkg-mobile { display: none; } .CmpHeroPromoGrid .bkg-desktop { display: block; } .CmpHeroPromoGrid.content-right .bkg-desktop { background-position: bottom left 15px; left: 50%; } .CmpHeroPromoGrid.content-left .bkg-desktop { background-position: bottom right; right: 50%; }}.CmpHeroPromoGrid.topic-hero .bkg-inner { min-height: calc(100% - 70px);}.CmpHeroPromoGrid.topic-hero .tile-text-content { width: calc(100% - 40px); padding-bottom: 40px;}@media screen and (min-width: 768px) { .CmpHeroPromoGrid.topic-hero .tile-text-content { width: 90%; top: 40%; }}@media screen and (min-width: 1366px) { .CmpHeroPromoGrid.topic-hero .tile-text-content { padding-top: 40px; top: calc(50% - 20px); }}.CmpHeroPromoGrid.topic-hero .content-bottom-wrapper { height: 50px; overflow: hidden;}@media screen and (max-width: 1366px) { .CmpHeroPromoGrid.topic-hero .CmpGrid .box:after { padding-bottom: 0; } .CmpHeroPromoGrid.topic-hero .wrapper-content { height: auto; position: static; } .CmpHeroPromoGrid.topic-hero .wrapper-content .tile-text-content { position: static; transform: none; }}@media screen and (max-width: 767px) { .CmpHeroPromoGrid.topic-hero.content-right .wrapper-full { display: flex; flex-direction: column-reverse; }}@media screen and (min-width: 768px) { .CmpHeroPromoGrid.topic-hero .wrapper-50 { width: calc(50% - 15px); float: none; display: inline-block; vertical-align: middle; }}.CmpHeroPromoGrid.topic-hero .CmpDynamicContentTile .image-tile { height: auto; width: 100%;}.CmpHeroPromoGrid .main-header,.CmpHeroPromoGrid .section-header { margin-bottom: 10px;}.CmpHeroPromoGrid .section-subheader { line-height: 1.3 !important;}.rtl .CmpHeroPromoGrid .title { margin: 0 20px;}@media screen and (min-width: 1366px) { .rtl .CmpHeroPromoGrid .title { margin-right: 0; }}.CmpImageAndVideoBanner { /* * 1. correctly import vars.less * 2. write your less code (for desktop) * 3. Media queries look like this: @media @phone{} @media @tablet{} @media @phoneAndTablet{} */}.CmpImageButton { -webkit-appearance: none;}.vag { font-family: "VAGRounded"; font-weight: 400;}.sourcesans { font-family: "Source Sans Pro"; font-weight: 400;}.h1,.h2,.h3,.h4,.h5 h1,h2,h3,h4,h5 { font-family: "VAGRounded"; font-weight: 400;}.h1,h1 { font-size: 4.8rem; line-height: 1;}.h2,h2 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h2, h2 { font-size: 4.4rem; line-height: 4.8rem; }}.h3,h3 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h3, h3 { font-size: 3.2rem; line-height: 3.4rem; }}.h4,h4 { font-size: 2.8rem;}.h5,h5 { font-size: 1.4rem;}@media screen and (min-width: 768px) { .h5, h5 { font-size: 2.2rem; }}.lead-p { font-size: 1.8rem; line-height: 2.4rem; font-family: "VAGRounded"; font-weight: 400;}@media screen and (min-width: 768px) { .lead-p { font-size: 2.4rem; }}.body-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.6rem;}.small-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.2rem;}body { font-size: 1.6rem; line-height: 1.5em;}.main-header { font-size: 44px!important; line-height: 1!important;}.section-header { font-size: 32px!important; line-height: 1!important;}.section-subheader { font-size: 24px!important; line-height: 1!important;}strong { font-weight: 700;}.text-align-center { text-align: center;}.text-align-right { text-align: right;}.text-align-left { text-align: left;}em { font-style: italic;}.hidden-headline { max-width: 0; max-height: 0; overflow: hidden;}html[lang="ar"] { font-family: "Teshrin";}html[lang="ar"] .h1,html[lang="ar"] .h2,html[lang="ar"] .h3,html[lang="ar"] .h4,html[lang="ar"] .h5 h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5 { font-family: "Teshrin", "VAGRounded", sans-serif !important;}html[lang="ar"] body,html[lang="ar"] * { font-family: "Teshrin", "Source Sans Pro", sans-serif !important;}.fitContent.interruptor { border-radius: 20px; right: 5%;}@media screen and (min-width: 992px) { .fitContent.interruptor { right: auto; width: 800px; }}.CmpInterruptorModal { height: auto; min-height: 520px; width: 100%;}@media screen and (min-width:376px) { .CmpInterruptorModal { min-height: 550px; }}@media screen and (min-width: 576px) { .CmpInterruptorModal { min-height: 650px; }}.CmpInterruptorModal .goBack { position: absolute; bottom: -4px; left: 0; right: 0; border-radius: 0 0 20px 20px; cursor: pointer; height: 100px; background-size: cover; background-repeat: no-repeat; background-position: center;}@media screen and (min-width:376px) { .CmpInterruptorModal .goBack { height: 170px; }}@media screen and (min-width: 992px) { .CmpInterruptorModal .goBack { height: 200px; }}.CmpInterruptorModal .goBack img { position: relative; bottom: -2px; width: 100%;}.CmpInterruptorModal .goBack .label { position: absolute; color: #02B040; text-align: left; left: 5%; font-weight: 700; top: 35px;}@media screen and (min-width: 768px) { .CmpInterruptorModal .goBack .label { padding-top: 40px; }}.CmpInterruptorModal .goBack .label .text { max-width: 150px; padding-left: 20px; display: inline-block; font-size: 1.6rem;}.CmpInterruptorModal .goBack .label svg { transform: scale(0.5); position: absolute; top: -30px; left: -5px;}@media screen and (min-width: 768px) { .CmpInterruptorModal .goBack .label { left: calc(50% - 300px); top: 50%; transform: translateY(-50%); padding-top: 0; } .CmpInterruptorModal .goBack .label .text { max-width: 300px; padding-left: 30px; font-size: 100%; } .CmpInterruptorModal .goBack .label .text, .CmpInterruptorModal .goBack .label svg { vertical-align: middle; } .CmpInterruptorModal .goBack .label svg { transform: none; position: static; }}@media screen and (min-width: 1366px) { .CmpInterruptorModal .goBack .label { left: calc(50% - 345px); }}.CmpInterruptorModal .goBack .desktop { display: none;}@media screen and (min-width: 768px) { .CmpInterruptorModal .goBack .desktop { display: block; } .CmpInterruptorModal .goBack .mobile { display: none; }}.CmpInterruptorModal .mathContainer { padding: 25px 20px; padding-bottom: 40px;}@media screen and (min-width: 768px) { .CmpInterruptorModal .mathContainer { padding: 50px; }}.CmpInterruptorModal .form { background-position: center; background-repeat: no-repeat; border-radius: 10px; text-align: center; padding: 30px 20px 25px 20px;}.CmpInterruptorModal .form .submit { display: block; margin-left: auto; margin-right: auto; margin-top: 20px;}.CmpInterruptorModal .form .eq { color: #5A489D; vertical-align: middle;}.CmpInterruptorModal .form .qaAnswer { width: 131px; height: 50px; border-radius: 25px; border: 1px solid lightgray; vertical-align: middle; padding: 0 20px; font-size: 3rem; font-family: "VAGRounded"; font-weight: 400;}.CmpInterruptorModal .form .qaAnswer:focus { outline: none;}@media screen and (min-width: 768px) { .CmpInterruptorModal .form { height: 180px; width: 600px; }}@media screen and (min-width: 1366px) { .CmpInterruptorModal .form { height: 180px; width: 690px; }}.CmpInterruptorModal .instructions { margin-top: 30px; margin-bottom: 20px;}@media screen and (min-width: 768px) { .CmpInterruptorModal .form, .CmpInterruptorModal .headline, .CmpInterruptorModal .instructions { margin-left: calc(50% - 300px); } .CmpInterruptorModal .headline, .CmpInterruptorModal .instructions { max-width: 600px; } .CmpInterruptorModal .headline { width: 500px; margin-top: 10px; }}@media screen and (min-width: 1366px) { .CmpInterruptorModal .form, .CmpInterruptorModal .headline, .CmpInterruptorModal .instructions { margin-left: calc(50% - 345px); } .CmpInterruptorModal .headline, .CmpInterruptorModal .instructions { max-width: 690px; } .CmpInterruptorModal .headline { width: 500px; margin-top: 10px; }}.CmpLanguage { top: 8px; width: 145px; position: absolute; max-height: 30px; overflow: hidden; right: 16px; cursor: pointer; transition: all 0.5s ease-in; background-color: #fff; z-index: 1000;}.CmpLanguage.active { max-height: 300px;}@media screen and (min-width: 1366px) { .CmpLanguage.active { box-shadow: 5px 5px 5px 0px #eee; }}.CmpLanguage.active .iconDownArrow { transform: rotate(180deg);}.CmpLanguage .iconLanguage { display: inline; vertical-align: middle;}.CmpLanguage .option { display: inline-block; width: calc(100% - 56px); margin: 5px 0;}.CmpLanguage .iconDownArrow { position: absolute; top: 13px; right: 10px; width: 11px; transition: transform 0.5s ease-in;}.CmpLanguage .iconDownArrow .uiPrimaryColor { fill: black;}.rtl .CmpLanguage .iconLanguage { display: inline-block; position: absolute; left: 18px; top: 8px;}.CmpLesson .iconAge,.CmpLesson .iconClock { display: inline-block; width: 20px; vertical-align: bottom; margin-right: 5px;}@media screen and (min-width: 992px) { .CmpLesson .hidden-desktop { display: none; }}.CmpLesson .title { line-height: 3.5rem; font-weight: 500; text-align: center; font-family: "VAGRounded"; margin: 40px 20px 0; font-size: 2.8rem; text-align: left;}@media screen and (min-width: 992px) { .CmpLesson .title { line-height: 5.5rem; margin: 40px auto 0; }}.CmpLesson .lesson-wrapper { overflow: hidden; margin: 0 20px 30px; border-bottom: solid 1px #eee;}@media screen and (min-width: 992px) { .CmpLesson .lesson-wrapper { padding-bottom: 30px; }}@media screen and (min-width: 1366px) { .CmpLesson .lesson-wrapper { margin-left: auto; margin-right: auto; }}.CmpLesson .lesson-wrapper .content-wrapper { font-size: 1.8rem; font-weight: 400; margin-bottom: 30px; text-align: left;}@media screen and (min-width: 992px) { .CmpLesson .lesson-wrapper .content-wrapper { margin-bottom: 0px; width: calc(70% - 100px); float: left; margin-right: 100px; }}.CmpLesson .lesson-wrapper .content-wrapper p + p { margin-top: 25px;}.CmpLesson .lesson-wrapper .content-wrapper img { max-width: 100%; margin: 20px 0;}.CmpLesson .lesson-wrapper .sidebar-wrapper { margin-bottom: 30px;}@media screen and (min-width: 992px) { .CmpLesson .lesson-wrapper .sidebar-wrapper { width: 30%; float: left; margin-top: -50px; }}.CmpLesson .hidden-mobile { display: none;}@media screen and (min-width: 768px) { .CmpLesson .hidden-mobile { display: block; }}.rtl .CmpLesson .iconAge,.rtl .CmpLesson .iconClock { margin-left: 5px; margin-right: 0;}.rtl .CmpLesson .content-wrapper { text-align: right;}@media screen and (min-width: 992px) { .rtl .CmpLesson .content-wrapper { float: right; margin-left: 100px; margin-right: 0; }}.rtl .CmpLesson .title { text-align: right;}.CmpLessonPage { font-family: "VAGRounded";}@media screen and (min-width: 992px) { .CmpLessonPage .content-wrapper, .CmpLessonPage .hidden-mobile .lesson-filters { padding-left: 20px; }}@media screen and (min-width: 1366px) { .CmpLessonPage .content-wrapper, .CmpLessonPage .hidden-mobile .lesson-filters { padding-left: 0; }}@media screen and (min-width: 992px) { .CmpLessonPage .sidebar-wrapper, .CmpLessonPage .hidden-mobile .lesson-filters { padding-right: 20px; }}@media screen and (min-width: 1366px) { .CmpLessonPage .sidebar-wrapper, .CmpLessonPage .hidden-mobile .lesson-filters { padding-right: 0; }}.CmpLessonPage .wrapper-top { background-color: #FAFAFA;}.CmpLessonPage .wrapper-bottom { background-color: #FFF;}.CmpLessonPage .breadcrumb { padding: 20px 0;}.CmpLessonPage .lesson-filters { padding: 50px 0;}.CmpLessonPage .lesson-filters .CmpSelect { margin-left: 20px;}.CmpLessonPage .lesson-filters .CmpSelect .select { width: 400px;}.CmpLessonPage .btn-go-next { text-decoration: none; font-family: "VAGRounded"; display: block; font-size: 1.8rem; margin: 15px 0; background-color: #02B040; color: #fff; padding: 15px 35px; border-radius: 30px; font-weight: 600; display: inline-block; text-align: center; cursor: pointer;}@media screen and (min-width: 992px) { .CmpLessonPage .btn-go-next { float: right; margin: 25px 40px 0 0; text-align: left; }}.CmpLessonPage .btn-go-next span { margin-right: 10px; display: inline-block;}.CmpLessonPage .btn-go-next svg { position: relative; top: 2px; width: 10px;}.CmpLessonPage .btn-go-next svg path { fill: #fff;}.CmpLessonPage .hide { display: none;}.CmpLessonPage .btn-go-next[disabled='disabled'] { display: none;}.CmpLessonPage .unit-headline { font-weight: 700;}.CmpLessonPage ul { list-style: inside;}@media screen and (max-width: 991px) { .CmpLessonPage .hidden-mobile { display: none; }}@media screen and (min-width: 992px) { .CmpLessonPage .hidden-desktop { display: none; }}.rtl .CmpLessonPage .lesson-filters .CmpSelect { margin-left: 0; margin-right: 20px;}.rtl .CmpLessonPage .lesson-filters .CmpSelect .select { width: 400px;}@media screen and (min-width: 992px) { .rtl .CmpLessonPage .btn-go-next { float: left; margin: 25px 0 0 0; }}.rtl .CmpLessonPage .btn-go-next span { margin-right: 0px; margin-left: 10px;}.rtl .CmpLessonPage .btn-go-next svg { transform: rotate(180deg);}.CmpMediaHero { background-repeat-y: no-repeat; background-repeat-x: repeat; background-position: center;}@media screen and (min-width: 992px) { .CmpMediaHero .hidden-desktop { display: none; }}.CmpMediaHero .blade-content-wrapper { padding-left: 20px; padding-right: 20px;}@media screen and (min-width: 768px) { .CmpMediaHero .blade-content-wrapper { padding: 0; }}.CmpMediaHero .title { padding-bottom: 20px;}.CmpMediaHero .hidden-mobile { display: none;}@media screen and (min-width: 992px) { .CmpMediaHero .hidden-mobile { display: inline-block; }}.CmpMediaHero .main-image { max-width: 100%; box-sizing: border-box; padding: 20px; vertical-align: middle;}@media screen and (min-width: 992px) { .CmpMediaHero .main-image { width: 45%; padding: 0; }}.CmpMediaHero .wrapper-media { max-width: 100%; box-sizing: border-box; padding: 20px; vertical-align: middle;}@media screen and (min-width: 992px) { .CmpMediaHero .wrapper-media { width: 45%; margin-left: 9%; display: inline-block; padding: 0 30px; }}.CmpMediaHero .wrapper-media.video-remote { height: 250px;}@media screen and (min-width: 768px) { .CmpMediaHero .wrapper-media.video-remote { height: 360px; }}@media screen and (min-width: 992px) { .CmpMediaHero.left-content .wrapper-media { margin-right: 9%; margin-left: 0; }}@media screen and (min-width: 992px) { .rtl .CmpMediaHero .wrapper-media { margin-right: 9%; margin-left: 0; }}@media screen and (min-width: 992px) { .rtl .CmpMediaHero.left-content .wrapper-media { margin-left: 9%; margin-right: 0; }}.CmpMediaPromo { margin: 0; position: relative;}.CmpMediaPromo .CmpMediaPromoLite { margin: 0;}.CmpMediaPromo .CmpMediaPromo { display: block!important;}.CmpMediaPromo .slick-initialized,.CmpMediaPromo .carousel-wrapper { background-size: cover;}.CmpMediaPromo .slick-initialized .slick-slide,.CmpMediaPromo .carousel-wrapper .slick-slide { float: none!important; display: table-cell !important;}.CmpMediaPromo .slick-track { display: table !important;}.CmpMediaPromo .slider-controls { text-align: center; position: absolute; bottom: 20px; left: 0; right: 0;}.CmpMediaPromo .slick-arrow { display: inline-block; background-color: transparent; border: none; text-indent: -99999px; position: relative; transform-origin: bottom; height: 18px; width: 16px; padding: 0; cursor: pointer;}.CmpMediaPromo .slick-arrow:before,.CmpMediaPromo .slick-arrow:after { content: ''; width: 3px; display: inline-block; background-color: #02B040; height: 11px; position: absolute; border-radius: 10px; right: 5px;}.CmpMediaPromo .slick-arrow:before { top: 0; transform: rotate(-45deg);}.CmpMediaPromo .slick-arrow:after { bottom: 0; transform: rotate(45deg);}.CmpMediaPromo .arrow-prev { transform: rotate(180deg); transform-origin: center; left: -13px;}.CmpMediaPromo .arrow-next { left: 16px;}.CmpMediaPromo .slide-dots { display: inline-block;}.CmpMediaPromo .slide-dots li { width: 10px; border: solid 2px #ccc; display: inline-block; height: 10px; border-radius: 10px; cursor: pointer; margin: 0 5px;}.CmpMediaPromo .slide-dots .slick-active { border-color: #02B040; background-color: #02B040;}.CmpMediaPromo .slide-dots button { display: none;}.CmpMediaPromo .rich-content.rich-text p,.CmpMediaPromo .rich-content.rich-text .main-header,.CmpMediaPromo .rich-content.rich-text .section-subheader { font-weight: 400!important;}.CmpMediaPromo .rich-content.rich-text .section-subheader { line-height: 1.3 !important;}.rtl .CmpMediaPromo .arrow-prev { transform: rotate(0deg); left: 13px;}.rtl .CmpMediaPromo .arrow-next { left: -16px; transform: rotateY(180deg);}.CmpMediaPromoChild { width: 100%; position: relative;}.CmpMediaPromoChild .bkg-inner { background-size: cover; background-position: center top; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}.CmpMediaPromoChild .blade-content-wrapper { position: relative; z-index: 1;}.CmpMediaPromoChild .wrapper-media { margin: 20px 0;}@media screen and (min-width: 992px) { .CmpMediaPromoChild .wrapper-media { margin: 0; }}.CmpMediaPromoChild .wrapper-content { display: inline-block; vertical-align: middle;}.CmpMediaPromoChild .label { font-size: 1.4rem; margin-bottom: 5px;}@media screen and (min-width: 768px) { .CmpMediaPromoChild .label { font-size: 1.6rem; }}.CmpMediaPromoChild .title { font-size: 1.3em; margin-bottom: 15px;}@media screen and (min-width: 768px) { .CmpMediaPromoChild .title { font-size: 1.7em; }}.CmpMediaPromoChild .container { padding: 0 20px;}@media screen and (min-width: 992px) { .CmpMediaPromoChild .container .wrapper-content:first-child.wrapper-50 { width: 45%; margin-right: 4%; } .CmpMediaPromoChild .container .wrapper-content:first-child.wrapper-60 { width: 55%; margin-right: 4%; } .CmpMediaPromoChild .container .wrapper-content:first-child.wrapper-40 { width: 35%; margin-right: 4%; }}@media screen and (min-width: 992px) { .CmpMediaPromoChild .container .wrapper-content:first-child + .wrapper-content.wrapper-50 { width: 50%; } .CmpMediaPromoChild .container .wrapper-content:first-child + .wrapper-content.wrapper-60 { width: 60%; } .CmpMediaPromoChild .container .wrapper-content:first-child + .wrapper-content.wrapper-40 { width: 40%; }}.CmpMediaPromoChild .wrapper-actions { margin-top: 20px;}.CmpMediaPromoChild .common-button { padding: 10px 15px; border-radius: 50px; border: solid 1px #02B040; margin: 0 0 20px 0; display: inline-block; font-size: 0.9em; font-weight: 600; text-decoration: none; text-align: center; width: 100%; font-family: "VAGRounded";}@media screen and (min-width: 992px) { .CmpMediaPromoChild .common-button { width: auto; min-width: 160px; margin: 0 10px 0 0; }}.CmpMediaPromoChild .button-primary { background-color: #02B040; color: #fff;}.CmpMediaPromoChild .button-secondary { color: #02B040; background-color: #fff;}.CmpMediaPromoChild .hidden-mobile { display: none;}@media screen and (min-width: 992px) { .CmpMediaPromoChild .hidden-mobile { display: block; }}.CmpMediaPromoChild .hidden-desktop { display: block;}@media screen and (min-width: 992px) { .CmpMediaPromoChild .hidden-desktop { display: none; }}.rtl .CmpMediaPromoChild .button-primary { margin-right: 0;}@media screen and (min-width: 992px) { .rtl .CmpMediaPromoChild .container .wrapper-content:first-child.wrapper-50, .rtl .CmpMediaPromoChild .container .wrapper-content:first-child.wrapper-60, .rtl .CmpMediaPromoChild .container .wrapper-content:first-child.wrapper-40 { margin-left: 4%; margin-right: 0; }}.CmpMediaPromoContent .title { color: #02B040; font-size: 2.8rem; line-height: 3.4rem;}@media screen and (min-width: 768px) { .CmpMediaPromoContent .title { font-size: 3.8rem; }}.CmpMediaPromoContent .rich-content p { font-size: 1.4rem; line-height: 1.8rem;}@media screen and (min-width: 768px) { .CmpMediaPromoContent .rich-content p { font-size: 1.8rem; line-height: 2.4rem; }}.CmpMediaPromoContent .rich-content p + p { margin-top: 10px;}.CmpMediaPromoContent .promo-media { max-width: 100%; max-height: 350px; margin-bottom: 20px;}.CmpMediaPromoContent .video-remote { height: 250px; width: 100%;}@media screen and (min-width: 768px) { .CmpMediaPromoContent .video-remote { height: 360px; display: block; }}@media screen and (min-width: 992px) { .CmpMediaPromoContent .video-remote { display: inline-block; }}.CmpMediaPromoLite { margin: 0 0 35px 0; padding: 0 0 35px 0;}@media screen and (min-width: 992px) { .CmpMediaPromoLite { margin: 35px 0; padding: 0; }}@media screen and (min-width: 992px) { .CmpMediaPromoLite .container { padding: 0 20px; }}.CmpMediaPromoLite .title { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .CmpMediaPromoLite .title { font-size: 4.4rem; line-height: 4.8rem; }}@media screen and (min-width: 992px) { .CmpMediaPromoLite .title { max-width: 420px; }}.CmpMediaPromoLite .label,.CmpMediaPromoLite .title { color: #0083CA;}.CmpMediaPromoLite .wrapper-main-content { padding: 0 20px 0 0;}@media screen and (min-width: 992px) { .CmpMediaPromoLite .wrapper-main-content { position: static; padding: 0; background-image: none!important; }}.CmpMediaPromoLite .wrapper-media { text-align: center;}.CmpMediaPromoLite .promo-media { max-width: 100%;}@media screen and (min-width: 992px) { .CmpMediaPromoVideo .container { padding: 0 20px; }}@media screen and (min-width: 992px) { .CmpMediaPromoVideo .title { max-width: 260px; }}.CmpMediaPromoVideo .label,.CmpMediaPromoVideo .title { color: #0083CA;}.CmpMediaPromoVideo .CmpVideoPlayer { width: 100%; margin-left: 0; margin-right: 0;}@media screen and (min-width: 992px) { .CmpMediaPromoVideo .CmpVideoPlayer { margin-left: auto; margin-right: auto; }}.CmpMediaPromoVideo .video-remote { height: 250px;}@media screen and (min-width: 768px) { .CmpMediaPromoVideo .video-remote { height: 360px; display: block; }}@media screen and (min-width: 992px) { .CmpMediaPromoVideo .video-remote { display: inline-block; }}.vag { font-family: "VAGRounded"; font-weight: 400;}.sourcesans { font-family: "Source Sans Pro"; font-weight: 400;}.h1,.h2,.h3,.h4,.h5 h1,h2,h3,h4,h5 { font-family: "VAGRounded"; font-weight: 400;}.h1,h1 { font-size: 4.8rem; line-height: 1;}.h2,h2 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h2, h2 { font-size: 4.4rem; line-height: 4.8rem; }}.h3,h3 { font-size: 2.4rem; line-height: 2.8rem;}@media screen and (min-width: 768px) { .h3, h3 { font-size: 3.2rem; line-height: 3.4rem; }}.h4,h4 { font-size: 2.8rem;}.h5,h5 { font-size: 1.4rem;}@media screen and (min-width: 768px) { .h5, h5 { font-size: 2.2rem; }}.lead-p { font-size: 1.8rem; line-height: 2.4rem; font-family: "VAGRounded"; font-weight: 400;}@media screen and (min-width: 768px) { .lead-p { font-size: 2.4rem; }}.body-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.6rem;}.small-p { font-family: "Source Sans Pro"; font-weight: 400; font-size: 1.2rem;}body { font-size: 1.6rem; line-height: 1.5em;}.main-header { font-size: 44px!important; line-height: 1!important;}.section-header { font-size: 32px!important; line-height: 1!important;}.section-subheader { font-size: 24px!important; line-height: 1!important;}strong { font-weight: 700;}.text-align-center { text-align: center;}.text-align-right { text-align: right;}.text-align-left { text-align: left;}em { font-style: italic;}.hidden-headline { max-width: 0; max-height: 0; overflow: hidden;}html[lang="ar"] { font-family: "Teshrin";}html[lang="ar"] .h1,html[lang="ar"] .h2,html[lang="ar"] .h3,html[lang="ar"] .h4,html[lang="ar"] .h5 h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5 { font-family: "Teshrin", "VAGRounded", sans-serif !important;}html[lang="ar"] body,html[lang="ar"] * { font-family: "Teshrin", "Source Sans Pro", sans-serif !important;}.CmpNavigation { background-color: white; transition: all 0.2s linear; position: absolute; width: 250px; left: auto; top: 0; overflow: auto; right: -250px; z-index: 12;}@media screen and (min-width: 768px) { .CmpNavigation { padding-top: 15px; }}@media screen and (min-width: 1366px) { .CmpNavigation { padding-top: 0; max-height: 0; right: 0; width: 300px; top: 70px; overflow: hidden; z-index: 10; }}.CmpNavigation.adult { padding-top: 0;}.CmpNavigation.adult .iconClose { top: 10px;}.CmpNavigation.active { right: 0; z-index: 100;}@media screen and (min-width: 1366px) { .CmpNavigation.active { max-height: 1000px; border: 1px solid gray; }}.CmpNavigation .iconClose { transform: scale(0.8); cursor: pointer; position: absolute; top: 10px; right: 10px;}@media screen and (min-width: 768px) { .CmpNavigation .iconClose { top: 35px; }}@media screen and (min-width: 1366px) { .CmpNavigation .iconClose { top: 10px; }}.CmpNavigation .navigation-headline { text-transform: uppercase; margin: 30px;}.CmpNavigation .navigation-container { max-width: 90%; margin: 30px; height: calc(100% - 100px); position: relative;}.CmpNavigation .CmpLanguage { bottom: 0; right: 0; top: auto; left: 0; width: auto; border-top: 1px solid #EBEBEB; position: relative; margin: 10px 0;}.CmpNavigation .CmpLanguage .option { text-align: left; padding-left: 15px;}.CmpNavigation .CmpLanguage .uiPrimaryColor { fill: #02B040;}.CmpNavigation .CmpLanguage .iconDownArrow { top: 12px;}@media screen and (min-width: 1366px) { .CmpNavigation .CmpLanguage { display: none; }}.CmpNavigation .section { border-top: 1px solid #EBEBEB; padding: 20px 0; line-height: 1.7;}.CmpNavigation .section .navigation-headline { font-weight: 700;}.CmpNavigation .link { text-decoration: none; color: black; display: block; font-size: 1.8rem; margin: 0 0 8px 0; font-family: "VAGRounded"; font-weight: 400;}.CmpNavigation .link.highlighted { font-weight: 700;}.CmpNavigation .label { display: inline-block; vertical-align: middle; margin-left: 10px;}.CmpNavigation .icon-tile { display: inline-block; width: 38px; height: 38px; vertical-align: middle;}.CmpNavigation .navigation-kids { border-top: 1px solid #EBEBEB; padding: 20px 0 ;}.CmpNavigation .navigation-kids .icon-kids { display: block; margin: 10px 5px;}.CmpNavigation .navigation-kids .icon-kids svg { display: inline-block; vertical-align: middle; max-width: 70%;}@media screen and (min-width: 1366px) { .CmpNavigation .navigation-kids .icon-kids svg { max-width: 100%; }}.CmpNavigation .navigation-kids .icon-kids .iconGame { width: 27px;}.CmpNavigation .navigation-kids .icon-kids .iconArt { width: 22px;}.CmpNavigation .navigation-kids .icon-kids .iconPlay { width: 14px;}@media screen and (min-width: 1366px) { .CmpNavigation .navigation-kids .icon-kids .iconPlay { width: 17px; }}.CmpNavigation .navigation-temas { padding-bottom: 0;}.CmpNavigation .navigation-temas .wrapper-title { position: relative; display: block; cursor: pointer;}.CmpNavigation .navigation-temas .wrapper-title .arrow-icon { position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); transition: all 0.5s ease-in;}.CmpNavigation .navigation-temas .wrapper-title .arrow-icon.active { transform: translateY(-50%);}.CmpNavigation .navigation-legal { padding-bottom: 0;}.rtl .collection .CmpNavigation { right: 100vw;}.rtl .collection .CmpNavigation.active { right: calc(100vw - 250px);}@media screen and (min-width: 1366px) { .rtl .collection .CmpNavigation.active { right: calc(100vw - 315px); }}.rtl .CmpNavigation.adult { right: 100vw;}.rtl .CmpNavigation.adult.active { right: calc(100vw - 250px);}@media screen and (min-width: 1366px) { .rtl .CmpNavigation.adult.active { right: calc(100vw - 300px); }}.rtl .CmpNavigation .iconClose { left: 10px; right: unset;}.rtl .CmpNavigation .label { margin-left: unset; margin-right: 10px;}.rtl .CmpNavigation .navigation-temas .wrapper-title { direction: rtl;}.rtl .CmpNavigation .navigation-temas .wrapper-title .arrow-icon { right: unset; left: 0;}.CmpNotFound { width: 90%; margin-left: auto; margin-right: auto;}@media screen and (min-width: 1366px) { .CmpNotFound { width: 75%; padding: 100px; }}.CmpNotFound .not-found-image { display: inline-block; vertical-align: middle; padding: 40px; width: calc(100% - 80px);}@media screen and (min-width: 1366px) { .CmpNotFound .not-found-image { width: auto; max-width: calc(50% - 80px); }}.CmpNotFound .not-found-text { display: inline-block; vertical-align: middle;}@media screen and (min-width: 1366px) { .CmpNotFound .not-found-text { width: 50%; }}.CmpNotFound .rich-text { font-family: "VAGRounded";}.CmpNotFound .rich-text .section-subheader { line-height: 1.3 !important;}.CmpPreHeader { height: 50px; border-bottom: 1px solid lightgray; text-align: center; background-color: white; display: none;}@media screen and (min-width: 1366px) { .CmpPreHeader { display: block; }}.CmpPreHeader .promo-header { display: none;}.CmpPreHeader .promo-header.hidden { display: none;}.CmpPreHeader.show { display: block;}.CmpPreHeader.show .promo-header { display: block;}.CmpPreHeader.show .promo-header.hidden { display: none;}.CmpPreHeader .blade-content-wrapper { position: relative;}.CmpPreHeader .promo-header-img { position: absolute; width: 80px; bottom: 0; left: 15px;}.CmpPreHeader .promo-header-link { display: block; position: relative; height: 30px; width: 90%; display: inline-block; background-color: rgba(2, 176, 64, 0.3); margin-top: 10px; border-radius: 30px;}@media screen and (min-width: 768px) { .CmpPreHeader .promo-header-link { width: 500px; }}.CmpPreHeader .promo-header-content { display: inline-block; line-height: 2; color: #63928E; font-family: "VAGRounded"; position: absolute; right: 35px; left: 100px;}.CmpPreHeader .promo-header-close { position: absolute; right: 5px; top: 4px; cursor: pointer;}.CmpPreHeader .promo-header-close .iconClose { width: 23px; height: 23px;}.CmpPreHeader .promo-header-close .iconClose g { stroke-width: 5px;}.CmpPreHeader .CmpLanguage { display: none;}@media screen and (min-width: 1366px) { .CmpPreHeader .CmpLanguage { display: block; }}.CmpPreHeader .hidden-desktop { display: block;}@media screen and (min-width: 768px) { .CmpPreHeader .hidden-desktop { display: none; }}.CmpPreHeader .hidden-mobile { display: none;}@media screen and (min-width: 768px) { .CmpPreHeader .hidden-mobile { display: block; }}.rtl .CmpPreHeader .promo-header-close { left: 5px; right: auto;}.rtl .CmpPreHeader .promo-header-img { right: 15px; left: auto;}.rtl .CmpPreHeader .promo-header-content { right: 100px; left: 35px;}.CmpRemoteVideoModal { height: 100%; overflow: hidden;}.CmpRemoteVideoModal h3 { display: block; height: 100%; background-color: pink; padding: 50px;}.CmpRemoteVideoModal .video-container { position: relative; width: 100%; height: 100%;}.CmpRemoteVideoModal iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 20px;}.CmpRichText { /* * 1. correctly import vars.less * 2. write your less code (for desktop) * 3. Media queries look like this: @media @phone{} @media @tablet{} @media @phoneAndTablet{} */}.CmpSearch { font-family: "VAGRounded";}.CmpSearch .search-header { background-color: #FAFAFA; padding: 15px;}@media screen and (min-width: 1366px) { .CmpSearch .search-header { padding: 35px 0; }}.CmpSearch .search-controls { margin-bottom: 10px;}.CmpSearch .iconFilters { position: relative; top: 6px; margin: 0 12px 0 15px;}@media screen and (min-width: 992px) { .CmpSearch .iconFilters { display: none; }}.CmpSearch .CmpSearchBox { position: relative; float: none; width: calc(100% - 115px); top: 0; right: 0; transform: none; display: inline-block; border: solid 1px #eee; border-radius: 20px;}@media screen and (min-width: 992px) { .CmpSearch .CmpSearchBox { display: none; }}.CmpSearch .CmpSearchBox .search-input { outline: none; width: 100%; position: relative; transition: none; top: 0; right: 0;}.CmpSearch .CmpSearchBox .mobile-button { top: 50%; right: 3px; left: initial; transform: translateY(-50%);}.CmpSearch .go-back-btn { color: #02B040; text-decoration: none; font-size: 1.5rem;}@media screen and (min-width: 992px) { .CmpSearch .go-back-btn { font-size: 1.8rem; }}.CmpSearch .go-back-btn .iconArrowBack { width: 15px; margin-right: 10px; position: relative; top: 2px;}@media screen and (min-width: 992px) { .CmpSearch .go-back-btn .iconArrowBack { width: 21px; position: static; }}.CmpSearch .title-results { font-size: 1.8rem; display: none;}.CmpSearch .title-results.active { display: block;}@media screen and (min-width: 992px) { .CmpSearch .title-results { font-size: 2.8rem; }}.CmpSearch .title-results strong { font-weight: 600;}.CmpSearch .filters-added { font-size: 1.4rem; margin-bottom: 15px;}@media screen and (min-width: 992px) { .CmpSearch .filters-added { font-size: 1.6rem; }}.CmpSearch .filter-tag { background-color: #02B040; border-radius: 15px; color: #fff; position: relative; padding: 2px 30px 0px 15px; display: inline-block; margin: 0 0 5px 10px;}.CmpSearch .filter-tag .iconClose { cursor: pointer; width: 24px; height: 28px; position: absolute; right: 3px; top: 0;}.CmpSearch .filter-tag .iconClose g g { stroke-width: 5;}.CmpSearch .filter-tag .iconClose:hover g g { stroke: #000;}.CmpSearch .filters-wrapper { display: none; position: absolute; left: 10px; right: 10px; height: 500px; background-color: #fff; z-index: 100; padding: 30px; top: 130px; box-shadow: 5px 5px 5px 5px #ccc; border-radius: 20px;}.CmpSearch .filters-wrapper.active { display: block;}@media screen and (min-width: 992px) { .CmpSearch .filters-wrapper { display: block; position: static; height: auto; background-color: transparent; padding: 0; box-shadow: none; border-radius: 0; }}.CmpSearch .filters-wrapper .CmpSelect { width: 100%; margin-right: 15px; margin-bottom: 20px; position: relative;}.CmpSearch .filters-wrapper .CmpSelect:before { content: attr(data-content); position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; padding: 12px 20px; background-color: #fff; border-radius: 23px; max-width: 75%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; pointer-events: none;}@media screen and (min-width: 992px) { .CmpSearch .filters-wrapper .CmpSelect:before { max-width: 70%; }}@media screen and (min-width: 992px) { .CmpSearch .filters-wrapper .CmpSelect { width: auto; }}.select .CmpSearch .filters-wrapper .CmpSelect:invalid,.CmpSearch .filters-wrapper .CmpSelect.invalid:before { color: grey;}.CmpSearch .filters-wrapper .select { width: 100%;}@media screen and (min-width: 992px) { .CmpSearch .filters-wrapper .select { width: 190px; }}@media screen and (min-width: 1366px) { .CmpSearch .filters-wrapper .select { width: 237px; }}.CmpSearch .filters-wrapper .iconClose { position: absolute; top: -15px; right: -8px;}@media screen and (min-width: 992px) { .CmpSearch .filters-wrapper .iconClose { display: none; }}@media screen and (min-width: 992px) { .CmpSearch .filters-wrapper .iconArrowBack { display: none; }}.CmpSearch .filters-wrapper .iconArrowBack g { stroke: #000;}.CmpSearch .filters-wrapper .filters-title { font-size: 2.3rem; margin: 20px 0;}@media screen and (min-width: 992px) { .CmpSearch .filters-wrapper .filters-title { display: none; }}.CmpSearch .apply-filters-btn { background-color: #02B040; border-radius: 25px; color: #fff; padding: 13px 25px; text-decoration: none; font-weight: 600; display: block; text-align: center; margin-top: 20px;}@media screen and (min-width: 992px) { .CmpSearch .apply-filters-btn { display: inline-block; margin-top: 0; }}@media screen and (min-width: 1366px) { .CmpSearch .apply-filters-btn { padding: 13px 66px; display: inline-block; }}.CmpSearch .apply-filters-btn:before { content: ''; left: 0; right: 0; height: 1px; background-color: #eee; display: block; position: absolute; margin-top: -30px;}@media screen and (min-width: 992px) { .CmpSearch .apply-filters-btn:before { display: none; }}.CmpSearch .search-main-wrapper { border-bottom: solid 1px #d2d2d2; margin-bottom: 30px; padding: 15px 15px 5px 15px;}@media screen and (min-width: 768px) {}.CmpSearch .tab-navigation { text-align: center; white-space: nowrap;}@media screen and (min-width: 768px) { .CmpSearch .tab-navigation { text-align: left; padding: 10px 0 10px 0; }}.CmpSearch .tab-item-nav { display: inline-block; margin: 0 10px 0 0; height: 35px; vertical-align: top; position: relative;}.CmpSearch .tab-item-nav:last-child { margin-right: 0;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav { height: 40px; margin: 0 30px 0 0; }}@media screen and (min-width: 992px) { .CmpSearch .tab-item-nav { margin: 0 40px 0 0; }}.CmpSearch .tab-item-nav-link { text-decoration: none; color: #D2D2D2; font-size: 1.2rem; display: inline-block; margin-top: 5px; text-align: left; white-space: normal;}.CmpSearch .tab-item-nav-link .link-nav-text { max-width: 70px; display: inline-block; line-height: 1.2;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav-link { font-weight: 600; font-size: 1.6rem; } .CmpSearch .tab-item-nav-link .link-nav-text { max-width: none; }}.CmpSearch .tab-item-nav-link.enabled { color: #000;}.CmpSearch .tab-item-nav-link.enabled svg .iconPrimaryColor { fill: #000;}.CmpSearch .tab-item-nav-link.active { color: #02B040;}.CmpSearch .tab-item-nav-link.active:after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 1px; background-color: #02B040;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav-link.active:after { bottom: -16px; }}.CmpSearch .tab-item-nav-link.active svg .iconPrimaryColor { fill: #02B040;}.CmpSearch .tab-item-nav-link svg { position: absolute; margin-right: 5px; vertical-align: top; left: 0;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav-link svg { margin-right: 10px; vertical-align: baseline; }}.CmpSearch .tab-item-nav-link svg .iconPrimaryColor { fill: #D2D2D2;}.CmpSearch .tab-item-nav-link svg .iconSecondaryColor { fill: #fff;}.CmpSearch .tab-item-nav-link.page { margin-left: 25px;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav-link.page { margin-left: 40px; }}.CmpSearch .tab-item-nav-link.video { margin-left: 20px;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav-link.video { margin-left: 30px; }}.CmpSearch .tab-item-nav-link.game { margin-left: 30px;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav-link.game { margin-left: 45px; }}.CmpSearch .tab-item-nav-link.game .link-nav-text { max-width: 50px;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav-link.game .link-nav-text { max-width: none; }}.CmpSearch .tab-item-nav-link.activity { margin-left: 27px;}@media screen and (min-width: 768px) { .CmpSearch .tab-item-nav-link.activity { margin-left: 38px; }}.CmpSearch .iconPage { width: 20px; top: 6px;}@media screen and (min-width: 768px) { .CmpSearch .iconPage { top: 2px; width: 30px; }}.CmpSearch .iconPlay { width: 15px; top: 8px;}@media screen and (min-width: 768px) { .CmpSearch .iconPlay { top: 4px; width: 22px; }}.CmpSearch .iconGame { width: 23px; top: 2px;}@media screen and (min-width: 768px) { .CmpSearch .iconGame { top: 3px; width: 35px; }}.CmpSearch .iconDownloadCircle { width: 20px; top: 8px;}@media screen and (min-width: 768px) { .CmpSearch .iconDownloadCircle { top: 3px; width: 28px; }}.CmpSearch .results-wrapper .results.loading:after { content: ''; background-image: url(../assets/img/spinner.gif); width: 100px; height: 100px; display: block; background-size: cover; margin: 0 auto 30px;}.CmpSearch .results-wrapper .result-msg { position: relative; padding: 10px 0 30px 0; margin: auto; max-width: 90%; text-align: center;}.CmpSearch .results-wrapper .result-msg.error .generic-error,.CmpSearch .results-wrapper .result-msg.no-results .content-no-results,.CmpSearch .results-wrapper .result-msg.empty .content-empty-search { display: block;}@media screen and (min-width: 992px) { .CmpSearch .results-wrapper .result-msg.no-results .content-msg-result { width: 530px; }}.CmpSearch .results-wrapper .result-msg .img-msg-results { max-width: 200px; margin-bottom: 10px;}@media screen and (min-width: 992px) { .CmpSearch .results-wrapper .result-msg .img-msg-results { max-width: none; float: left; }}@media screen and (min-width: 992px) { .CmpSearch .results-wrapper .result-msg .content-msg-result { text-align: left; float: left; margin-left: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }}.CmpSearch .results-wrapper .result-msg .wrapper-result-msg { margin: auto; display: none; overflow: hidden; position: relative;}@media screen and (min-width: 992px) { .CmpSearch .results-wrapper .result-msg .wrapper-result-msg { max-width: 920px; }}.CmpSearch .results-wrapper .result-msg .section-header { margin-bottom: 15px;}.CmpSearch .results-wrapper .result-msg a { text-decoration: none; color: #02B040;}.CmpSearch .results-wrapper .tab-container { display: none;}.CmpSearch .results-wrapper .tab-container.active { display: inline-block;}.CmpSearch .results-wrapper .item-result { cursor: pointer; padding: 0 15px 0 15px; margin-bottom: 30px; max-width: 100%;}@media screen and (min-width: 1366px) { .CmpSearch .results-wrapper .item-result { padding: 0; }}.CmpSearch .results-wrapper .item-result.page .link-result { display: inline-block;}.CmpSearch .results-wrapper .item-result.video .video-link-result { display: inline-block;}.CmpSearch .results-wrapper .item-result.video .video-link-result[href="#"] { display: none;}.CmpSearch .results-wrapper .item-result.game .wrapper-image,.CmpSearch .results-wrapper .item-result.art_maker .wrapper-image,.CmpSearch .results-wrapper .item-result.video .wrapper-image,.CmpSearch .results-wrapper .item-result.activity .wrapper-image { position: relative;}.CmpSearch .results-wrapper .item-result.game .wrapper-image:before,.CmpSearch .results-wrapper .item-result.art_maker .wrapper-image:before,.CmpSearch .results-wrapper .item-result.video .wrapper-image:before,.CmpSearch .results-wrapper .item-result.activity .wrapper-image:before { content: ''; width: 40px; height: 40px; background-color: #fff; position: absolute; bottom: 10px; right: 10px; border-radius: 50%; box-shadow: 1px 1px 4px 1px #C7C8CA;}.CmpSearch .results-wrapper .item-result.game .wrapper-image:after,.CmpSearch .results-wrapper .item-result.art_maker .wrapper-image:after,.CmpSearch .results-wrapper .item-result.video .wrapper-image:after,.CmpSearch .results-wrapper .item-result.activity .wrapper-image:after { content: ''; background-repeat: no-repeat; position: absolute;}.CmpSearch .results-wrapper .item-result.game .wrapper-image:after { background-image: url(../assets/img/iconGame.svg); width: 30px; height: 30px; bottom: 9px; right: 15px;}.CmpSearch .results-wrapper .item-result.art_maker .wrapper-image:after { background-image: url(../assets/img/iconArt.svg); width: 30px; height: 30px; bottom: 15px; right: 15px;}.CmpSearch .results-wrapper .item-result.video .wrapper-image:after { background-image: url(../assets/img/iconPlay.svg); width: 25px; height: 20px; bottom: 19px; right: 12px;}.CmpSearch .results-wrapper .item-result.activity .wrapper-image:after { background-image: url(../assets/img/iconDownload.svg); width: 25px; height: 25px; bottom: 17px; right: 17px;}.CmpSearch .results-wrapper .item-result .wrapper-image { display: inline-block; vertical-align: top; border-radius: 8px; overflow: hidden; width: 148px; height: 111px; margin-right: 8px;}@media screen and (min-width: 768px) { .CmpSearch .results-wrapper .item-result .wrapper-image { width: 158px; height: 118px; margin-right: 20px; }}.CmpSearch .results-wrapper .item-result .wrapper-image img { width: 100%; border-radius: 15px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); height: 100%; object-fit: cover;}.CmpSearch .results-wrapper .item-result .detail-result { display: inline-block; vertical-align: top; max-width: calc(100% - 180px);}@media screen and (min-width: 768px) { .CmpSearch .results-wrapper .item-result .detail-result { max-width: calc(100% - 200px); }}@media screen and (min-width: 992px) { .CmpSearch .results-wrapper .item-result .detail-result { max-width: 700px; }}@media screen and (min-width: 1366px) { .CmpSearch .results-wrapper .item-result .detail-result { max-width: 780px; }}.CmpSearch .results-wrapper .item-result .title-result { font-size: 1.4rem; line-height: 1.3; font-weight: 600; margin-bottom: 5px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}@media screen and (min-width: 1366px) { .CmpSearch .results-wrapper .item-result .title-result { font-size: 1.8rem; }}.CmpSearch .results-wrapper .item-result .description-result { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400;}@media screen and (min-width: 1366px) { .CmpSearch .results-wrapper .item-result .description-result { font-size: 1.6rem; line-height: 2.4rem; }}.CmpSearch .results-wrapper .item-result .video-link-result .iconDownloadCircle { width: 20px; margin-right: 12px; margin-left: -5px;}.CmpSearch .results-wrapper .item-result .video-link-result .iconDownloadCircle .iconPrimaryColor { fill: #02B040;}.CmpSearch .results-wrapper .item-result .video-link-result .iconDownloadCircle .iconSecondaryColor { fill: #fff;}.CmpSearch .results-wrapper .item-result .link-result,.CmpSearch .results-wrapper .item-result .video-link-result { color: #02B040; text-decoration: none; display: block; margin-top: 10px; font-size: 1.2rem; font-weight: 700; display: none;}@media screen and (min-width: 1366px) { .CmpSearch .results-wrapper .item-result .link-result, .CmpSearch .results-wrapper .item-result .video-link-result { font-size: 1.6rem; }}.CmpSearch .results-wrapper .item-result .link-result svg,.CmpSearch .results-wrapper .item-result .video-link-result svg { width: 5px; position: relative; top: 7px; left: 5px;}.CmpSearch .results-wrapper .item-result .link-result svg .uiPrimaryColor,.CmpSearch .results-wrapper .item-result .video-link-result svg .uiPrimaryColor { fill: #02B040;}@media screen and (min-width: 1366px) { .CmpSearch .results-wrapper .item-result .link-result svg, .CmpSearch .results-wrapper .item-result .video-link-result svg { width: 8px; top: 5px; }}.CmpSearch .see-more-wrapper { display: none; text-align: center; padding: 0 0 30px 0; position: relative;}.CmpSearch .see-more-wrapper:after { content: ''; height: 1px; background-color: #ccc; position: absolute; left: 0; right: 0; top: 10px; z-index: -1;}.CmpSearch .see-more-wrapper.active { display: block;}.CmpSearch .see-more { text-transform: uppercase; color: #02B040; font-size: 1.5rem; font-weight: 700; text-decoration: none; border: solid 1px #ccc; border-radius: 30px; padding: 8px 16px; background-color: #fff; box-shadow: 0px 0px 0px 5px #fff;}.CmpSearch .hidden-desktop { display: block;}@media screen and (min-width: 768px) { .CmpSearch .hidden-desktop { display: none; }}.CmpSearch .hidden-mobile { display: none;}@media screen and (min-width: 768px) { .CmpSearch .hidden-mobile { display: block; }}.CmpSearch .hidden { display: none;}.rtl .CmpSearch .iconArrowBack { transform: rotateZ(180deg); margin-left: 10px;}.rtl .CmpSearch .CmpSelect { margin-right: auto; margin-left: 15px;}.rtl .CmpSearch .CmpSelect .iconDownArrow { right: auto; left: 18px;}.rtl .CmpSearch .tab-navigation { text-align: right;}.rtl .CmpSearch .tab-item-nav:last-child { margin-right: 10px;}@media screen and (min-width: 768px) { .rtl .CmpSearch .tab-item-nav:last-child { margin-right: 30px; }}@media screen and (min-width: 992px) { .rtl .CmpSearch .tab-item-nav:last-child { margin-right: 40px; }}.rtl .CmpSearch .tab-item-nav:first-child { margin-right: 0;}.rtl .CmpSearch .item-result .wrapper-image { margin-right: 0; margin-left: 8px;}@media screen and (min-width: 768px) { .rtl .CmpSearch .item-result .wrapper-image { margin-left: 20px; }}.rtl .CmpSearch .item-result .wrapper-image:before { right: auto!important; left: 10px;}.rtl .CmpSearch .item-result .wrapper-image:after { right: auto!important; left: 22px;}.rtl .CmpSearch .item-result.game .wrapper-image:after { left: 14px;}.rtl .CmpSearch .item-result.activity .wrapper-image:after { left: 17px;}.rtl .CmpSearch .item-result .video-link-result .iconDownloadCircle { margin-right: 5px; margin-left: 8px;}.rtl .CmpSearch .item-result .link-result svg { transform: rotateZ(180deg); width: 18px; padding-left: 10px;}.CmpSearchBox { position: absolute; height: 40px; width: 40px; top: 50%; right: 60px; transform: translateY(-50%);}@media screen and (min-width: 768px) { .CmpSearchBox { position: relative; float: right; width: 100px; width: 50%; right: 0; transform: none; }}@media screen and (min-width: 992px) { .CmpSearchBox { margin-right: 40px; max-width: 480px; }}.CmpSearchBox .search-input { width: 0; border: solid 1px transparent; position: absolute; border-radius: 30px; padding-left: 10px; height: 36px; font-size: 0.9em; font-family: "VAGRounded"; transition: width 0.5s ease-in; top: -2px; right: 3px;}.CmpSearchBox .search-input.show { border: solid 1px #E9E9E9; width: 210px;}@media screen and (min-width: 768px) { .CmpSearchBox .search-input { border: solid 1px #E9E9E9; position: static; font-size: 1em; height: 100%; display: inline-block; width: 100%; padding: 0 0 0 20px; }}.CmpSearchBox .search-button { -webkit-appearance: none; border: none; background-color: #fff; position: absolute; height: 31px; width: 31px; border-radius: 50%; top: 0px; left: 2px; cursor: pointer; transition: opacity 0.5s ease-in;}@media screen and (min-width: 768px) { .CmpSearchBox .search-button { height: 34px; width: 34px; right: 4px; top: 3px; left: initial; }}.CmpSearchBox .search-button.active { background-color: #02B040; padding-left: 7px;}.CmpSearchBox .search-button.active svg path { fill: #fff;}.CmpSearchBox .search-button.loading { opacity: 0;}.CmpSearchBox .desktop-button { display: none;}@media screen and (min-width: 768px) { .CmpSearchBox .desktop-button { display: block; }}.CmpSearchBox .mobile-button { display: block;}@media screen and (min-width: 768px) { .CmpSearchBox .mobile-button { display: none; }}.rtl .CmpSearchBox .search-button { right: auto; left: 3px;}.rtl .CmpSearchBox .search-input { padding-right: 20px;}@media screen and (min-width: 1366px) { .CmpSession { padding: 0 50px 30px; }}.CmpSession .breadcrumb { margin: 10px 0;}.CmpSession .title-wrapper { margin-bottom: 30px;}@media screen and (max-width: 991px) { .CmpSession .title-wrapper { position: relative; } .CmpSession .title-wrapper .CmpTooltipShare { position: absolute; right: 20px; top: -20px; z-index: 1; }}@media screen and (min-width: 768px) { .CmpSession .title-wrapper { margin-left: 20px; }}@media screen and (min-width: 992px) { .CmpSession .title-wrapper { margin-bottom: 50px; }}@media screen and (min-width: 1366px) { .CmpSession .title-wrapper { margin-left: 0; }}.CmpSession .title { font-weight: 500; font-family: "VAGRounded"; margin: 40px 20px 0; font-size: 2.2rem; display: inline-block;}@media screen and (min-width: 992px) { .CmpSession .title { margin: 40px 10px 0 0; font-size: 3.2rem; }}.CmpSession .CmpTooltipShare { display: inline-block; vertical-align: bottom;}.CmpSession .CmpTooltipShare .tooltip-wrapper { left: auto;}@media screen and (max-width: 575px) { .CmpSession .CmpTooltipShare .tooltip-wrapper { right: 10px; width: 250px; } .CmpSession .CmpTooltipShare .tooltip-wrapper:before { left: calc(100% - 25px); } .CmpSession .CmpTooltipShare .tooltip-wrapper:after { left: calc(100% - 23px); }}@media screen and (min-width: 1366px) { .CmpSession .CmpTooltipShare .tooltip-wrapper { width: auto; }}.CmpSession .main-wrapper { overflow: hidden; margin: 0 20px 30px; border-bottom: solid 1px #eee; border-top: solid 1px #eee; padding-top: 30px;}@media screen and (min-width: 992px) { .CmpSession .main-wrapper { margin: 0 0 30px 0; }}.CmpSession .main-wrapper .content-wrapper { font-size: 1.8rem; font-weight: 400; margin-bottom: 30px;}@media screen and (min-width: 992px) { .CmpSession .main-wrapper .content-wrapper { margin-bottom: 0px; min-height: 100px; width: calc(70% - 100px); float: left; margin-right: 100px; }}.CmpSession .main-wrapper .content-wrapper p + p { margin-top: 25px;}.CmpSession .main-wrapper .content-wrapper img { max-width: 100%; margin: 10px 0;}.CmpSession .main-wrapper .sidebar-wrapper { margin-bottom: 30px;}@media screen and (min-width: 992px) { .CmpSession .main-wrapper .sidebar-wrapper { width: 30%; float: left; }}.CmpSession .iconAge,.CmpSession .iconClock { display: inline-block; width: 20px; vertical-align: bottom; margin-right: 5px;}.CmpSession .CmpBlockLink { margin-bottom: 40px;}.CmpSession .feature-content { margin: 0 5px 40px 5px; border-bottom: solid 1px #eee; padding-bottom: 30px;}.CmpSession .feature-content .feature-content-link { text-decoration: none; color: inherit; display: block;}.CmpSession .feature-content .feature-content-wrapper-img { overflow: hidden; border-radius: 10px; position: relative; box-shadow: 2px 2px 8px 0px #ccc; margin-bottom: 30px;}.CmpSession .feature-content .feature-content-wrapper-img img { width: 100%; transform: scale(1.1);}.CmpSession .feature-content .feature-content-title { font-family: "VAGRounded"; color: #02B040; font-size: 1.8rem; font-weight: 600; margin-bottom: 5px;}.CmpSession .feature-content .feature-content-description { font-size: 1.8rem; font-weight: 400;}.CmpSession .feature-content .icon-tile { width: 48px; height: 48px; position: absolute; right: 20px; bottom: 20px;}.CmpSession .feature-content .icon-tile svg.iconPlay { width: 17px;}.CmpSession .feature-content .icon-tile svg.iconArt { width: 25px;}.CmpSession .feature-content .icon-tile svg.iconGame { width: 30px;}.CmpSession .feature-content .icon-tile svg.iconDownloadCircle { width: 27px;}.CmpSession .word-bank { color: #005AA4; background-image: linear-gradient(120deg, #71CFEB 60%, #fff); padding: 20px; box-shadow: 2px 2px 8px 0px #ccc; margin: 0 5px; border-radius: 10px; overflow: hidden;}.CmpSession .word-bank .word-bank-title { font-size: 2.4rem; margin-bottom: 15px;}.CmpSession .word-bank ul { list-style: disc; margin-left: 20px;}.CmpSession .word-bank ul li { float: left; width: 50%; font-weight: 400;}.CmpSession .openEducatorModal { -webkit-appearance: none; background-color: transparent; border: none; color: #02B040; margin: 0 20px; padding-left: 0; padding-top: 10px;}.CmpSession .openEducatorModal span { vertical-align: middle; margin-right: 10px;}.CmpSession .openEducatorModal svg { width: 6px; vertical-align: middle;}.CmpSession .openEducatorModal svg path { fill: #02B040;}.CmpSession .learning-block { border-radius: 10px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); margin: 30px 5px ; padding: 17px;}@media screen and (min-width: 992px) { .CmpSession .learning-block { padding: 30px; }}.CmpSession .learning-block .title-learning-block { padding: 10px 0 20px; font-size: 2.4rem;}.CmpSession .learning-block .link-to-learning-block { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-top: 10px; padding-bottom: 20px;}.CmpSession .learning-block .link-to-learning-block:last-of-type { border-bottom: none; padding-bottom: 0;}.CmpSession .learning-block .summary-learning-block { height: 75px; padding-top: 5px; color: black; display: block; display: -webkit-box; width: calc(100% - 97px); -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; float: right;}.CmpSession .learning-block .icon-learning-block { height: auto; width: 77px; display: inline-block; vertical-align: top;}.CmpSession .hidden-desktop { display: block;}@media screen and (min-width: 992px) { .CmpSession .hidden-desktop { display: none; }}.CmpSession .hidden-mobile { display: none;}@media screen and (min-width: 992px) { .CmpSession .hidden-mobile { display: block; }}.rtl .CmpSession .word-bank ul { margin-right: 20px; margin-left: 0;}.rtl .CmpSession .title { margin: 40px 20px 0;}@media screen and (min-width: 992px) { .rtl .CmpSession .title { margin: 40px 0 0 0; }}@media screen and (min-width: 992px) { .rtl .CmpSession .main-wrapper .content-wrapper { float: right; margin-left: 100px; margin-right: 0px; }}@media screen and (min-width: 992px) { .rtl .CmpSession .main-wrapper .sidebar-wrapper { float: right; }}.rtl .CmpSession .openEducatorModal span { vertical-align: middle; margin-right: 0px; margin-left: 10px;}.rtl .CmpSession .openEducatorModal svg { transform: rotate(180deg);}.CmpSponsorGrid { background-color: #FAFAFA;}.CmpSponsorGrid .title { margin: 0 20px; padding-bottom: 20px; font-size: 1.3em;}@media screen and (min-width: 1366px) { .CmpSponsorGrid .title { font-size: 1.8em; margin-left: 0; }}.CmpSponsorGrid .wrapper-sponsors { margin: 0 20px 10px 20px; text-align: center;}@media screen and (min-width: 1366px) { .CmpSponsorGrid .wrapper-sponsors { margin: 20px 0 10px 0; }}.CmpSponsorGrid .wrapper-sponsors + .wrapper-sponsors { margin-bottom: 0; margin-top: 0;}.CmpSponsorGrid .wrapper-sponsors.centered { text-align: center;}.CmpSponsorGrid .img-wrapper { width: 100%; background-color: #fff; height: 130px; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.15); display: inline-block; position: relative; margin-right: 40px; margin-bottom: 20px;}@media screen and (min-width: 768px) { .CmpSponsorGrid .img-wrapper { width: calc(20% - 30px); height: 90px; margin-left: 15px; margin-right: 15px; } .CmpSponsorGrid .img-wrapper:nth-child(5n), .CmpSponsorGrid .img-wrapper:last-child { margin-right: 0; } .CmpSponsorGrid .img-wrapper:nth-child(6n), .CmpSponsorGrid .img-wrapper:first-child { margin-left: 0; }}.CmpSponsorGrid .sponsor-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}.rtl .CmpSponsorGrid .title { margin-right: 0;}.rtl .CmpSponsorGrid .img-wrapper { margin-right: unset;}@media screen and (min-width: 768px) { .rtl .CmpSponsorGrid .img-wrapper { margin-left: 15px; margin-right: 15px; } .rtl .CmpSponsorGrid .img-wrapper:nth-child(5n), .rtl .CmpSponsorGrid .img-wrapper:last-child { margin-left: 0; } .rtl .CmpSponsorGrid .img-wrapper:nth-child(6n), .rtl .CmpSponsorGrid .img-wrapper:first-child { margin-right: 0; }}.CmpTooltipShare .btn-round { width: 43px; height: 43px; border-radius: 50%; box-shadow: 0 3px 3px 0 #ccc; display: inline-block; position: relative; background-color: #fff; margin: 0 5px;}.CmpTooltipShare .btn-round span { text-indent: -99999px; display: inline-block;}.CmpTooltipShare .btn-round svg { max-width: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}.CmpTooltipShare .tooltip-wrapper { position: absolute; width: auto; left: 20px; right: 20px; z-index: 1; padding: 40px 25px 25px; background-color: #fff; border: solid 1px #eee; margin-top: 20px; margin-left: -10px; border-radius: 5px; box-shadow: 2px 2px 8px 0px #ccc; display: none;}@media screen and (min-width: 992px) { .CmpTooltipShare .tooltip-wrapper { width: 510px; left: initial; right: initial; }}.CmpTooltipShare .tooltip-wrapper.active { display: block;}.CmpTooltipShare .tooltip-wrapper:before,.CmpTooltipShare .tooltip-wrapper:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}.CmpTooltipShare .tooltip-wrapper:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 10px; left: calc(50% - 32px);}@media screen and (min-width: 992px) { .CmpTooltipShare .tooltip-wrapper:after { left: 25px; }}.CmpTooltipShare .tooltip-wrapper:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #eee; border-width: 12px; left: calc(50% - 34px);}@media screen and (min-width: 992px) { .CmpTooltipShare .tooltip-wrapper:before { left: 23px; }}.CmpTooltipShare .title-tooltip { margin-bottom: 20px;}.CmpTooltipShare .common-button { padding: 15px; border-radius: 50px; border: solid 1px #02B040; margin: 0 0 20px 0; display: inline-block; font-size: 1.1em; font-weight: 600; text-decoration: none; text-align: center; width: 100%;}@media screen and (min-width: 992px) { .CmpTooltipShare .common-button { width: auto; min-width: 140px; margin: 0 10px 0 0; }}@media screen and (min-width: 992px) { .CmpTooltipShare .wrapper-main-action { margin-bottom: 20px; }}.CmpTooltipShare .input-tooltip { padding: 20px; font-size: 0.8em; border-radius: 30px; border: solid 1px #eee; margin-right: 10px; width: 100%; margin-bottom: 15px;}@media screen and (min-width: 992px) { .CmpTooltipShare .input-tooltip { margin-bottom: 0; width: 295px; }}.CmpTooltipShare .tooltip-msg { background-color: rgba(0, 170, 169, 0.3); color: #00AAA9; text-align: center; margin: 15px 0; font-size: 0.9em; display: none;}.CmpTooltipShare .tooltip-msg.active { display: block;}.CmpTooltipShare .tooltip-separator { border-bottom: solid 1px #eee; margin: 25px 0;}.CmpTooltipShare .button-primary { background-color: #02B040; color: #fff; margin-bottom: 0;}.CmpTooltipShare .button-secondary { color: #02B040; background-color: #fff; width: auto; min-width: 200px; margin: auto; display: table;}.rtl .CmpTooltipShare .tooltip-wrapper:after { left: calc(50% + 20px);}@media screen and (min-width: 992px) { .rtl .CmpTooltipShare .tooltip-wrapper:after { right: 20px; }}.rtl .CmpTooltipShare .tooltip-wrapper:before { left: calc(50% + 18px);}@media screen and (min-width: 992px) { .rtl .CmpTooltipShare .tooltip-wrapper:before { right: 18px; }}.rtl .CmpTooltipShare .input-tooltip { margin-left: 10px; margin-right: 0;}@media screen and (min-width: 992px) { .rtl .CmpTooltipShare .common-button { margin: 0 0 0 10px; }}.rtl .CmpTooltipShare .button-secondary { margin: auto;}.CmpVideoModal.modal { position: relative; height: 100%; overflow: visible;}.CmpVideoModal .CmpVideoPlayer { background-color: gray; margin: 0;}.CmpVideoPlayer { position: relative; margin: 0; margin-left: 25px; margin-right: 25px; margin-bottom: 40px; max-width: 100%;}@media screen and (min-width: 768px) { .CmpVideoPlayer { margin-left: auto; margin-right: auto; padding: 0; }}@media screen and (min-width: 992px) { .CmpVideoPlayer { width: 545px; width: 55vw; }}@media screen and (min-width: 1366px) { .CmpVideoPlayer { width: 751px; width: 55vw; }}.CmpVideoPlayer.fullscreen { width: 100%; height: 100%;}.CmpVideoPlayer.fullscreen .main-video-controls .timeline-video { width: calc(100vw - 235px);}@media screen and (min-width: 768px) { .CmpVideoPlayer.fullscreen .main-video-controls .timeline-video { width: calc(100vw - 355px); }}.CmpVideoPlayer.fullscreen .main-video-controls.no-cc .timeline-video { width: calc(100vw - 190px);}@media screen and (min-width: 768px) { .CmpVideoPlayer.fullscreen .main-video-controls.no-cc .timeline-video { width: calc(100vw - 300px); }}.CmpVideoPlayer.fullscreen .main-video-wrapper video { position: absolute; top: 50%; transform: translateY(-50%); padding-bottom: 0; box-shadow: none;}.CmpVideoPlayer.fullscreen .main-video-controls,.CmpVideoPlayer.fullscreen .download-button { display: none;}.CmpVideoPlayer.fullscreen:hover .main-video-controls.active { display: block;}.CmpVideoPlayer.fullscreen:hover .btn-exit-fs.active { display: inline-block;}@media screen and (min-width: 992px) { .CmpVideoPlayer.fullscreen .playlist-item { height: 185px; } .CmpVideoPlayer.fullscreen .playlist-item .playlist-item-poster-wrapper { height: 150px; }}@media screen and (min-width: 1366px) { .CmpVideoPlayer.fullscreen .playlist-item { height: 250px; } .CmpVideoPlayer.fullscreen .playlist-item .playlist-item-poster-wrapper { max-height: 12vw; height: 200px; } .CmpVideoPlayer.fullscreen .playlist-item .play-button-playlist { width: 45px; height: 45px; bottom: 28px; } .CmpVideoPlayer.fullscreen .playlist-item .play-button-playlist:before { border-top-width: 10px; border-left-width: 15px; border-bottom-width: 10px; } .CmpVideoPlayer.fullscreen .playlist-item .playlist-item-title { font-size: 16px; }}.CmpVideoPlayer .main-video-wrapper { max-width: 100%;}.CmpVideoPlayer .main-video-wrapper video { width: 100%; outline: none; padding-bottom: 52px; box-shadow: 5px 5px 13px 0px #ccc;}@media screen and (max-width: 768px) and (orientation: landscape) { .CmpVideoPlayer .main-video-wrapper video { max-height: 100vh; }}.CmpVideoPlayer:hover .playlist-wrapper { opacity: 1;}.CmpVideoPlayer .main-video-title { position: absolute; padding: 0; margin: 0; top: 20px; left: 20px; font-weight: normal; font-size: 1.4em; color: #fff; z-index: 10;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-title { top: 30px; left: 30px; }}.CmpVideoPlayer .playlist-wrapper { position: absolute; bottom: 59px; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); padding: 10px 0 10px 10px; text-align: left; overflow: hidden; z-index: 11; transition: all 0.3s ease-in;}.CmpVideoPlayer .playlist-wrapper:after { content: ""; right: 0; position: absolute; left: calc(100% - 30px); top: 45px; bottom: 0; background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%);}.CmpVideoPlayer .playlist-wrapper:hover .arrow-button { opacity: 1;}.CmpVideoPlayer .playlist-wrapper .playlist-icon { background-color: #fff; width: 27px; display: inline-block; height: 25px; border-radius: 5px; vertical-align: middle; margin-right: 10px;}@media screen and (min-width: 768px) { .CmpVideoPlayer .playlist-wrapper .playlist-icon { width: 33px; }}.CmpVideoPlayer .playlist-wrapper .playlist-icon svg { width: 33px; position: relative; top: -7px; left: -3px;}@media screen and (min-width: 768px) { .CmpVideoPlayer .playlist-wrapper .playlist-icon svg { width: 40px; }}.CmpVideoPlayer .playlist-wrapper .slick-initialized .slick-track { margin-left: 0;}.CmpVideoPlayer .playlist-title-text { font-size: 1.1em; position: relative; top: 2px;}.CmpVideoPlayer .playlist-title { margin: 0px 10px 10px 0px; font-size: 13px; font-weight: normal; color: #fff; display: flex; justify-content: space-between;}.CmpVideoPlayer .playlist-title > div { display: flex; align-items: center;}.CmpVideoPlayer .playlist { list-style: none; padding: 0; margin: 0; white-space: nowrap; position: relative; transition: all 0.5s ease-in-out; left: 0;}.CmpVideoPlayer .slick-slide { margin: 0 10px 0 0;}.CmpVideoPlayer .playlist-item { display: inline-block; width: 95px; border-radius: 5px; background-color: #fff; position: relative;}@media screen and (min-width: 768px) { .CmpVideoPlayer .playlist-item { width: 205px; height: 155px; }}@media screen and (min-width: 992px) { .CmpVideoPlayer .playlist-item { height: 135px; }}.CmpVideoPlayer .playlist-item .playlist-item-poster-wrapper { overflow: hidden; height: 45px; border-radius: 5px 5px 0 0;}@media screen and (min-width: 768px) { .CmpVideoPlayer .playlist-item .playlist-item-poster-wrapper { height: 120px; }}@media screen and (min-width: 992px) { .CmpVideoPlayer .playlist-item .playlist-item-poster-wrapper { height: 100px; }}.CmpVideoPlayer .playlist-item .playlist-item-poster { max-width: 100%; transform: scale(1.1);}.CmpVideoPlayer .playlist-item .playlist-item-title { font-size: 12px; margin: 0; text-align: left; padding: 0px 7px 0px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; width: 78%; line-height: 3.1;}.CmpVideoPlayer .playlist-autoplay-button { right: 10px; top: 10px;}@media screen and (min-width: 768px) { .CmpVideoPlayer .playlist-autoplay-button { right: 40px; }}.CmpVideoPlayer .autoplay-title { width: 65px; line-height: 1; font-size: 0.7em; top: 1px; text-align: right; margin-left: 10px; display: inline-block; text-transform: uppercase; position: relative;}@media screen and (min-width: 768px) { .CmpVideoPlayer .autoplay-title { width: auto; font-size: 0.8em; }}.CmpVideoPlayer .autoplay-switcher-checkbox { display: none;}.CmpVideoPlayer .autoplay-switcher-checkbox + .autoplay-switcher-control { display: inline-block; background-color: #f0f0f0; border-radius: 2em; padding: 2px; transition: all 0.4s ease; text-indent: -99999px; outline: 0; width: 3em; height: 1.5em; position: relative; cursor: pointer;}@media screen and (min-width: 768px) { .CmpVideoPlayer .autoplay-switcher-checkbox + .autoplay-switcher-control { width: 4em; height: 2em; }}.CmpVideoPlayer .autoplay-switcher-checkbox + .autoplay-switcher-control:after { content: ""; border-radius: 50%; background-color: #02B040; transition: all 0.2s ease; left: 50%; top: 0; position: absolute; display: block; width: 50%; height: 100%; border: 2px solid #fff; box-sizing: border-box;}.CmpVideoPlayer .autoplay-switcher-checkbox:checked + .autoplay-switcher-control { background-color: #02B040;}.CmpVideoPlayer .autoplay-switcher-checkbox:checked + .autoplay-switcher-control:after { background-color: #fff; border: 2px solid #02B040; left: 0;}.CmpVideoPlayer .main-video-controls { background-color: #fff; padding: 10px 0; position: absolute; bottom: 0; left: 0; right: 0;}.CmpVideoPlayer .main-video-controls > * { line-height: 1em;}.CmpVideoPlayer .main-video-controls .play-button-control { width: 25px; height: 25px; position: relative; vertical-align: top; margin: 0 5px;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .play-button-control { margin: 0 15px; }}.CmpVideoPlayer .main-video-controls .play-button-control.playing:before { display: none;}.CmpVideoPlayer .main-video-controls .play-button-control.playing:after { display: block;}.CmpVideoPlayer .main-video-controls .play-button-control:after { content: ""; border-left: solid 5px #02B040; border-right: solid 5px #02B040; width: 4px; height: 14px; background: #fff; position: absolute; top: 6px; left: 7px; display: none;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .play-button-control:after { top: 4px; height: 17px; }}.CmpVideoPlayer .main-video-controls .play-button-control:before { border-top: 8px solid transparent; border-left: 12px solid #02B040; border-bottom: 8px solid transparent;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .play-button-control:before { border-top: 12px solid transparent; border-left: 18px solid #02B040; border-bottom: 12px solid transparent; }}.CmpVideoPlayer .main-video-controls .volume-button { display: inline-block; cursor: pointer;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .volume-button { width: 46px; }}.CmpVideoPlayer .main-video-controls .volume-button svg { width: 30px;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .volume-button svg { width: auto; }}.CmpVideoPlayer .main-video-controls .volume-button.muted { position: relative;}.CmpVideoPlayer .main-video-controls .volume-button.muted svg .volume-level { display: none;}.CmpVideoPlayer .main-video-controls .volume-button.muted:before,.CmpVideoPlayer .main-video-controls .volume-button.muted:after { content: ''; width: 3px; height: 14px; border-radius: 10px; position: absolute; right: 8px; top: 7px; background-color: #02B040;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .volume-button.muted:before, .CmpVideoPlayer .main-video-controls .volume-button.muted:after { width: 4px; height: 18px; right: 15px; top: 5px; }}.CmpVideoPlayer .main-video-controls .volume-button.muted:before { transform: rotate(-45deg);}.CmpVideoPlayer .main-video-controls .volume-button.muted:after { transform: rotate(45deg);}.CmpVideoPlayer .main-video-controls .video-time { display: inline-block; position: relative; top: -10px; margin: 0 10px; font-weight: 100; font-size: 11px; min-width: 57px; user-select: none;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .video-time { font-size: 12px; margin: 0 30px; }}.CmpVideoPlayer .main-video-controls .timeline-dot { display: inline-block; position: absolute; width: 18px; height: 18px; background: #02B040; border-radius: 50%; top: 18px; z-index: 10; pointer-events: none; cursor: pointer; margin-left: 5px; opacity: 0;}.CmpVideoPlayer .main-video-controls .timeline-dot.active { opacity: 1;}@media screen and (min-width: 1366px) { .CmpVideoPlayer .main-video-controls .timeline-dot.active { opacity: 0; }}.CmpVideoPlayer .main-video-controls.no-cc .timeline-video { width: calc(100% - 185px);}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls.no-cc .timeline-video { width: calc(100% - 295px); }}.CmpVideoPlayer .main-video-controls.no-cc .timeline-dot { top: 16px;}.CmpVideoPlayer .main-video-controls.no-cc .cc-button { display: none;}.CmpVideoPlayer .main-video-controls .timeline-video { cursor: pointer; display: inline-block; width: calc(100% - 235px); margin-right: 10px; height: 7px; border-radius: 10px; background-color: rgba(2, 176, 64, 0.3); position: relative; top: -10px; overflow: hidden;}.CmpVideoPlayer .main-video-controls .timeline-video:hover + .timeline-dot.active { opacity: 1;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .timeline-video { margin-right: 30px; width: calc(100% - 340px); }}.CmpVideoPlayer .main-video-controls .timeline-video .current-position { background-color: #02B040; margin-right: 10px; height: 7px; display: inline-block; border-radius: 5px; position: relative; top: -7px; width: 100%; left: -100%;}.CmpVideoPlayer .main-video-controls .download-button { position: absolute; bottom: -32px; right: 0; min-width: 130px; background-color: rgba(2, 176, 64, 0.3); border-radius: 0 0 5px 5px; padding: 7px 15px; font-size: 1.5rem; cursor: pointer;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .download-button { height: 32px; }}.CmpVideoPlayer .main-video-controls .download-button .iconDownload { width: 17px;}.CmpVideoPlayer .main-video-controls .download-button span { display: inline-block; color: #02B040; margin-left: 8px; position: relative; font-weight: 400; top: -2px;}.CmpVideoPlayer .main-video-controls .fullscreen-button { cursor: pointer;}.CmpVideoPlayer .main-video-controls .fullscreen-button svg { width: 18px;}@media screen and (min-width: 768px) { .CmpVideoPlayer .main-video-controls .fullscreen-button svg { width: 25px; }}.CmpVideoPlayer .main-video-controls .cc-button { padding: 6px; border-radius: 6px; display: inline-block; vertical-align: text-bottom; margin: 5px 0 5px 20px; font-weight: 600; font-size: 0.8em; background-color: rgba(2, 176, 64, 0.3); color: #02B040; cursor: pointer;}.CmpVideoPlayer .main-video-controls .cc-button.active { color: #fff; background-color: #02B040;}.CmpVideoPlayer .play-button { display: inline-block; border-radius: 50%; position: absolute; z-index: 10; text-indent: -999999px; cursor: pointer; top: 0px;}.CmpVideoPlayer .play-button:before { content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.CmpVideoPlayer .play-button.play-button-playlist { width: 20px; height: 20px; background-color: #fff; box-shadow: 1px 1px 3px 1px #ccc; bottom: 14px; right: 8px; top: auto;}.CmpVideoPlayer .play-button.play-button-playlist:before { border-top: 6px solid transparent; border-left: 10px solid #F99D1C; border-bottom: 6px solid transparent;}@media screen and (min-width: 768px) { .CmpVideoPlayer .play-button.play-button-playlist { width: 25px; height: 25px; bottom: 22px; }}.CmpVideoPlayer .play-button.play-button-main { width: 80px; height: 80px; box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); top: calc(50% - 20px); left: 50%; transform: translate(-50%, -50%); background-color: #fff;}@media screen and (min-width: 768px) { .CmpVideoPlayer .play-button.play-button-main { width: 100px; height: 100px; top: calc(50% - 40px); }}.CmpVideoPlayer .play-button.play-button-main:before { border-top: 15px solid transparent; border-left: 24px solid #02B040; border-bottom: 15px solid transparent;}@media screen and (min-width: 768px) { .CmpVideoPlayer .play-button.play-button-main:before { border-top: 20px solid transparent; border-left: 33px solid #02B040; border-bottom: 20px solid transparent; }}.CmpVideoPlayer .arrow-button { width: 30px; height: 50px; background-color: #fff; display: inline-block; position: absolute; top: calc(50% + 5px); transform: translateY(-50%); z-index: 11; cursor: pointer;}@media screen and (min-width: 768px) { .CmpVideoPlayer .arrow-button { width: 36px; height: 50px; }}@media screen and (min-width: 1366px) { .CmpVideoPlayer .arrow-button { opacity: 0; }}.CmpVideoPlayer .arrow-button svg { position: absolute; top: 50%; left: 50%; transform-origin: 0 0; height: 18px;}.CmpVideoPlayer .arrow-button svg .uiPrimaryColor { fill: #02B040;}@media screen and (min-width: 768px) { .CmpVideoPlayer .arrow-button svg { height: 22px; }}.CmpVideoPlayer .arrow-button.next { border-radius: 5px 0 0 5px; right: 0;}.CmpVideoPlayer .arrow-button.next svg { transform: rotate(0deg) translate(-50%, -50%);}.CmpVideoPlayer .arrow-button.prev { border-radius: 0 5px 5px 0; left: 0;}.CmpVideoPlayer .arrow-button.prev svg { transform: rotate(180deg) translate(-50%, -50%);}.CmpVideoPlayer .arrow-button span { display: inline-block; text-indent: -99999px;}.CmpVideoPlayer .btn-exit-fs { display: none; width: 50px; height: 50px; position: absolute; background-color: #fff; border-radius: 50%; right: 5px; top: 5px; box-shadow: 2px 2px 4px 0px #000; cursor: pointer; z-index: 10;}.CmpVideoPlayer .btn-exit-fs .iconExitFullScreen { width: 60px; height: 60px; position: relative; top: -1px; left: -4px;}.CmpVideoPlayer .hidden { display: none;}.rtl .CmpVideoPlayer .playlist-item .playlist-item-title { text-align: right;}.rtl .CmpVideoPlayer .main-video-title { right: 20px; left: unset;}@media screen and (min-width: 768px) { .rtl .CmpVideoPlayer .main-video-title { top: 30px; left: unset; right: 30px; }}.rtl .CmpVideoPlayer .main-video-controls { direction: ltr;}.rtl .CmpVideoPlayer .playlist-icon { margin-right: unset; margin-left: 10px;}.rtl .CmpVideoPlayer .autoplay-title { margin-right: 10px; margin-left: 0px; direction: rtl;}.rtl .autoplay-switcher-checkbox + .autoplay-switcher-control { direction: ltr;}.rtl .playlist-title .playlist-title-text { direction: rtl;}.rtl span { direction: ltr;}