html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }/* IMPORT FONTS */ @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } @font-face { font-family: 'Gotham-Bold-Italic'; src: url(../fonts/Gotham-Bold-Italic.otf?a139d6e7feae8aaa21daf4b024906918) format('otf'); } @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('TTF'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } @font-face { font-family: 'Gotham-Book-Italic'; src: url(../fonts/Gotham-BookItalic.svg?a02e30c2294a92d0ff02b5cd41283a9a) format('SVG'); src: url(../fonts/Gotham-BookItalic.eot?70f881e4e44bdde68f4ab2d0aaaf8e20) format('eot'); src: url(../fonts/Gotham-BookItalic.ttf?afa94021da7557fd55e2c85d22aa99f8) format('ttf'); src: url(../fonts/Gotham-BookItalic.woff?6100a4ae74f0f60209d5deb389023094) format('woff'); src: url(../fonts/Gotham-BookItalic.woff2?c949350834dc80affdabfa006301a0ca) format('woff2'); } @font-face { font-family: 'Gotham-Medium'; src: url(../fonts/Gotham-Medium.svg?c5157b68a79b84dbaf836727a41170ed) format('SVG'); src: url(../fonts/Gotham-Medium.eot?27bedb97fbdee480f78a8c5f691b51c2) format('eot'); src: url(../fonts/Gotham-Medium.ttf?315c9e5bc2fcf34c4b35c8d2e8200212) format('ttf'); src: url(../fonts/Gotham-Medium.woff?3e3b51ad745ce8b2c27fc33dfbdd8032) format('woff'); src: url(../fonts/Gotham-Medium.woff2?26bd002e01489882f10a6d3e0c1f345e) format('woff2'); } @font-face { font-family: 'Montserrat-Medium'; src: url(../fonts/Montserrat-Medium.otf?d815b0a29adf3450c55f56e2fb813be4) format('otf'); } @font-face { font-family: 'Montserrat-Italic'; src: url(../fonts/Montserrat-Italic.ttf?a7063e0c0f0cb546ad45e9e24b27bd3b); } @font-face { font-family: 'Montserrat-Bold'; src: url(../fonts/Montserrat-Bold.otf?5a6aef823dd8d1b22aacd78aebb653d6); } body { font-family: 'Gotham-book', sans-serif !important; } a { text-decoration: none !important; } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; } button:focus { outline: none; } @media (min-width: 75rem) { .header-container { max-width: 100%; width: 100%; } } header { background-color: #092E65; padding: 0 0.9375rem; } .header-content .container { display: flex; justify-content: space-between; } .logo { width: 14.23rem; height: 3.65rem; background-image: url(../images/logo.png?b442dc97d8c6dccea66414097b392bc8); background-repeat: no-repeat; background-size: cover; margin-left: max(calc((100% - 87.5rem)/2), 0px); } .header-top { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 0; } .header-top a.logo { display: block; } .header-top_navigation a { font-family: 'Gotham-Book', sans-serif; color: #fff; opacity: 0.6; font-size: 1.125rem; line-height: 1.5rem; margin-right: 1rem; } .header-top a:hover { text-decoration: none; } .header-top_login { margin-right: calc(3rem - 15px); } .header-top_navigation a:last-of-type { margin-right: 0; } .header-top .header-top_login a { color: #EFC51E; font-family: 'Montserrat-Medium', sans-serif; font-size: 0.875rem; line-height: 1.1875rem; } .no-margin { margin: 0; } .header-top .header-top_login a:last-of-type { position: relative; } .header-content { background-color: #0D2450; padding: 6.25rem 0.9375rem 2rem; } .header-content .row { margin-left: auto; } .header-content .wrapper { background-image: url(../images/imac-screen.png?bbb45393836e9cb67cec9ae3af8bb296); background-size: contain; background-repeat: no-repeat; height: 26rem; width: 37rem; z-index: 5; padding: 1rem 0 0 1rem; } .header-content_left { flex: 0 0 45%; max-width: 36rem; } .header-content_left .header-content_text-top { font-size: 2.39rem; font-family: 'Montserrat-Bold', sans-serif; line-height: 2.75rem; color: #fff; margin-bottom: 1rem; } .header-content_left .header-content_text-bottom p { font-family: 'Montserrat-Italic', sans-serif; font-size: 1.3rem; line-height: 1.75rem; color: #EFC51E; margin: 1rem 0; opacity: 0.9; } .header-content_left .header-content_text-bottom i { font-family: 'Gotham-Bold-Italic', sans-serif; font-weight: 700; font-style: italic; font-size: 1.84rem; color: #EFC51E; } .header-content_left .header-content_buttons { display: flex; justify-content: space-between; max-width: 34rem; } .header-content_left .header-content_buttons .header-content_button { text-decoration: none; text-align: center; padding: 0.625rem 5rem; border-radius: 0.625rem; font-family: 'Gotham-Bold-Italic', sans-serif; font-size: 1.25rem; line-height: 1.5rem; background-color: transparent; border: 0.125rem solid #EFC51E; color: #EFC51E; margin-right: 0.7rem; font-weight: bold; } .header-content_left .header-content_buttons .header-content_button:last-of-type { margin: 0; } .header-content_left .header-content_buttons .header-content_button:hover { background-color: #EFC51E; color: #0A2D65; font-weight: bold; } .header-content_left .header-content_buttons .header-content_button:focus { outline: none; } .header-content_right { display: flex; align-items: center; flex: 0 0 47%; } .header-content_right #demo-video { margin-left: auto; } .header-content_right img { width: 100%; } #pic-click { width: 38rem; height: 100%; } #gif-click { height: 18rem; width: 30.3rem; } .header-top_navigation { display: flex; justify-content: space-between; min-width: 40%; margin-left: auto; margin-right: 10rem; } /*@media (min-width: 1274px) and (max-width: 1385px) {*/ /* .header-content_left .header-content_text-top {*/ /* font-size: 2.35rem;*/ /* font-family: 'Gotham-Bold', sans-serif;*/ /* line-height: 2.75rem;*/ /* color: #fff;*/ /* }*/ /* .header-content_left .header-content_text-bottom {*/ /* font-family: 'Gotham-Book-Italic', sans-serif;*/ /* font-size: 1.4rem;*/ /* line-height: 1.75rem;*/ /* color: #EFC51E;*/ /* margin: 1.5rem 0 6rem;*/ /* }*/ /*}*/ /*@media (min-width: 1273px) and (max-width: 1385px) {*/ /* .header-content_left .header-content_text-bottom {*/ /* font-family: 'Gotham-Book-Italic', sans-serif;*/ /* font-size: 1.5rem;*/ /* line-height: 1.75rem;*/ /* color: #EFC51E;*/ /* margin: 1.5rem 0 6rem;*/ /* }*/ /*}*/ /*@media (max-width: 1272px) {*/ /* .header-content_left .header-content_text-top {*/ /* font-size: 2.25rem;*/ /* font-family: 'Gotham-Bold', sans-serif;*/ /* line-height: 2.75rem;*/ /* color: #fff;*/ /* }*/ /*}*//* IMPORT FONTS */ @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } @font-face { font-family: 'Gotham-Bold'; src: url(../fonts/Gotham-Bold.svg?00db10c25ac9b360cc1a3991a16cb2aa) format('SVG'); src: url(../fonts/Gotham-Bold.eot?c43b47ae88d301bff4ec7dc48c1166f8) format('eot'); src: url(../fonts/Gotham-Bold.ttf?a9edfc53195fcba598a2cb702f7403de) format('ttf'); src: url(../fonts/Gotham-Bold.woff?1ad12ccee15982a0d80d76c2d81f99b7) format('woff'); src: url(../fonts/Gotham-Bold.woff2?24f50667d43cc001ca307a62ed0eb1e3) format('woff2'); } @font-face { font-family: 'Gotham-Bold-Italic'; src: url(../fonts/Gotham-Bold-Italic.otf?a139d6e7feae8aaa21daf4b024906918) format('otf'); } @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('TTF'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } @font-face { font-family: 'Gotham-Book-Italic'; src: url(../fonts/Gotham-BookItalic.svg?a02e30c2294a92d0ff02b5cd41283a9a) format('SVG'); src: url(../fonts/Gotham-BookItalic.eot?70f881e4e44bdde68f4ab2d0aaaf8e20) format('eot'); src: url(../fonts/Gotham-BookItalic.ttf?afa94021da7557fd55e2c85d22aa99f8) format('ttf'); src: url(../fonts/Gotham-BookItalic.woff?6100a4ae74f0f60209d5deb389023094) format('woff'); src: url(../fonts/Gotham-BookItalic.woff2?c949350834dc80affdabfa006301a0ca) format('woff2'); } @font-face { font-family: 'Gotham-Medium'; src: url(../fonts/Gotham-Medium.svg?c5157b68a79b84dbaf836727a41170ed) format('SVG'); src: url(../fonts/Gotham-Medium.eot?27bedb97fbdee480f78a8c5f691b51c2) format('eot'); src: url(../fonts/Gotham-Medium.ttf?315c9e5bc2fcf34c4b35c8d2e8200212) format('ttf'); src: url(../fonts/Gotham-Medium.woff?3e3b51ad745ce8b2c27fc33dfbdd8032) format('woff'); src: url(../fonts/Gotham-Medium.woff2?26bd002e01489882f10a6d3e0c1f345e) format('woff2'); } @font-face { font-family: 'Gotham-Black'; src: url(../fonts/Gotham-Black.otf?14b3a355f612d6181e891efd2c798b5f) format('OTF'); } @font-face { font-family: 'Montserrat-Bold'; src: url(../fonts/Montserrat-Bold.otf?5a6aef823dd8d1b22aacd78aebb653d6); } @font-face { font-family: 'Montserrat-Black'; src: url(../fonts/Montserrat-Black.ttf?27e3649bab7c62fa21b8837c4842e40e); } @font-face { font-family: 'Montserrat-Medium'; src: url(../fonts/Montserrat-Medium.otf?d815b0a29adf3450c55f56e2fb813be4); } body { font-family: 'Gotham-book', sans-serif !important; } a { text-decoration: none !important; } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; /*padding: 0 1.5rem;*/ } *:focus { outline: none; } @media (min-width: 75rem) { .container { max-width: 87.5rem; } } #products-section { display: flex; justify-content: center; margin: auto; height: 4.5rem; background-color: #f3f3f3; } .products-section { display: flex; justify-content: center; margin: auto; height: 4.5rem; background-color: #f3f3f3; } .products-section-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; } .body-padding { padding-top: 4.5rem; } .products-navigation { width: 60rem; display: flex; justify-content: space-between; align-items: center; } .products-navigation a { font-family: 'Montserrat-Medium', sans-serif; font-size: 1.125rem; line-height: 1.5rem; display: block; color: #646464; } .products-navigation a:hover { text-decoration: none; } .products-navigation a.products-button-pressed { border-radius: 1.5rem; background-color: #092e65; color: #efc51e; font-family: 'Montserrat-Bold', sans-serif; font-size: 1.125rem; line-height: 1.5rem; padding: 0.625rem 3.125rem; font-weight: bold; } .view-all button:focus { outline: none; } #layout-section { background: linear-gradient(to right, #F3F3F3 50%, #E5E5E5 50%, #E5E5E5 100%); padding: 5rem 0.9375rem; } .layout-block-link { cursor: pointer; } .layout-heading { font-family: 'CanaroWoo-Bold', sans-serif; color: #092e65; font-size: 1.5rem; line-height: 2rem; margin-bottom: 2.1875rem; position: relative; } .layout-heading::before { content: ""; position: absolute; top: -0.625rem; left: 0; width: 5.625rem; height: 0.1875rem; background-color: #092e65; border-radius: 0.9375rem; } .layout-block { display: flex; justify-content: space-between; } .layout-item:first-of-type { max-width: 39%; } .layout-item:last-of-type { max-width: 41%; } .layout-item img { width: auto; height: 12.25rem; margin-bottom: 1.4063rem; } .layout-item_heading { font-family: 'Montserrat-Bold', sans-serif; color: #092e65; font-size: 1.5rem; line-height: 2rem; margin-bottom: 2.1875rem; position: relative; } .layout-item_heading::before { content: ""; position: absolute; top: -0.625rem; left: 0; width: 11.625rem; height: 0.1875rem; background-color: #092e65; border-radius: 0.9375rem; } .layout-item_content { min-height: 16.032rem; } .layout-item_content p { font-size: 1rem; text-align: left; color: #1E1E1E; opacity: 0.67; margin-bottom: 1.875rem; font-family: 'Montserrat-Regular', sans-serif; line-height: 1.5rem; } .layout-item_content p:last-of-type { margin: 0; } .view-commands { width: 23.125rem; text-align: center; background-color: transparent; color: #092E65; border: 0.125rem solid #092E65; border-radius: 0.75rem; font-family: 'Montserrat-Bold', sans-serif; font-size: 1.25rem; padding: 1.25rem 0; display: inline-block; } @media (max-width: 1325px) { #layout-section { background: linear-gradient(to right, #F3F3F3 50%, #E5E5E5 50%, #E5E5E5 100%); padding: 4.5rem 0.9375rem; } .view-commands { width: 23.125rem; text-align: center; background-color: transparent; color: #092E65; border: 0.125rem solid #092E65; border-radius: 0.75rem; font-family: 'Gotham-Bold', sans-serif; font-size: 1.25rem; padding: 1.25rem 0; display: inline-block; margin-top: 1rem; } } @media (max-width: 1250px) { .layout-item_content p { font-size: 0.95rem; text-align: left; color: #1E1E1E; opacity: 0.67; margin-bottom: 1.875rem; font-family: 'Gotham-Book', sans-serif; line-height: 1.5rem; } } .view-commands:hover { background-color: #092E65; color: #fff; } .testimonials { min-height: 28.320rem; padding-top: 4rem; padding-left: 0.9375rem; background-color: #DEEBFF; } .testimonials-cards { display: flex; justify-content: center; margin-top: 1rem; padding-left: 0.9375rem; } .testimonials-cards .card { display: flex; justify-content: center; align-items: center; min-height: 10rem; width: 35rem; background-color: #eef5ff; box-shadow: 0 1.1875rem 2.75rem #B7D3FF73; border-radius: 0.6875rem; border: none; font-family: "Gotham-Book", sans-serif; } .testimonials-cards .card:hover { display: flex; justify-content: center; align-items: center; min-height: 10rem; width: 35rem; background-color: #fff; box-shadow: 0 1.1875rem 2.75rem #B7D3FF73; border-radius: 0.6875rem; } .testimonials-cards .card:first-child { margin-right: 2%; } .testimonials-cards .card-white { display: flex; justify-content: center; align-items: center; background-color: #fff; box-shadow: 0rem 1.1875rem 2.75rem #B7D3FF73; border-radius: 0.6875rem; opacity: 1; } .testimonials-cards .card span { font-weight: bold; font-family: 'Montserrat-Bold', sans-serif; line-height: 1.875rem; font-size: 1.125rem; } .testimonials-cards .card p { font-family: 'Montserrat-Regular', sans-serif; font-size: 1.125rem; line-height: 1.677rem; text-align: center; padding: 0 3.4375rem 0 3.4375rem; } .clients { background-color: #DEEBFF; padding: 2rem 1rem 1rem 1rem; } .clients .row { margin: auto; width: 100%; } .clients-cards { display: flex; } .clients-cards .row:first-of-type { margin-bottom: 4.625rem; } .clients-cards img { object-fit: contain; display: block; height: 2.2rem; width: 100%; } .clients-cards .slide-1, .clients-cards .slide-2 { outline: none; margin-bottom: 2rem; } .clients .slick-dots { margin: auto; } .slick-dots li { position: relative; display: inline-block; width: 1.5625rem; height: 1.5625rem; margin: 0 !important; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 1.5625rem; height: 1.5625rem; padding: 0.3125rem; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:before { content: '\2022'; font-size: 2.5rem; line-height: 1.5625rem; position: absolute; top: 0; left: 0; width: 1.5624rem; height: 1.5625rem; text-align: center; opacity: .25; color: black; } .slick-dots li.slick-active button:before { opacity: 1; color: #092E65; } .clients .slick-dots li:last-of-type { margin-right: 0; } .videos { padding: 5rem 0.9375rem; background-color: #EFC51E; display: flex; align-items: center; height: 42rem; } .videos .container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .products-header { font-family: 'CanaroWoo-Bold', sans-serif; font-size: 1.5rem; line-height: 2rem; color: #092E65; position: relative; margin-bottom: 3rem; align-self: flex-start; font-weight: bold; } .products-header::before { content: ""; position: absolute; top: -0.625rem; left: 0; width: 5.625rem; height: 0.1875rem; background-color: #092e65; border-radius: 0.9375rem; } .videos-header { font-family: 'CanaroWoo-Bold', sans-serif; font-size: 1.5rem; line-height: 2rem; color: #092E65; position: relative; margin-bottom: 3rem; align-self: flex-start; font-weight: bold; } .videos-header::before { content: ""; position: absolute; top: -0.625rem; left: 0; width: 5.625rem; height: 0.1875rem; background-color: #092e65; border-radius: 0.9375rem; } .videos-cards { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } .video-card { display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 1rem 0.4rem 0 0; width: 37.25rem; height: 32rem; } .video-card .video-js { width: 100%; height: 24.625rem; border-radius: 0.5rem; } .video-card .video-js .vjs-poster { border-radius: 0.5rem; } .half-screen-video { width: 50rem; height: 50rem; z-index: 6; left: 60%; position: relative; bottom: 40%; } .videos .video-card:last-of-type { margin-right: 0; } .video-card_background { position: relative; } .video-card_background button { width: 5rem; height: 5rem; } .videos .video-card img { width: 100%; height: auto; } .videos .video-card p:first-of-type { font-family: "Montserrat-Black", sans-serif; font-size: 1.18rem; line-height: 0.5rem; color: #092E65; font-weight: 900; text-align: center; } .videos .video-card p:last-of-type { font-family: "Montserrat-Medium", sans-serif; font-size: 1.18rem; line-height: 1.5rem; color: #092E65; text-align: center; } .videos .training-button { margin-top: 5.625rem; width: 100%; text-align: center; } .videos .training-button a { padding: 1rem 3.4375rem; border-radius: 0.75rem; font-family: "Gotham-Bold", sans-serif; border: 0.125rem solid #092E65; color: #092E65; background-color: transparent; } .videos .training-button a:hover { background-color: #092E65; color: #fff; } @media (max-width: 1360px) { .video-card { display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 1rem 0.4rem 0 0; width: 30rem; height: 32rem; } } .data-sheets { padding: 10rem 1rem; background-color: #092E65; } .data-cards { display: flex; justify-content: space-between; align-items: center; margin: 2.5rem auto 0; } .data-cards.row { padding: 0 2rem; margin-top: 0; justify-content: space-evenly; } .data-cards .card { background-color: #fff; border-radius: 0.75rem; overflow: hidden; padding: 0 0.1rem 1rem; align-items: center; height: 20rem; width: 20rem; cursor: pointer; } .data-cards .card:hover { background-color: #007BFF; color: #fff; } .data-cards .card h2 { font-family: 'Montserrat-Black', sans-serif; font-size: 1.15rem; text-align: center; color: #092E65; margin-bottom: 0.5rem; } .data-cards .card h3 { font-family: 'Montserrat-Medium', sans-serif; font-size: 1rem; text-align: center; color: #092E65; font-weight: 700; } .data-span { display: block; height: 0.5rem; width: 100%; background-color: #DEDEDE; border-radius: 0.75rem 0.75rem 0 0; } .data-card-content { display: flex; align-items: center; flex-direction: column; width: 90%; } .data-card-content img { margin: 2rem 0 1rem; width: 10rem; } .about .container { padding: 11.875rem 0; } .about .container .row { display: flex; justify-content: space-between; align-items: center; padding: 0 0.9375rem; } .about .about-section { align-self: stretch; } .about .about-top { line-height: 3.125rem; margin-bottom: 3.125rem; font-size: 3rem; color: #092E65; font-family: 'CanaroWoo-Bold', sans-serif; } .about .about-content { font-size: 1.25rem; color: #646464; font-family: 'Gotham', sans-serif; line-height: 2.25rem; } .about .about-content img { width: 100%; } .about .about-content b { font-weight: 700; } .about .about-content b { font-weight: 700; } .play-button { width: 6.6875rem; height: 6.6875rem; background-image: url(../images/play-button.png?8673f971214956c32625a5d4e14b4bb3); background-repeat: no-repeat; background-size: cover; background-color: transparent; border: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .about .view-all { display: block; margin: 1.5rem auto 0; text-align: center; width: 23.125rem; height: 3rem; padding: 0.625rem 6.25rem; border-radius: 0.75rem; font-family: 'Gotham-Bold', sans-serif; font-size: 1.25rem; line-height: 1.5rem; background-color: #092E65; color: #fff; border: 1px solid #092E65; } .about .view-all:hover { background-color: #EFC51E; border: 1px solid #EFC51E; color: #fff; } .about .play-button { top: 45%; } /* DISABLE BUTTON DEFAULT BLUE BORDER ON CLICK */ .about .about-right .play-button:focus { outline: none; } .blogs { padding: 6.875rem 1rem 0; width: 100%; background-image: url(../images/blogs-background.png?53ced244708b8033bee6a2d44a362c20); mix-blend-mode: multiply; } .blogs-content { padding: 2.8125rem 0; } .content-left { display: flex; justify-content: space-between; flex-direction: column; } .content-left_heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5.4375rem; } .content-left_heading .blogs-heading { font-family: 'CanaroWoo-Bold', sans-serif; font-size: 1.5rem; line-height: 2rem; color: #092E65; position: relative; } .aboveline-line-blogs::before { content: ""; position: absolute; top: -0.625rem; left: 0; width: 7.1875rem; height: 0.1875rem; background-color: #092e65; border-radius: 0.9375rem; } .left-content-text { display: flex; font-family: 'Gotham', sans-serif; font-size: 1.5rem; color: #092E65; display: block; margin-left: auto; text-align: right; } .left-content-card { width: 100%; } .content-left .left-content-card.row:nth-of-type(2) { margin-bottom: 0.5rem; } .left-content-card .card { display: flex; flex: 0 0 49.5%; justify-content: space-around; align-items: center; height: 18rem; background: #FFFFFF; box-shadow: 0rem 1.1875rem 2.75rem #B7D3FF73; border-radius: 0.6875rem; opacity: 0.5; padding: 1rem 0.5rem; } .left-content-card.row > .card:first-child { margin-bottom: 0.5rem; } .left-content-card .card .under-picture { font-family: 'Gotham', sans-serif; font-size: 1rem; color: #646464; opacity: 1; } .left-content-card .card .main { font-family: 'Gotham', sans-serif; font-size: 1.3rem; text-align: center; color: #1E1E1E; opacity: 1; } .left-content-card .card .date { text-align: center; font-family: 'Gotham', sans-serif; font-size: 0.7rem; color: #646464; opacity: 1; } .content-right { display: flex; justify-content: stretch; flex-direction: column; } .content-right_heading { font-family: 'CanaroWoo-Bold', sans-serif; font-size: 1.5rem; line-height: 2rem; color: #092E65; position: relative; margin-bottom: 5.4375rem; } .aboveline-right-heading::before { content: ""; position: absolute; top: -0.625rem; left: 0; width: 7.1875rem; height: 0.1875rem; background-color: #092e65; border-radius: 0.9375rem; } .aboveline-left-heading::before { content: ""; position: absolute; top: -0.9rem; right: 1rem; width: 7.1875rem; height: 0.1875rem; background-color: #092e65; border-radius: 0.9375rem; } .content-right .card { display: flex; justify-content: space-between; align-items: center; border-radius: 0.6875rem; height: 100%; } .virtuoso-pic { width: 100%; height: auto; } .right-content-text { padding: 0.9375rem; } .content-right .card p:first-of-type { font-family: 'Gotham', sans-serif; font-size: 1.2rem; color: #1E1E1E; opacity: 1; padding: 0 0.9375rem; margin-top: 1.5rem; } .content-right .card p:nth-child(3) { font-family: 'Gotham', sans-serif; font-size: 1.1rem; color: #1E1E1E; opacity: 0.67; padding: 0 0.9375rem; margin-top: 2rem; } .content-right .card-footer { display: flex; justify-content: space-between; align-items: center; height: 4.375rem; width: 100%; background-color: #fff; padding: 1.375rem 0.9375rem; margin-top: 3.25rem; box-shadow: 0rem 1.1875rem 2.75rem #B7D3FF73; opacity: 0.5; } .content-right .card-footer p { font-family: 'Gotham', sans-serif; font-size: 0.7rem; color: #646464; opacity: 1; } .modal-content { display: flex; align-items: center; flex-direction: column; justify-content: space-between; position: relative; width: 100%; min-height: 45.625rem; display: -ms-flexbox; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0.0625rem solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0; margin: auto; } .close-modal { cursor: pointer; padding: 0.5rem 1rem; font-weight: 700; align-self: flex-end; } .modal-body { display: flex; align-items: center; flex-direction: column; padding: 1rem 2rem 3rem; } .modal-paragraph { text-align: center; } .contact { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 9rem; width: 4rem; background-color: #092E65; z-index: 100; position: fixed; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; } .contact p { color: #fff; font-family: "Gotham-Medium", sans-serif; font-size: 1.25rem; -webkit-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .contact a { margin-right: 0; } .contact-line { height: 0.0625rem; width: 1.25rem; background-color: #fff; margin-top: 0.5rem; } .jp-video-full .jp-video-play { height: 100%; } .vjs-poster { z-index: 1; } /* .vjs-icon-placeholder { position: relative; display: block; width: 7rem; height: 6.25rem; left: 40%; top: 38%; background: url("/assets/images/play-button.png") 0 0 no-repeat; text-indent: -624.9375rem; border: none; cursor: pointer; } .vjs-big-play-button:focus { background: url("/assets/images/play-button.png") 0 -6.25rem no-repeat; }*/ .video-payer-centered.modal-content { position: fixed;; left: 0; top: 0; right: 0; bottom: 0; z-index: 101; } #demo-video-3, #demo-video-4 { position: fixed;; left: 0; top: 0; width: 100%; height: 100%; } button.close { font-size: 20px; display: block; color: white; z-index: 15; align-self: flex-end; position: fixed; cursor: pointer; padding: 0.5rem 1rem; font-weight: 700; } .modal-video { width: 100vw; height: 800vh; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: darkgrey; z-index: 11; } .skr { min-width: 9rem; max-width: 9rem; margin: 0 auto; } .videos-center { margin: 0 auto; width: 75vw; height: 75vh; } .videos-center > div { width: 100%; height: 100%; } .back { font-family: 'CanaroWoo-Bold', sans-serif; font-size: 1.5rem; line-height: 2rem; color: #092E65; position: absolute; top: 10rem; left: 5%; } .back::before { content: ""; position: absolute; top: -0.625rem; left: 0; width: 5.625rem; height: 0.1875rem; background-color: #092e65; border-radius: 0.9375rem; } @media (min-width: 1200px) and (max-width: 1500px) { .back { font-family: 'CanaroWoo-Bold', sans-serif; font-size: 1.5rem; line-height: 2rem; color: #092E65; position: absolute; top: 10rem; left: 4%; } } #video-page p { font-family: 'CanaroWoo-Bold', sans-serif; line-height: 2.8rem; font-size: 2rem; color: #092E65; text-align: center; margin: 2rem auto; } /* IMPORT FONTS */ @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } @font-face { font-family: 'Gotham-Medium'; src: url(../fonts/Gotham-Medium.svg?c5157b68a79b84dbaf836727a41170ed) format('SVG'); src: url(../fonts/Gotham-Medium.eot?27bedb97fbdee480f78a8c5f691b51c2) format('eot'); src: url(../fonts/Gotham-Medium.ttf?315c9e5bc2fcf34c4b35c8d2e8200212) format('ttf'); src: url(../fonts/Gotham-Medium.woff?3e3b51ad745ce8b2c27fc33dfbdd8032) format('woff'); src: url(../fonts/Gotham-Medium.woff2?26bd002e01489882f10a6d3e0c1f345e) format('woff2'); } @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('TTF'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } body { font-family: 'Gotham-book', sans-serif !important; } a { text-decoration: none !important; } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; } button:focus { outline: none; } .contact { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 8.5rem; width: 3rem; background-color: #092E65; z-index: 100; position: fixed; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; } .contact p { color: #fff; font-family: "Gotham-Medium", sans-serif; font-size: 1.25rem; -webkit-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .contact-line { height: .0625rem; width: 1.25rem; background-color: #fff; margin-top: .5rem; } .display-block { display: block; } .background-gray { background-color: #E4E2E3; } .text-red span, .text-blue span { color: #000; } .text-red { color: #f00; } .text-blue { color: #00f; } .border-black { border: .1rem solid #000; } .x-border-black { border-left: .25rem solid #000; border-right: .25rem solid #000; } .y-border-black { border-top: .1rem solid #000; border-bottom: .1rem solid #000; } .margin-bottom { display: inline-block; margin-bottom: 1rem; } .margin-left-2 { margin-left: 2rem; } .padding-left { padding-left: 1rem; } .px-05 { padding: 0 0.5rem; } .py-05 { padding: 0.5rem 0 !important; } .py-075 { padding: 0.75rem 0 !important; } .mb-05 { margin-bottom: 0.5rem !important; } .h-4rem { height: 4rem; } .h-3125rem { height: 3.125rem; } .fz-1 { font-size: 1rem !important; } .fz-125 { font-size: 1.25rem !important; } .section { padding: 5rem 8rem; background-color: #fff; } .section .container a { font-size: 1.25rem; } .section-heading { font-family: 'CanaroWoo-Bold', sans-serif; line-height: 3.1rem; font-size: 2rem; text-align: center; color: #000; margin-bottom: 2.5rem; font-weight: 700; } .section-item { margin-bottom: 1.5rem; } .section-item li { list-style: disc; } .section-item_title { font-weight: 700; font-size: 2rem; line-height: 1.5rem; margin-bottom: 0.75rem; } .section-item_title span { font-weight: 300; } .section-item_image { text-align: center; } .section-item_image img { width: 4rem; height: 4rem; object-fit: contain; } .section-item_content h1 { font-weight: 700; font-size: 1.4rem; margin: 1.5rem 0 0.5rem; } .section-text-bold { color: gray; margin-bottom: 2rem; line-height: 2rem; font-size: 1.5rem; font-weight: 600; } .section-text { margin-bottom: 1.5rem; line-height: 1.25rem; font-size: 1.25rem; } .a-underline { text-decoration: underline !important; } .career-detail { margin-bottom: 1.5rem; line-height: 1.25rem; font-size: 1.25rem; } .career-detail a { color: #092E65; cursor: pointer; font-weight: bold; } .partners-cards { height: 30rem; width: 100%; display: flex; flex-direction: column; } .partners-cards-row { display: flex; justify-content: space-around; align-items: center; } .partners-cards-row:last-child { justify-content: space-between; } .career-detail { margin-bottom: 1.5rem; line-height: 1.25rem; font-size: 1.25rem; } .career-detail a { color: #092E65; cursor: pointer; font-weight: bold; } .partners-cards .card { display: flex; height: 15rem; justify-content: space-between; padding: 1rem; border: none; align-items: center; } .partners-cards .card .card-img { display: flex; align-items: flex-end; justify-content: center; height: 10rem; padding-bottom: 0.8rem; } .partners-cards .card img { max-width: 13rem; max-height: 10rem; } .partners-cards .card .smaller-logo { width: 80%; height: auto; } .partners-cards .card p { color: #296fd6; text-align: center; font-weight: bold; max-width: 15rem; font-family: 'Gotham-Bold', sans-serif; font-size: 1rem; line-height: 1.0625rem; margin-top: 0; height: 3rem; } /* IMPORT FONTS */ @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('TTF'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } @font-face { font-family: 'Montserrat-Medium'; src: url(../fonts/Montserrat-Medium.otf?d815b0a29adf3450c55f56e2fb813be4) format('otf'); } @font-face { font-family: 'Montserrat-Regular'; src: url(../fonts/Montserrat-Regular.otf?92db9a0772b3732e6d686fec3711af42) format('otf'); } body { font-family: 'Gotham-book', sans-serif !important; } a { text-decoration: none !important; } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; } button:focus { outline: none; } @media (min-width: 75rem) { .container { max-width: 87.5rem; } } .footer { background-color: #0D2450; padding: 5rem 3.25rem; } .footer .footer-top { margin-bottom: 5.3125rem; } .footer .footer-content { display: flex; justify-content: space-between; } .footer .footer-content_section-heading { line-height: 3.125rem; font-size: 1.875rem; color: #fff; margin-bottom: 1.875rem; } .footer .footer-content_section-heading p { font-family: 'Montserrat-Medium', sans-serif; display: inline-block; position: relative; font-size: 1.5rem; } .footer .footer-content_section-item { position: relative; padding-left: 1.5625rem; margin-bottom: 0.9375rem; opacity: 0.4; } .footer .footer-content_section-item a { font-family: 'Montserrat-Regular', sans-serif; font-size: 1.125rem; line-height: 1.875rem; color: #fff; } .footer .footer-content_section-item a:hover { text-decoration: none; } .footer .footer-content_section-item::before { content: ""; position: absolute; left: 0; top: 25%; display: block; width: 0.625rem; height: 0.625rem; border-radius: 50%; background-color: #fff; } .footer .footer-bottom_heading { font-size: 1.875rem; line-height: 3.125rem; color: #fff; margin-bottom: 1.5625rem; } .footer .footer-content_section-item.active { opacity: 1; } .footer-copyright { width: 100%; background-color: #092E65; padding: 1.7rem 3.25rem; } .copyright-content { display: flex; justify-content: space-between; align-items: center; } .footer-copyright_logo { width: 11.45rem; } .footer-copyright p { color: #6886C1; font-family: 'Montserrat-Regular', sans-serif; font-size: 1.125rem; }/* IMPORT FONTS */ @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } @font-face { font-family: 'Gotham-Bold'; src: url(../fonts/Gotham-Bold.svg?00db10c25ac9b360cc1a3991a16cb2aa) format('SVG'); src: url(../fonts/Gotham-Bold.eot?c43b47ae88d301bff4ec7dc48c1166f8) format('eot'); src: url(../fonts/Gotham-Bold.ttf?a9edfc53195fcba598a2cb702f7403de) format('ttf'); src: url(../fonts/Gotham-Bold.woff?1ad12ccee15982a0d80d76c2d81f99b7) format('woff'); src: url(../fonts/Gotham-Bold.woff2?24f50667d43cc001ca307a62ed0eb1e3) format('woff2'); } @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('ttf'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } @font-face { font-family: 'Gotham-Black'; src: url(../fonts/Gotham-Black.otf?14b3a355f612d6181e891efd2c798b5f) format('OTF'); } body { font-family: 'Gotham-book', sans-serif !important; } a { text-decoration: none !important; } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; } button:focus { outline: none; } @media (min-width: 75rem) { .container { max-width: 87.5rem; } } .services { padding: 5rem 1rem 0; background-color: #092E65; } .services-heading { font-family: 'CanaroWoo-Bold', sans-serif; color: #fff; font-size: 1.3rem; line-height: 2rem; margin-bottom: 4.0625rem; position: relative; } .services-heading::before { content: ""; position: absolute; top: -0.625rem; left: 0; width: 5.6875rem; height: 0.1875rem; background-color: #fff; border-radius: 0.9375rem; } .services-cards { display: flex; justify-content: center; } .services-cards .card { min-height: 27.1875rem; width: 25rem; background-color: #2A6AFF; padding: 3.125rem 2.1875rem; margin: 0 0.625rem; } .services-cards .card p.card-heading { font-family: 'Gotham-Black', sans-serif; font-size: 1.3rem; line-height: 2rem; text-align: center; color: #fff; margin-bottom: 0.75rem; font-weight: 900; height: 4rem; } .services-cards .card ul li { font-family: 'Gotham-Book', sans-serif; font-size: 1.125rem; color: #fff; line-height: 1.5rem; margin-bottom: 0.5rem; } .schedule { display: flex; justify-content: center; align-items: center; padding: 4.375rem 0; } .schedule a { padding: 1rem 11.875rem; background-color: #EFC51E; color: #fff; border-radius: 0.75rem; text-decoration: none; font-family: 'Gotham-Bold', sans-serif; }@charset "UTF-8"; .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-size: 3em; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\F101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\F144"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\F103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\F104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\F105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\F106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\F107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\F108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\F109"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\F10A"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\F10B"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\F10C"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\F10D"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\F10E"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\F10F"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\F110"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\F111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\F112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\F113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\F114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\F115"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\F116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\F117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\F118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\F119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\F11A"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\F11B"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\F11C"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\F11D"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\F11E"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\F11F"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\F120"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\F121"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\F122"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 0.625rem; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 0.0625rem; left: -624.9375rem; position: absolute; top: 0; width: 0.0625rem; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 1.25rem; color: #fff; background-color: #000; font-size: 1.125rem; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 18.75rem; height: 9.375rem; margin: 0rem auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; height: 3em; width: 3em; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 50%; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 1.25rem 1.5rem; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 0.625rem; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.3333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 0.375rem 0.5rem 0.5rem 0.5rem; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 0.0625rem; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari */ -webkit-user-select: none; /* Konqueror HTML */ /* Firefox */ -moz-user-select: none; /* Internet Explorer/Edge */ -ms-user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 0.0625rem; height: 0.0625rem; margin-left: -0.0625rem; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } /*comment for small screens, because of interfere*/ /*.vjs-poster {*/ /* display: inline-block;*/ /* vertical-align: middle;*/ /* background-repeat: no-repeat;*/ /* background-position: 50% 50%;*/ /* background-size: 100% 100%;*/ /* !*background-size: containt // cover*!*/ /* background-color: #000000;*/ /* cursor: pointer;*/ /* margin: 0;*/ /* padding: 0;*/ /* position: absolute;*/ /* top: 0;*/ /* right: 0;*/ /* bottom: 0;*/ /* left: 0;*/ /* height: 106.5%;*/ /*}*/ .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { -webkit-transform: translateY(-3em); transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -1.5625rem 0 0 -1.5625rem; opacity: 0.85; text-align: left; border: 0.375rem solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -0.375rem; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\F10D"; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \F11D"; font-size: 1.5em; line-height: inherit; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: auto; width: initial; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { flex: auto; display: block; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 1.25rem 1.5rem 0rem 1.5rem; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 1.25rem; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 0.3125rem; padding: 0.1875rem; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 0.3125rem 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem); clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem); display: block; margin: 0 0 0.3125rem 0; padding: 0; border: 0; height: 0.0625rem; width: 0.0625rem; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 0.125rem; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; background: none; } .video-js *:focus:not(:focus-visible), .video-js .vjs-menu *:focus:not(:focus-visible) { outline: none; background: none; }/* IMPORT FONTS */ @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('TTF'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } body { font-family: 'Gotham-book', sans-serif !important; } a { text-decoration: none !important; } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; } button:focus { outline: none; } .contact { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 8.5rem; width: 3rem; background-color: #092E65; z-index: 100; position: fixed; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; } .contact p { color: #fff; font-family: "Gotham-Medium", sans-serif; font-size: 1.25rem; -webkit-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .contact-line { height: 0.0625rem; width: 1.25rem; background-color: #fff; margin-top: 0.5rem; } .form { padding: 2rem 1rem; } .form .container { max-width: 65rem; display: flex; flex-direction: column; } .form .container p.title { font-family: 'CanaroWoo-Bold', sans-serif; line-height: 3.1rem; font-size: 2.5rem; color: #092E65; text-align: center; margin-bottom: 2rem; } .form .container p.heading { font-family: 'Gotham', sans-serif; font-size: 1.8rem; line-height: 3.1rem; font-weight: 700; color: #646464; text-align: center; margin-bottom: 1rem; } .form .container .contact-heading { /*margin-bottom: 1.5rem;*/ font-size: 1.25rem; } .form .container .contact-heading_content { margin: 0.7rem 0; padding: 0.75rem 1rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; font-size: 1.5rem; } .form .container .form-input { display: flex; justify-content: space-between; font-family: 'Gotham', sans-serif; font-size: 1.5rem; line-height: 1.25rem; color: #646464; } .second-input { margin-top: 0.5rem; } .form .container .form-input select, .form .container .form-input textarea { border: 0.05rem solid #CBCBCB; border-radius: 0.5rem; } .form .container .form-input select:focus, .form .container .form-input textarea:focus { outline: none; } .form .container .form-input select { font-family: 'Gotham', sans-serif; text-align: center; font-size: 1.5rem; line-height: 1.5rem; font-weight: 700; padding: 0.5rem 1rem 0.5rem 4rem; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(60deg, transparent 50%, #1E1E1E 50%), linear-gradient(120deg, #1E1E1E 50%, transparent 50%); background-position: calc(100% - 1.25rem), calc(100% - 0.75rem), calc(100% - 0.5rem); background-size: 0.625rem 0.625rem, 0.625rem 0.625rem, .5em .5em; background-repeat: no-repeat; } .form .container .form-input.phone-input input { max-width: 54.3rem; margin-left: auto; display: block; float: right; } .form .container .form-input.phone-input select { height: 3.5rem; width: 9.3rem; } .form .container .form-input:last-of-type { margin-bottom: 0; } .form .container .form-input:last-of-type textarea { width: 97%; display: block; resize: none; padding: 1rem; height: 9rem; font-size: 1.25rem; font-family: 'Gotham-book', sans-serif; } .form .container .form-input:last-of-type textarea:focus { border: 1px solid #0A2D65; } .form .container .form-input_title { font-size: 1.25rem; font-family: 'Gotham-book', sans-serif; margin: 0.7rem 0; } .single-select { width: 11rem; height: 3rem } .form .container .form-input input { width: 96%; height: 3rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; padding: 0.65rem 2rem; font-size: 1.3rem; } .form .container .form-input .date-time { width: 100%; padding: 0.4rem 1rem; height: 3rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; } .form .container .form-input input:focus { border: 1px solid #0A2D65; outline: none; } .form .form-input .form-label { width: 100%; } .label-selector { height: 3.5rem; width: 9.3rem; margin-right: 1.5rem; } .label-selector ~ select { height: 3.5rem; } .wpcf7-form-control.wpcf7-select { height: 100% } select { width: 100%; } .two-labels-row { display: flex; justify-content: space-between; width: 22.5rem; position: relative; bottom: 0.5rem; height: 4rem; align-items: center; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { border-radius: 0.5rem; left: 0; height: 3rem; border: 0.05rem solid #CBCBCB; } .two-labels-row label:last-of-type input { position: relative; } .li-mobile input { display: none; } .select-label { width: 12rem; margin-right: 1.5rem; height: 3rem } .mobile-label { width: 85%; } .form button { display: flex; max-width: 35.4rem; margin: 1.5rem auto 0; padding: 1rem 15.625rem; border: none; border-radius: 0.5rem; background-color: #092E65; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; color: white; } .form button:hover { display: flex; max-width: 35.4rem; margin: 1.5rem auto 0; padding: 1rem 15.625rem; border: none; border-radius: 0.5rem; background-color: #EFC51E; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; color: white; } .form button:focus { outline: none; } .two-buttons { display: flex; justify-content: space-evenly; align-items: center; margin-top: 2rem; } .form .two-buttons button { height: 3.5rem; width: 20rem; background-color: #EFC51E; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; color: white; padding: 0; margin: 0; justify-content: center; } /*/FOR demo-Request FORM*/ .heading-paragraph { font-family: 'Gotham', sans-serif; font-size: 1.8rem; line-height: 3.1rem; font-weight: 700; color: #646464; text-align: center; margin-top: 1.25rem; } .address-second-input { margin-top: 0.5rem; } /*FOR country-code selector input*/ .country-code { width: 100%; } .heading-label-block { font-size: 1.25rem; margin-left: 1rem; width: 100%; } .heading-label-block p { margin: 0.5rem 0; } .heading-label-block label { font-size: 1.25rem; font-family: 'Gotham-book', sans-serif; margin: 0.7rem 0; } .permanent-input-text { width: 90%; margin: 0.7rem 0; padding: 0.835rem 2rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; font-size: 1.5rem; } .select-country-code-label { /*width: 9rem;*/ margin-right: 1rem; } .two-labels-row label:last-of-type { width: 13rem; } #country { display: none; } .full-width-textarea { width: 100%; } .blue-button { text-decoration: none; text-align: center; padding: 0.625rem 5rem; border-radius: 0.625rem; font-family: 'Gotham-Bold-Italic', sans-serif; font-size: 1.25rem; line-height: 1.5rem; background-color: transparent; border: 0.125rem solid #092E65; color: #092E65; margin-right: 0.7rem; } .blue-button:hover { border: 0.125rem solid #EFC51E; color: #EFC51E; } .full-width-label { width: 100%; } /*#contact-form .bottom-block {*/ /* bottom: 0.1rem;*/ /*}*/ /*#CONTACT-FORM STYLES*/ #contact-form .intl-tel-input { width: 100%; } #brief-description-textarea { width: 95%; } #no-margin { margin: 0; bottom: 0.4rem; position: relative; } /*country-selector*/ .intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: flex; justify-content: space-between; align-items: center; width: 9rem; height: 2.9rem; border-radius: 0.5rem; }/* IMPORT FONTS */ @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('TTF'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; padding: 0 1.5rem; } *:focus { outline: none; } .articles { padding: 5rem 3rem; } .articles-title { font-family: 'CanaroWoo-Bold', sans-serif; line-height: 3.1rem; font-size: 3rem; color: #092E65; margin-bottom: 1.5rem; display: flex; justify-content: center; } .articles .article { display: flex;; justify-content: flex-start; align-items: center; padding: 3rem 0; position: relative; line-height: 1.4rem; } .articles .article:last-of-type { padding: 3rem 0; } .articles .article::before { content: ""; position: absolute; width: 12.5px; height: 50px; left: -3rem; top: 25%; background-color: #f00; } hr { display: block; width: 100%; height: 2px; background-color: #000; opacity: 0.25; } hr:last-of-type { height: 0; background-color: transparent; } .articles .article .article-avatar { background-repeat: no-repeat; background-size: cover; border-radius: 50%; width: 12rem; height: 12rem; margin-right: 3rem; } .articles .article .article-content { max-width: 75%; font-size: 1.25rem; } .article-content p { margin: 1rem 0; } .article-content p:last-of-type { margin: 0; } .article-content_tags { margin-top: 1rem; } .articles .article:nth-of-type(2) .article-avatar { background-image: url(../images/Bryan.png?8fe9809d3695dba139b852b9966cdca8); } .articles .article:last-of-type .article-avatar { background-image: url(../images/Reece.png?1cbc57e5ccd8fe69cc4573974c4938e9); } .articles .article .article-content_title { font-size: 1.75rem; } .articles .article .article-content_author { font-size: inherit; margin: .5rem 0; } .articles .article .article-content_description { font-size: inherit; margin-bottom: 0.5rem; line-height: 1.75rem; } .articles .article .article-content_tags { font-size: inherit; } .page-nav-container { display: flex; justify-content: center; font-size: 1.25rem; } .page-nav-container span, a { margin-right: 0.5rem; }/* IMPORT FONTS */ @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('TTF'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } body { font-family: 'Gotham-book', sans-serif !important; } a { text-decoration: none !important; } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; padding: 0 1.5rem; } *:focus { outline: none; } .single-article { padding: 5rem 3rem; } .single-article .container { display: flex; flex-direction: column; justify-content: space-between; } .single-article .article-heading { border: 1px solid rgba(0, 0, 0, 0.15); display: flex; align-items: center; padding: 1rem .5rem; margin-bottom: 3rem; color: gray; } .single-article .article-heading .article-avatar { background-image: url(../images/Reece.png?1cbc57e5ccd8fe69cc4573974c4938e9); background-repeat: no-repeat; background-size: cover; width: 3.5rem; height: 3.5rem; border-radius: 50%; margin-right: 2rem; } .single-article .article-heading .article-author, .single-article .article-heading .article-date { color: rgb(0, 123, 255); font-style: italic; } .single-article .article-heading .article-author { margin-right: 2rem; } .single-article .article-title { font-family: 'CanaroWoo-Bold', sans-serif; line-height: 3.1rem; font-size: 3rem; margin-bottom: 1.5rem; } .single-article .article-content { font-size: 1.5rem; line-height: 2rem; }/* IMPORT FONTS */ @font-face { font-family: 'Gotham-Book'; src: url(../fonts/Gotham-Book.svg?524066802f336bb8c7092e188d07daf2) format('SVG'); src: url(../fonts/Gotham-Book.eot?a292ddf35d65bf67f14252dacec971f9) format('eot'); src: url(../fonts/Gotham-Book.ttf?7da21e94adde2b721b4b4f63c8de0404) format('TTF'); src: url(../fonts/Gotham-Book.woff?e435e7cef5af9ac04a32230af6490e43) format('woff'); src: url(../fonts/Gotham-Book.woff2?5307c23951dfc0701fbcaa04778ed8ce) format('woff2'); } @font-face { font-family: 'Gotham-Black'; src: url(../fonts/Gotham-Black.otf?14b3a355f612d6181e891efd2c798b5f); } @font-face { font-family: 'CanaroWoo-Bold'; src: url(../fonts/Canaro-W00-Bold.ttf?a8500df8aefda36088e92668227157a0) format('ttf'); } @font-face { font-family: 'Montserrat-Black'; src: url(../fonts/Montserrat-Black.ttf?27e3649bab7c62fa21b8837c4842e40e) format('ttf'); } body { font-family: 'Gotham-book', sans-serif !important; } a { text-decoration: none !important; } .container, .row { padding: 0; } .row { max-width: 81.25rem; justify-content: space-between; /*padding: 0 1.5rem;*/ } *:focus { outline: none; } .product-solution { padding: 4rem 0.9375rem 0rem; } .product-solution .container { display: flex; flex-direction: column; justify-content: space-between; } .product-heading { font-family: "Gotham-Black", sans-serif; font-size: 1.6rem; line-height: 2rem; color: #092E65; font-weight: 900; text-align: center; } .product-solution .container #product-cards-container { padding-bottom: 0.5rem; } .slider-arrow-left, .slider-arrow-right { cursor: pointer; } .slider-arrow-left { background-image: url(../images/back.svg?6c9efe0c8c1fb630cd48d0381ece4297); height: 1.5rem; width: 1.5rem; position: relative; top: 45%; z-index: 2; left: -3rem; } .slider-arrow-right { background-image: url(../images/next.svg?be237328d9c252b1b9133a02c3be3e5e); height: 1.5rem; width: 1.5rem; position: relative; bottom: 22.84rem; z-index: 2; left: 82.5rem; } .products-cards-section .slick-dots { position: relative; right: 47%; margin-bottom: 2rem; } .products { display: flex; justify-content: center; } .products-cards-section .row { margin: auto; width: 100%; } .products-cards-section { display: flex; } .products-cards-section .slide-1, .products-cards-section .slide-2 { outline: none; margin-bottom: 1rem; } .products-cards-section .card-product { cursor: pointer; align-items: center; width: 12.5rem; height: 20rem; font-family: 'Gotham', sans-serif; padding: 1rem 0.9375rem; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; margin-bottom: 1rem; } .slide-1 .row, .slide-2 .row { padding: 0 0.5rem; } .slide-1 .row .card-product:nth-child(odd) { background-color: #f3f3f3; } .slide-1 .row .card-product:nth-child(even) { background-color: #FBFBFB; } .slide-2 .row .card-product:nth-child(even) { background-color: #f3f3f3; } .slide-2 .row .card-product:nth-child(odd) { background-color: #FBFBFB; } .products-cards-section .card-product .card-detail { display: flex; flex-direction: column; justify-content: center; align-items: center; } .products-cards-section-cards .card-product .card-detail .product-img { display: block; height: 3.4375rem; width: 3.4375rem; object-fit: cover; margin-bottom: 1.25rem; } .products-cards-section .card-product .card-detail p.card-heading { max-width: 7.8125rem; font-family: 'Gotham-Bold', sans-serif; font-size: 1rem; line-height: 1.0625rem; margin-bottom: 0.625rem; text-align: center; height: 3rem; } .products-cards-section .card-product .card-detail p.card-content { font-family: 'Gotham-Book', sans-serif; font-size: 0.75rem; line-height: 1rem; text-align: center; } .card-hovered { -webkit-transform: scaleY(1.2); transform: scaleY(1.2); z-index: 1; } .long-description-none { display: none; } .product-cards .card:last-of-type { margin: 0; } .product-img { display: block; height: 3.4375rem; width: 3.4375rem; object-fit: cover; margin-bottom: 1.25rem; } .card-ul { list-style: disc; padding-left: 1rem; font-size: 1.25rem; } .card-li { padding-bottom: 0.5rem; } .card-none { display: none; } .modal-product-img { display: block; object-fit: cover; margin-bottom: 1.25rem; height: 12rem; width: 12rem; } .card-heading-modal { font-family: 'Gotham-Bold', sans-serif; font-size: 1.75rem; margin-bottom: 1.5rem; } .product-cards .card p.card-heading { max-width: 7.8125rem; font-family: 'Gotham-Bold', sans-serif; font-size: 0.8125rem; line-height: 1.0625rem; margin-bottom: 0.625rem; text-align: center; height: 3rem; } .product-cards .card p.card-content { font-family: 'Gotham-Book', sans-serif; font-size: 0.75rem; line-height: 1rem; text-align: center; } .modal-content { display: flex; align-items: center; flex-direction: column; justify-content: space-between; position: relative; width: 100%; min-height: 45.625rem; display: -ms-flexbox; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0.0625rem solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0; margin: auto; } .close-modal { cursor: pointer; padding: 0.5rem 1rem; font-weight: 700; align-self: flex-end; } .modal-body { display: flex; align-items: center; flex-direction: column; padding: 1rem 2rem 3rem; } .modal-paragraph { text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 1.5625rem; height: 1.5625rem; margin: 0 0.3125rem; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 1.5625rem; height: 1.5625rem; padding: 0.3125rem; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:before { content: '\2022'; font-size: 2.5rem; line-height: 1.5625rem; position: absolute; top: 0; left: 0; width: 1.5624rem; height: 1.5625rem; text-align: center; opacity: .25; color: black; } .slick-dots li.slick-active button:before { opacity: 1; color: #092E65; } @media(max-width: 87.8125rem) { .slider-arrow-left { left: 0.25rem !important; } .slider-arrow-right { left: 98% !important; } } @media (min-width: 75rem) { .container { max-width: 87.5rem; } }.country-select{ position:relative; /*display:inline-block*/ } .country-select *{ box-sizing:border-box } .country-select .hide{ display:none } .country-select .v-hide{ visibility:hidden } .country-select input, .country-select input[type=text]{ position:relative; z-index:0; margin-top:0 !important; margin-bottom:0 !important; padding-right:36px; margin-right:0 } .country-select .flag-dropdown{ position:absolute; top:0; bottom:0; right:0; padding:1px } .country-select .selected-flag{ z-index:1; position:relative; width:36px; height:100%; padding:0 0 0 8px } .country-select .selected-flag .flag{ position:absolute; top:0; bottom:0; margin:auto } .country-select .selected-flag .arrow{ position:absolute; top:50%; margin-top:-2px; right:6px; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid #555 } .country-select .selected-flag .arrow.up{ border-top:none; border-bottom:4px solid #555 } .country-select ul.country-list{ list-style:none; padding:0; margin:0; } .country-select .country-list{ position:absolute; z-index:2; list-style:none; text-align:left; padding:0; margin:0 0 0 -1px; box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2); background-color:white; border:1px solid #ccc; white-space:nowrap; max-height:200px; overflow-y:scroll } .country-select .country-list .flag{ display:inline-block; width:20px } @media (max-width: 500px){ .country-select .country-list{ white-space:normal } } .country-select .country-list .divider{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; list-style:none; } .country-select .country-list li.country{ list-style:none; } .country-select .country-list .country{ padding:5px 10px } .country-select .country-list .country.highlight{ background-color:rgba(0, 0, 0, 0.05) } .country-select .country-list .flag, .country-select .country-list .country-name{ vertical-align:middle } .country-select .country-list .flag{ margin-right:6px } .country-select.inside input, .country-select.inside input[type=text]{ padding-right:6px; padding-left:52px; margin-left:0 } .country-select.inside .flag-dropdown{ right:auto; left:0 } .country-select.inside .selected-flag{ width:46px } .country-select.inside .flag-dropdown:hover{ cursor:pointer } .country-select.inside .flag-dropdown:hover .selected-flag{ background-color:rgba(0, 0, 0, 0.05) } .country-select.inside input[disabled] + .flag-dropdown:hover, .country-select.inside input[readonly] + .flag-dropdown:hover{ cursor:default } .country-select.inside input[disabled] + .flag-dropdown:hover .selected-flag, .country-select.inside input[readonly] + .flag-dropdown:hover .selected-flag{ background-color:transparent } .country-select .flag{ width:20px; height:15px; box-shadow:0px 0px 1px 0px #888; background-image:url(../images/flags.png?ae33acae404631e997ef8d91dae08ccd); background-repeat:no-repeat; background-color:#dbdbdb; background-position:20px 0 } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ .country-select .flag{ background-image:url(../images/flags@2x.png?f2c77a6b7e26ff160fdb4193b383b1ea) } } .country-select .flag{ width:20px } .country-select .flag.be{ width:18px } .country-select .flag.ch{ width:15px } .country-select .flag.mc{ width:19px } .country-select .flag.ne{ width:18px } .country-select .flag.np{ width:13px } .country-select .flag.va{ width:15px } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ .country-select .flag{ background-size:5630px 15px } } .country-select .flag.ac{ height:10px; background-position:0px 0px } .country-select .flag.ad{ height:14px; background-position:-22px 0px } .country-select .flag.ae{ height:10px; background-position:-44px 0px } .country-select .flag.af{ height:14px; background-position:-66px 0px } .country-select .flag.ag{ height:14px; background-position:-88px 0px } .country-select .flag.ai{ height:10px; background-position:-110px 0px } .country-select .flag.al{ height:15px; background-position:-132px 0px } .country-select .flag.am{ height:10px; background-position:-154px 0px } .country-select .flag.ao{ height:14px; background-position:-176px 0px } .country-select .flag.aq{ height:14px; background-position:-198px 0px } .country-select .flag.ar{ height:13px; background-position:-220px 0px } .country-select .flag.as{ height:10px; background-position:-242px 0px } .country-select .flag.at{ height:14px; background-position:-264px 0px } .country-select .flag.au{ height:10px; background-position:-286px 0px } .country-select .flag.aw{ height:14px; background-position:-308px 0px } .country-select .flag.ax{ height:13px; background-position:-330px 0px } .country-select .flag.az{ height:10px; background-position:-352px 0px } .country-select .flag.ba{ height:10px; background-position:-374px 0px } .country-select .flag.bb{ height:14px; background-position:-396px 0px } .country-select .flag.bd{ height:12px; background-position:-418px 0px } .country-select .flag.be{ height:15px; background-position:-440px 0px } .country-select .flag.bf{ height:14px; background-position:-460px 0px } .country-select .flag.bg{ height:12px; background-position:-482px 0px } .country-select .flag.bh{ height:12px; background-position:-504px 0px } .country-select .flag.bi{ height:12px; background-position:-526px 0px } .country-select .flag.bj{ height:14px; background-position:-548px 0px } .country-select .flag.bl{ height:14px; background-position:-570px 0px } .country-select .flag.bm{ height:10px; background-position:-592px 0px } .country-select .flag.bn{ height:10px; background-position:-614px 0px } .country-select .flag.bo{ height:14px; background-position:-636px 0px } .country-select .flag.bq{ height:14px; background-position:-658px 0px } .country-select .flag.br{ height:14px; background-position:-680px 0px } .country-select .flag.bs{ height:10px; background-position:-702px 0px } .country-select .flag.bt{ height:14px; background-position:-724px 0px } .country-select .flag.bv{ height:15px; background-position:-746px 0px } .country-select .flag.bw{ height:14px; background-position:-768px 0px } .country-select .flag.by{ height:10px; background-position:-790px 0px } .country-select .flag.bz{ height:14px; background-position:-812px 0px } .country-select .flag.ca{ height:10px; background-position:-834px 0px } .country-select .flag.cc{ height:10px; background-position:-856px 0px } .country-select .flag.cd{ height:15px; background-position:-878px 0px } .country-select .flag.cf{ height:14px; background-position:-900px 0px } .country-select .flag.cg{ height:14px; background-position:-922px 0px } .country-select .flag.ch{ height:15px; background-position:-944px 0px } .country-select .flag.ci{ height:14px; background-position:-961px 0px } .country-select .flag.ck{ height:10px; background-position:-983px 0px } .country-select .flag.cl{ height:14px; background-position:-1005px 0px } .country-select .flag.cm{ height:14px; background-position:-1027px 0px } .country-select .flag.cn{ height:14px; background-position:-1049px 0px } .country-select .flag.co{ height:14px; background-position:-1071px 0px } .country-select .flag.cp{ height:14px; background-position:-1093px 0px } .country-select .flag.cr{ height:12px; background-position:-1115px 0px } .country-select .flag.cu{ height:10px; background-position:-1137px 0px } .country-select .flag.cv{ height:12px; background-position:-1159px 0px } .country-select .flag.cw{ height:14px; background-position:-1181px 0px } .country-select .flag.cx{ height:10px; background-position:-1203px 0px } .country-select .flag.cy{ height:13px; background-position:-1225px 0px } .country-select .flag.cz{ height:14px; background-position:-1247px 0px } .country-select .flag.de{ height:12px; background-position:-1269px 0px } .country-select .flag.dg{ height:10px; background-position:-1291px 0px } .country-select .flag.dj{ height:14px; background-position:-1313px 0px } .country-select .flag.dk{ height:15px; background-position:-1335px 0px } .country-select .flag.dm{ height:10px; background-position:-1357px 0px } .country-select .flag.do{ height:13px; background-position:-1379px 0px } .country-select .flag.dz{ height:14px; background-position:-1401px 0px } .country-select .flag.ea{ height:14px; background-position:-1423px 0px } .country-select .flag.ec{ height:14px; background-position:-1445px 0px } .country-select .flag.ee{ height:13px; background-position:-1467px 0px } .country-select .flag.eg{ height:14px; background-position:-1489px 0px } .country-select .flag.eh{ height:10px; background-position:-1511px 0px } .country-select .flag.er{ height:10px; background-position:-1533px 0px } .country-select .flag.es{ height:14px; background-position:-1555px 0px } .country-select .flag.et{ height:10px; background-position:-1577px 0px } .country-select .flag.eu{ height:14px; background-position:-1599px 0px } .country-select .flag.fi{ height:12px; background-position:-1621px 0px } .country-select .flag.fj{ height:10px; background-position:-1643px 0px } .country-select .flag.fk{ height:10px; background-position:-1665px 0px } .country-select .flag.fm{ height:11px; background-position:-1687px 0px } .country-select .flag.fo{ height:15px; background-position:-1709px 0px } .country-select .flag.fr{ height:14px; background-position:-1731px 0px } .country-select .flag.ga{ height:15px; background-position:-1753px 0px } .country-select .flag.gb{ height:10px; background-position:-1775px 0px } .country-select .flag.gd{ height:12px; background-position:-1797px 0px } .country-select .flag.ge{ height:14px; background-position:-1819px 0px } .country-select .flag.gf{ height:14px; background-position:-1841px 0px } .country-select .flag.gg{ height:14px; background-position:-1863px 0px } .country-select .flag.gh{ height:14px; background-position:-1885px 0px } .country-select .flag.gi{ height:10px; background-position:-1907px 0px } .country-select .flag.gl{ height:14px; background-position:-1929px 0px } .country-select .flag.gm{ height:14px; background-position:-1951px 0px } .country-select .flag.gn{ height:14px; background-position:-1973px 0px } .country-select .flag.gp{ height:14px; background-position:-1995px 0px } .country-select .flag.gq{ height:14px; background-position:-2017px 0px } .country-select .flag.gr{ height:14px; background-position:-2039px 0px } .country-select .flag.gs{ height:10px; background-position:-2061px 0px } .country-select .flag.gt{ height:13px; background-position:-2083px 0px } .country-select .flag.gu{ height:11px; background-position:-2105px 0px } .country-select .flag.gw{ height:10px; background-position:-2127px 0px } .country-select .flag.gy{ height:12px; background-position:-2149px 0px } .country-select .flag.hk{ height:14px; background-position:-2171px 0px } .country-select .flag.hm{ height:10px; background-position:-2193px 0px } .country-select .flag.hn{ height:10px; background-position:-2215px 0px } .country-select .flag.hr{ height:10px; background-position:-2237px 0px } .country-select .flag.ht{ height:12px; background-position:-2259px 0px } .country-select .flag.hu{ height:10px; background-position:-2281px 0px } .country-select .flag.ic{ height:14px; background-position:-2303px 0px } .country-select .flag.id{ height:14px; background-position:-2325px 0px } .country-select .flag.ie{ height:10px; background-position:-2347px 0px } .country-select .flag.il{ height:15px; background-position:-2369px 0px } .country-select .flag.im{ height:10px; background-position:-2391px 0px } .country-select .flag.in{ height:14px; background-position:-2413px 0px } .country-select .flag.io{ height:10px; background-position:-2435px 0px } .country-select .flag.iq{ height:14px; background-position:-2457px 0px } .country-select .flag.ir{ height:12px; background-position:-2479px 0px } .country-select .flag.is{ height:15px; background-position:-2501px 0px } .country-select .flag.it{ height:14px; background-position:-2523px 0px } .country-select .flag.je{ height:12px; background-position:-2545px 0px } .country-select .flag.jm{ height:10px; background-position:-2567px 0px } .country-select .flag.jo{ height:10px; background-position:-2589px 0px } .country-select .flag.jp{ height:14px; background-position:-2611px 0px } .country-select .flag.ke{ height:14px; background-position:-2633px 0px } .country-select .flag.kg{ height:12px; background-position:-2655px 0px } .country-select .flag.kh{ height:13px; background-position:-2677px 0px } .country-select .flag.ki{ height:10px; background-position:-2699px 0px } .country-select .flag.km{ height:12px; background-position:-2721px 0px } .country-select .flag.kn{ height:14px; background-position:-2743px 0px } .country-select .flag.kp{ height:10px; background-position:-2765px 0px } .country-select .flag.kr{ height:14px; background-position:-2787px 0px } .country-select .flag.kw{ height:10px; background-position:-2809px 0px } .country-select .flag.ky{ height:10px; background-position:-2831px 0px } .country-select .flag.kz{ height:10px; background-position:-2853px 0px } .country-select .flag.la{ height:14px; background-position:-2875px 0px } .country-select .flag.lb{ height:14px; background-position:-2897px 0px } .country-select .flag.lc{ height:10px; background-position:-2919px 0px } .country-select .flag.li{ height:12px; background-position:-2941px 0px } .country-select .flag.lk{ height:10px; background-position:-2963px 0px } .country-select .flag.lr{ height:11px; background-position:-2985px 0px } .country-select .flag.ls{ height:14px; background-position:-3007px 0px } .country-select .flag.lt{ height:12px; background-position:-3029px 0px } .country-select .flag.lu{ height:12px; background-position:-3051px 0px } .country-select .flag.lv{ height:10px; background-position:-3073px 0px } .country-select .flag.ly{ height:10px; background-position:-3095px 0px } .country-select .flag.ma{ height:14px; background-position:-3117px 0px } .country-select .flag.mc{ height:15px; background-position:-3139px 0px } .country-select .flag.md{ height:10px; background-position:-3160px 0px } .country-select .flag.me{ height:10px; background-position:-3182px 0px } .country-select .flag.mf{ height:14px; background-position:-3204px 0px } .country-select .flag.mg{ height:14px; background-position:-3226px 0px } .country-select .flag.mh{ height:11px; background-position:-3248px 0px } .country-select .flag.mk{ height:10px; background-position:-3270px 0px } .country-select .flag.ml{ height:14px; background-position:-3292px 0px } .country-select .flag.mm{ height:14px; background-position:-3314px 0px } .country-select .flag.mn{ height:10px; background-position:-3336px 0px } .country-select .flag.mo{ height:14px; background-position:-3358px 0px } .country-select .flag.mp{ height:10px; background-position:-3380px 0px } .country-select .flag.mq{ height:14px; background-position:-3402px 0px } .country-select .flag.mr{ height:14px; background-position:-3424px 0px } .country-select .flag.ms{ height:10px; background-position:-3446px 0px } .country-select .flag.mt{ height:14px; background-position:-3468px 0px } .country-select .flag.mu{ height:14px; background-position:-3490px 0px } .country-select .flag.mv{ height:14px; background-position:-3512px 0px } .country-select .flag.mw{ height:14px; background-position:-3534px 0px } .country-select .flag.mx{ height:12px; background-position:-3556px 0px } .country-select .flag.my{ height:10px; background-position:-3578px 0px } .country-select .flag.mz{ height:14px; background-position:-3600px 0px } .country-select .flag.na{ height:14px; background-position:-3622px 0px } .country-select .flag.nc{ height:10px; background-position:-3644px 0px } .country-select .flag.ne{ height:15px; background-position:-3666px 0px } .country-select .flag.nf{ height:10px; background-position:-3686px 0px } .country-select .flag.ng{ height:10px; background-position:-3708px 0px } .country-select .flag.ni{ height:12px; background-position:-3730px 0px } .country-select .flag.nl{ height:14px; background-position:-3752px 0px } .country-select .flag.no{ height:15px; background-position:-3774px 0px } .country-select .flag.np{ height:15px; background-position:-3796px 0px; background-color:transparent } .country-select .flag.nr{ height:10px; background-position:-3811px 0px } .country-select .flag.nu{ height:10px; background-position:-3833px 0px } .country-select .flag.nz{ height:10px; background-position:-3855px 0px } .country-select .flag.om{ height:10px; background-position:-3877px 0px } .country-select .flag.pa{ height:14px; background-position:-3899px 0px } .country-select .flag.pe{ height:14px; background-position:-3921px 0px } .country-select .flag.pf{ height:14px; background-position:-3943px 0px } .country-select .flag.pg{ height:15px; background-position:-3965px 0px } .country-select .flag.ph{ height:10px; background-position:-3987px 0px } .country-select .flag.pk{ height:14px; background-position:-4009px 0px } .country-select .flag.pl{ height:13px; background-position:-4031px 0px } .country-select .flag.pm{ height:14px; background-position:-4053px 0px } .country-select .flag.pn{ height:10px; background-position:-4075px 0px } .country-select .flag.pr{ height:14px; background-position:-4097px 0px } .country-select .flag.ps{ height:10px; background-position:-4119px 0px } .country-select .flag.pt{ height:14px; background-position:-4141px 0px } .country-select .flag.pw{ height:13px; background-position:-4163px 0px } .country-select .flag.py{ height:11px; background-position:-4185px 0px } .country-select .flag.qa{ height:8px; background-position:-4207px 0px } .country-select .flag.re{ height:14px; background-position:-4229px 0px } .country-select .flag.ro{ height:14px; background-position:-4251px 0px } .country-select .flag.rs{ height:14px; background-position:-4273px 0px } .country-select .flag.ru{ height:14px; background-position:-4295px 0px } .country-select .flag.rw{ height:14px; background-position:-4317px 0px } .country-select .flag.sa{ height:14px; background-position:-4339px 0px } .country-select .flag.sb{ height:10px; background-position:-4361px 0px } .country-select .flag.sc{ height:10px; background-position:-4383px 0px } .country-select .flag.sd{ height:10px; background-position:-4405px 0px } .country-select .flag.se{ height:13px; background-position:-4427px 0px } .country-select .flag.sg{ height:14px; background-position:-4449px 0px } .country-select .flag.sh{ height:10px; background-position:-4471px 0px } .country-select .flag.si{ height:10px; background-position:-4493px 0px } .country-select .flag.sj{ height:15px; background-position:-4515px 0px } .country-select .flag.sk{ height:14px; background-position:-4537px 0px } .country-select .flag.sl{ height:14px; background-position:-4559px 0px } .country-select .flag.sm{ height:15px; background-position:-4581px 0px } .country-select .flag.sn{ height:14px; background-position:-4603px 0px } .country-select .flag.so{ height:14px; background-position:-4625px 0px } .country-select .flag.sr{ height:14px; background-position:-4647px 0px } .country-select .flag.ss{ height:10px; background-position:-4669px 0px } .country-select .flag.st{ height:10px; background-position:-4691px 0px } .country-select .flag.sv{ height:12px; background-position:-4713px 0px } .country-select .flag.sx{ height:14px; background-position:-4735px 0px } .country-select .flag.sy{ height:14px; background-position:-4757px 0px } .country-select .flag.sz{ height:14px; background-position:-4779px 0px } .country-select .flag.ta{ height:10px; background-position:-4801px 0px } .country-select .flag.tc{ height:10px; background-position:-4823px 0px } .country-select .flag.td{ height:14px; background-position:-4845px 0px } .country-select .flag.tf{ height:14px; background-position:-4867px 0px } .country-select .flag.tg{ height:13px; background-position:-4889px 0px } .country-select .flag.th{ height:14px; background-position:-4911px 0px } .country-select .flag.tj{ height:10px; background-position:-4933px 0px } .country-select .flag.tk{ height:10px; background-position:-4955px 0px } .country-select .flag.tl{ height:10px; background-position:-4977px 0px } .country-select .flag.tm{ height:14px; background-position:-4999px 0px } .country-select .flag.tn{ height:14px; background-position:-5021px 0px } .country-select .flag.to{ height:10px; background-position:-5043px 0px } .country-select .flag.tr{ height:14px; background-position:-5065px 0px } .country-select .flag.tt{ height:12px; background-position:-5087px 0px } .country-select .flag.tv{ height:10px; background-position:-5109px 0px } .country-select .flag.tw{ height:14px; background-position:-5131px 0px } .country-select .flag.tz{ height:14px; background-position:-5153px 0px } .country-select .flag.ua{ height:14px; background-position:-5175px 0px } .country-select .flag.ug{ height:14px; background-position:-5197px 0px } .country-select .flag.um{ height:11px; background-position:-5219px 0px } .country-select .flag.us{ height:11px; background-position:-5241px 0px } .country-select .flag.uy{ height:14px; background-position:-5263px 0px } .country-select .flag.uz{ height:10px; background-position:-5285px 0px } .country-select .flag.va{ height:15px; background-position:-5307px 0px } .country-select .flag.vc{ height:14px; background-position:-5324px 0px } .country-select .flag.ve{ height:14px; background-position:-5346px 0px } .country-select .flag.vg{ height:10px; background-position:-5368px 0px } .country-select .flag.vi{ height:14px; background-position:-5390px 0px } .country-select .flag.vn{ height:14px; background-position:-5412px 0px } .country-select .flag.vu{ height:12px; background-position:-5434px 0px } .country-select .flag.wf{ height:14px; background-position:-5456px 0px } .country-select .flag.ws{ height:10px; background-position:-5478px 0px } .country-select .flag.xk{ height:15px; background-position:-5500px 0px } .country-select .flag.ye{ height:14px; background-position:-5522px 0px } .country-select .flag.yt{ height:14px; background-position:-5544px 0px } .country-select .flag.za{ height:14px; background-position:-5566px 0px } .country-select .flag.zm{ height:14px; background-position:-5588px 0px } .country-select .flag.zw{ height:10px; background-position:-5610px 0px }/** * Variables declared here can be overridden by consuming applications, with * the help of the `!default` flag. * * @example * // overriding $hoverColor * $hoverColor: rgba(red, 0.05); * * // overriding image path * $flagsImagePath: "images/"; * * // import the scss file after the overrides * @import "bower_component/intl-tel-input/src/css/intlTelInput"; */ #register-form .intl-tel-input { width: 9rem; position: relative; bottom: 1.5px; } .intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; } .intl-tel-input .hide { display: none; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .intl-tel-input .flag-container { top: 0; bottom: 0; right: 0; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0 12px 0 10px; } .intl-tel-input .selected-flag .iti-flag { /*position: absolute;*/ /*top: 0;*/ /*bottom: 0;*/ /*margin: auto;*/ width: 1.2rem; height: 0.6rem; } .intl-tel-input .selected-flag .iti-arrow { width: 0; height: 0; border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; border-top: 0.8rem solid black; } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; } .intl-tel-input .country-list { list-style: none; padding: 0; margin: 0; } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 160px; overflow-y: scroll; } .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; list-style: none; } .intl-tel-input .country-list li.country { list-style: none; } .intl-tel-input .country-list .country { padding: 5px 10px; } .intl-tel-input .country-list .country .dial-code { color: #999; } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { /*right: auto;*/ left: 0; } /*.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {*/ /* width: 46px;*/ /*}*/ .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.separate-dial-code .selected-dial-code { font-family: 'Gotham', sans-serif; text-align: center; font-size: 1.5rem; line-height: 1.5rem; width: 5rem; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; /*color: #000000;*/ /*background-image: linear-gradient(60deg, transparent 50%, #1E1E1E 50%), linear-gradient(120deg, #1E1E1E 50%, transparent 50%);*/ /*background-position: calc(100% - 1.25rem), calc(100% - 0.75rem), calc(100% - 0.5rem);*/ /*background-size: 0.625rem 0.625rem, 0.625rem 0.625rem, .5em .5em;*/ background-repeat: no-repeat; } .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 9rem; } .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag { width: 60px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] { padding: 0 1rem 0 8rem; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 9rem; display: flex; justify-content: space-between; align-items: center; } .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 10rem; } .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag { width: 68px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] { padding-left: 8.7rem; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { display: flex; justify-content: space-between; align-items: center; width: 9rem; } .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 11rem; } .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag { width: 76px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] { padding-left: 8.6rem; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { display: flex; justify-content: space-between; align-items: center; width: 9rem; } .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 12rem; } .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag { width: 84px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] { padding-left: 8.6rem; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag { width: 9rem; display: flex; justify-content: space-between; align-items: center; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } /*.iti-mobile .intl-tel-input.iti-container {*/ /* top: 76%;*/ /* left: 17.5%;*/ /* width: 27.5%;*/ /* height: 9rem;*/ /*}*/ .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 13px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 13px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.us { height: 11px; background-position: -5241px 0px; } .iti-flag.uy { height: 14px; background-position: -5263px 0px; } .iti-flag.uz { height: 10px; background-position: -5285px 0px; } .iti-flag.va { height: 15px; background-position: -5307px 0px; } .iti-flag.vc { height: 14px; background-position: -5324px 0px; } .iti-flag.ve { height: 14px; background-position: -5346px 0px; } .iti-flag.vg { height: 10px; background-position: -5368px 0px; } .iti-flag.vi { height: 14px; background-position: -5390px 0px; } .iti-flag.vn { height: 14px; background-position: -5412px 0px; } .iti-flag.vu { height: 12px; background-position: -5434px 0px; } .iti-flag.wf { height: 14px; background-position: -5456px 0px; } .iti-flag.ws { height: 10px; background-position: -5478px 0px; } .iti-flag.xk { height: 15px; background-position: -5500px 0px; } .iti-flag.ye { height: 14px; background-position: -5522px 0px; } .iti-flag.yt { height: 14px; background-position: -5544px 0px; } .iti-flag.za { height: 14px; background-position: -5566px 0px; } .iti-flag.zm { height: 14px; background-position: -5588px 0px; } .iti-flag.zw { height: 10px; background-position: -5610px 0px; } .iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url(../images/flags.png?ae33acae404631e997ef8d91dae08ccd); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url(../images/flags@2x.png?f2c77a6b7e26ff160fdb4193b383b1ea); } } .iti-flag.np { background-color: transparent; } #register-form { padding: 1rem 1rem 0; } #register-form li { list-style: none; } #register-form span.wppb-required { display: none; } #register-form .li-input { display: inline-block; width: 45%; height: 5.5rem; } #register-form .li-input label { display: block; margin: 0.5rem 0; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.25rem; color: #646464; } #register-form .li-input input { width: 95%; height: 3rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; padding: 0.6rem 2rem; /*font-size: 1.3rem;*/ font-size: 1.2rem; } #register-form .li-margin { margin-left: 7%; } /*Password li*/ #register-form .li-none { display: none; } #register-form .form-submit input { display: flex; max-width: 35.4rem; margin: 0.5rem auto; padding: 1rem 15.625rem; border: none; border-radius: 0.5rem; background-color: #092E65; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; color: white; } #register-form .form-submit:hover input { display: flex; max-width: 35.4rem; margin: 0.5rem auto; padding: 1rem 15.625rem; border: none; border-radius: 0.5rem; background-color: #EFC51E; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; color: white; } #register-form .li-mobile { width: 9rem; } #register-form .li-mobile > label { width: 13rem; } #register-form .mobile-input { display: inline-block; position: inherit; width: calc(41.5% - 9rem); margin-left: 1%; } #register-form .mobile-input input { width: 100%; height: 3rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; padding: 0.6rem 2rem; /*font-size: 1.3rem;*/ font-size: 1.2rem; } #register-form .wppb-default-password { margin-left: 2.5%; } .products-modal-content { display: flex; align-items: center; flex-direction: column; position: relative; width: 100%; min-height: 30rem; display: -ms-flexbox; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0.0625rem solid rgba(0, 0, 0, .2); border-radius: 1rem; outline: 0; margin: auto; } .modal-header { display: flex; align-items: center; height: 6rem; justify-content: center; width: 100%; background-color: #0A2D65; border-bottom: 5px solid red; border-radius: .9rem .9rem 0 0; } .product-header-content { display: flex; align-items: center; } .product-header-content img { height: 2.5rem; position: absolute; left: 2rem; } /*.product-header-content h2 {*/ /* font-size: 2rem;*/ /* font-family: 'Gotham-Bold', sans-serif;*/ /* line-height: 2.5rem;*/ /* color: #fff;*/ /* position: relative;*/ /* left: 0.5rem;*/ /*}*/ .products-modal-content iframe { width: 100%; height: 27rem; z-index: 1; } #register-form .intl-tel-input ul.country-list { list-style: none; padding: 0; margin: 0; height: 6rem; } #register-form .li-mobile .extra_field_input { width: 100%; height: 3rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; padding: 0.75rem 2rem; } #register-form .li-input input:focus { border: 1px solid #0A2D65; } #register-form .mobile-input input:focus { border: 1px solid #0A2D65; } .under-button { position: absolute; text-align: center; font-family: 'Gotham', sans-serif; color: #646464; line-height: 1rem; bottom: 1.2rem; z-index: 2; } .under-button a { cursor: pointer; font-size: 1rem; color: #092E65; font-weight: bold; } .iframe-no-header { display: none; } .products-modal-content i { position: absolute; height: 3rem; width: 3rem; top: 1rem; right: 1rem; font-size: 2rem; color: white; border: 2px solid #fff; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; } #evaluationLicense, #contact { width: 100%; height: 40rem; } #register-form .wppb-user-forms { display: flex; flex-direction: column; justify-content: space-evenly; height: 23rem; } #register-iframe { width: 100%; height: 26.5rem; z-index: 1; } .register-password-eye-open { height: 2rem; width: 1.5rem; position: relative; bottom: 2.2rem; left: 18.5rem; background-image: url(../images/eye-solid.svg?9031ec881f8382180ee5f9a06d2f243c); cursor: pointer; background-repeat: no-repeat; } .register-password-eye-closed { height: 2rem; width: 1.5rem; position: relative; bottom: 2.2rem; left: 18.5rem; background-image: url(../images/eye-slash-solid.svg?fde986e6f4874c1b44ccc54b6ad53c60); cursor: pointer; background-repeat: no-repeat; } .modal-h2 { font-size: 2rem; font-family: 'Gotham-Bold', sans-serif; line-height: 2.5rem; color: #fff; position: relative; left: 0.5rem; } .video-register-heading { font-size: 1.35rem; font-family: 'Gotham-Bold', sans-serif; line-height: 2rem; color: #fff; position: relative; left: 0.5rem; text-align: center; max-width: 38rem; }#register-form #wppb_form_general_message { position: relative; padding: 0 1.25rem; border: 1px solid transparent; } #register-form span.wppb-form-error { display: table; font-size: 0.75rem; color: red; }#login-form { text-align: center; } #wppb-login-wrap { display: flex; justify-content: center; align-items: center; } #corp-login > #wppb-login-wrap { padding-top: 2rem; } #login-form > #wppb-login-wrap { padding-top: 3rem; } #login-form .login-register-lost-password { display: none; } /*after heading text "login"*/ #login-form p { font-family: 'CanaroWoo-Bold', sans-serif; line-height: 2.8rem; font-size: 2rem; color: #092E65; text-align: center; } #login-form p.wppb-error, #corp-login p.wppb-error { margin-top: 0.5rem; margin-bottom: -2rem; font-family: 'CanaroWoo-Bold', sans-serif; line-height: 1.5rem; font-size: 1.5rem; display: flex; justify-content: center; } #login-form p.login-remember { margin-top: 1rem; margin-bottom: 0; } #wppb-login-wrap p { display: flex; flex-direction: column; text-align: start; width: 33rem; } #wppb-login-wrap p > label { margin: 0.7rem 0; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.25rem; color: #646464; } #wppb-login-wrap p > input { width: 100%; height: 3rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; padding: 0 2rem; font-size: 1.3rem; } #wppb-login-wrap p > input:focus { border: 1px solid #0A2D65; } #wppb-login-wrap .login-submit > input { display: flex; border: none; border-radius: 0.5rem; background-color: #092E65; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.2rem; font-weight: 700; color: white; justify-content: center; align-items: center; margin: 1rem 0; } #wppb-login-wrap .login-submit > input:hover { display: flex; border: none; border-radius: 0.5rem; background-color: #EFC51E; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.2rem; font-weight: 700; color: white; justify-content: center; align-items: center; margin: 1rem 0; } /*For 'Recover password' Page*/ #wppb-recover-password-container { display: flex; justify-content: center; align-items: center; flex-direction: column; } #wppb-recover-password-container p { font-family: 'CanaroWoo-Bold', sans-serif; line-height: 2.8rem; font-size: 1.8rem; color: #092E65; text-align: center; } #wppb-recover-password-container ul { display: flex; justify-content: center; align-items: center; flex-direction: column; } #wppb-recover-password-container ul > li { display: flex; flex-direction: column; text-align: start; width: 33rem; margin-bottom: 0.5rem; } #wppb-recover-password-container li > label { margin: 0.7rem 0; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.25rem; color: #646464; } #wppb-recover-password-container li > input { width: 100%; height: 3rem; border-radius: 0.5rem; border: 0.05rem solid #CBCBCB; padding: 0 2rem; font-size: 1.3rem; } #wppb-recover-password-container li > input:focus { border: 1px solid #0A2D65; } #wppb-recover-password-container .form-submit { display: flex; justify-content: center; align-items: center; } #wppb-recover-password-button, #corp-bar { border: #092E65; border-radius: 0.5rem; background-color: #092E65; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.2rem; font-weight: 700; color: white; height: 3rem; width: 33rem; } #wppb-recover-password-button:hover, #corp-bar:hover { border: #EFC51E; border-radius: 0.5rem; background-color: #EFC51E; font-family: 'Gotham', sans-serif; font-size: 1.25rem; line-height: 1.2rem; font-weight: 700; color: white; height: 3rem; width: 33rem; } form #wppb-recover-password p { margin-top: 1rem; margin-bottom: 0; font-size: 2rem; } .wppb-user-forms { display: flex; flex-direction: column; justify-content: space-evenly; height: 17rem; } .login-eye-open { height: 2rem; width: 1.5rem; position: absolute; bottom: 14.4rem; left: 39.4rem; background-image: url(../images/eye-solid.svg?9031ec881f8382180ee5f9a06d2f243c); cursor: pointer; background-repeat: no-repeat; } .login-eye-closed { height: 2rem; width: 1.5rem; position: absolute; bottom: 14.4rem; left: 39.4rem; background-image: url(../images/eye-slash-solid.svg?fde986e6f4874c1b44ccc54b6ad53c60); cursor: pointer; background-repeat: no-repeat; } .login-eye-open-err { height: 2rem; width: 1.5rem; position: absolute; bottom: 14.4rem; left: 39.4rem; background-image: url(../images/eye-solid.svg?9031ec881f8382180ee5f9a06d2f243c); cursor: pointer; background-repeat: no-repeat; } .login-eye-closed-err { height: 2rem; width: 1.5rem; position: absolute; bottom: 14.4rem; left: 39.4rem; background-image: url(../images/eye-slash-solid.svg?fde986e6f4874c1b44ccc54b6ad53c60); cursor: pointer; background-repeat: no-repeat; } .recover-eye-open { height: 2rem; width: 1.5rem; position: absolute; bottom: 19rem; left: 39.4rem; background-image: url(../images/eye-solid.svg?9031ec881f8382180ee5f9a06d2f243c); cursor: pointer; background-repeat: no-repeat; } .recover-eye-closed { height: 2rem; width: 1.5rem; position: absolute; bottom: 19rem; left: 39.4rem; background-image: url(../images/eye-slash-solid.svg?fde986e6f4874c1b44ccc54b6ad53c60); cursor: pointer; background-repeat: no-repeat; } .recover-eye-open-err { height: 2rem; width: 1.5rem; position: absolute; bottom: 16.3rem; left: 39.4rem; background-image: url(../images/eye-solid.svg?9031ec881f8382180ee5f9a06d2f243c); cursor: pointer; background-repeat: no-repeat; } .recover-eye-closed-err { height: 2rem; width: 1.5rem; position: absolute; bottom: 16.3rem; left: 39.4rem; background-image: url(../images/eye-slash-solid.svg?fde986e6f4874c1b44ccc54b6ad53c60); cursor: pointer; background-repeat: no-repeat; } #corp-bar { position: absolute; bottom: 3rem; left: 8.5rem; display: flex; justify-content: center; align-items: center; z-index: 2; } #corp-bar a { color: white; } #corp-login .login-username { display: none } #corp-bar.corporate-login-form { bottom: 7rem; } #corp-login .login-eye-open { height: 2rem; width: 1.5rem; position: absolute; bottom: 17.6rem; left: 39.4rem; background-image: url(../images/eye-solid.svg?9031ec881f8382180ee5f9a06d2f243c); cursor: pointer; background-repeat: no-repeat; } #corp-login .login-eye-closed { height: 2rem; width: 1.5rem; position: absolute; bottom: 17.6rem; left: 39.4rem; background-image: url(../images/eye-slash-solid.svg?fde986e6f4874c1b44ccc54b6ad53c60); cursor: pointer; background-repeat: no-repeat; } #corp-login .login-eye-open-err { height: 2rem; width: 1.5rem; position: absolute; bottom: 17.6rem; left: 39.4rem; background-image: url(../images/eye-solid.svg?9031ec881f8382180ee5f9a06d2f243c); cursor: pointer; background-repeat: no-repeat; } #corp-login .login-eye-closed-err { height: 2rem; width: 1.5rem; position: absolute; bottom: 17.6rem; left: 39.4rem; background-image: url(../images/eye-slash-solid.svg?fde986e6f4874c1b44ccc54b6ad53c60); cursor: pointer; background-repeat: no-repeat; } .fple-products { display: flex; justify-content: center; margin: 1.6rem 0; flex-direction: column; } .fple-products .row { margin: auto; width: 100%; } .fple-products .row .fple-card-product:nth-child(odd) { background-color: #f3f3f3; } .fple-products .row .fple-card-product:nth-child(even) { background-color: #FBFBFB; } .fple-card-product { cursor: pointer; align-items: center; width: 12.5rem; height: 15rem; font-family: 'Gotham', sans-serif; padding: 1rem 0.9rem; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: 0.5rem; margin-bottom: 1rem; } .fple-card-product .card-detail { display: flex; flex-direction: column; justify-content: center; align-items: center; } .fple-card-product .card-detail .product-img { display: block; height: 3.4375rem; width: 3.4375rem; object-fit: cover; margin-bottom: 1.25rem; } .fple-card-product .card-detail p.card-heading { max-width: 10rem; font-family: 'Gotham-Bold', sans-serif; font-size: 1rem; line-height: 1.0625rem; margin-bottom: 0.625rem; text-align: center; height: 3rem; } .fple-card-product .card-detail p.card-content { font-family: 'Gotham-Book', sans-serif; font-size: 0.75rem; line-height: 1rem; text-align: center; } .centered-row { display: flex; justify-content: center; align-items: center; } a.red-underline { color: #a10f6c; margin-top: 20px; margin-bottom: 20px; text-decoration: underline!important; } .start-underline { text-decoration: underline; font-weight: bold; text-decoration-thickness: 2px; } .text-line-2 { line-height: 1.5rem; } .mb-2 { margin-bottom: 8px !important; } .section-item ul li { list-style: disc; } ol li { margin-bottom: 20px; } #mostUsedCommands ul { margin: 10px 0 20px 30px; } .two-labels-row.demo { bottom: 0; height: 48px; margin-right: 12px; } .two-labels-row.demo + p { display: none; } .form-input.licenses-input { margin-right: 22px; } label.second-input { margin-top: 0; } a.active-menu-top { background-color: yellow; border: blue; border-radius: 24px; padding: 2px 10px; color: blue; } .layout-item:first-of-type .layout-item_content p { margin-bottom: 2rem; } .layout-item:last-of-type .layout-item_content p { margin-bottom: 1.6rem; } img.solution-hub { width: auto; height: 12.25rem; margin-bottom: 1.4063rem; } .data-cards .card div { font-family: 'Montserrat-Black', sans-serif; font-size: 1rem; text-align: center; color: #092E65; } .partners-cards-column { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; } .solution-hub-text { font-size: 1.75rem; font-weight: 900; padding-bottom: 2rem; } #downloading { position: relative; width: 100%; height: 100%; text-align: center; margin: 25% auto 0; font-size: 1.75rem; font-weight: 900; } .layout-item_heading_no_underscore { font-family: 'Montserrat', sans-serif; color: #092e65; font-size: 1.5rem; line-height: 2rem; margin-bottom: 2.1875rem; position: relative; font-weight: 600; }