.fm-head-notice { display:none; } /* Top bar start */ .fm-topbar-container { display: flex; flex-direction: row; justify-content: flex-end; margin: 20px 0 20px 0; font-family: Roboto; } .fm-topbar-container * { box-sizing: border-box; } .fm-topbar-container .fm-topbar { background-color: #FFFFFF; border: 1px solid #D0D0D080; border-radius: 7px; color: #000000; padding: 10px; } .fm-topbar-content { display: flex; justify-content: space-between; flex: auto; margin: 0 2px 0 0; padding: 10px 15px; height: 60px; } .fm-topbar-links { color: #000000; display: flex; flex-direction: column; justify-content: space-around; font-size: 18px; font-weight: 300; margin: 0 0 0 2px; height: 60px; } .fm-topbar-links-container { display: flex; justify-content: space-around; height: 80%; } .fm-topbar-links-item { display: flex; flex: 1; align-self: center; justify-content: center; width: 170px; line-height: 50px; } .fm-topbar-links * { font-size: 18px; } .fm-topbar-links a, .fm-topbar-links a:focus { align-self: center; box-shadow: none; color: #000000; text-decoration: none; } .fm-topbar-links a:hover { opacity: 0.5; text-decoration: none; } .fm-topbar-separator { background-color: #C2C2C280; width: 1px; height: 100%; } .fm-topbar-content-title { color: #0C4D68; font-size: 16px; font-weight: 700; line-height: 22px; text-transform: uppercase; } .fm-topbar-content-body { font-size: 15px; font-weight: 300; line-height: 20px; } .fm-topbar-content-container { display: flex; flex-direction: column; } .fm-topbar-content-button-container, .fm-free-message-button-container { align-self: center; } .fm-topbar-upgrade-button, .fm-topbar-upgrade-button:focus { background-color: #29B311; border-radius: 20px; box-shadow: none; color: #FFFFFF; font-size: 14px; padding: 5px 44px; text-decoration: none; text-transform: uppercase; } .fm-topbar-upgrade-button:hover { text-decoration: none; color: #FFFFFFCC; } @media screen and (max-width: 1366px) { .fm-topbar-links { font-size: 15px; } .fm-topbar-content-title { font-size: 15px; } .fm-topbar-content-body { font-size: 13px; } } @media screen and (max-width: 1285px) { .fm-topbar-container { flex-direction: column; } .fm-topbar-links, .fm-topbar-content { margin: 0 0 10px 0; width: 100%; } .fm-topbar-content { flex-direction: column; height: auto; } .fm-topbar-content-container, .fm-topbar-content-container * { align-self: center; padding-bottom: 4px; } } /* Top bar end */ /* Free message start */ .fm-free-option { opacity: 0.7; } .fm-free-message { background-color: #FFFFFF; border: 1px solid #D0D0D080; display: flex; color: #000000; font-family: Roboto; justify-content: space-between; padding: 8px 20px; } .fm-free-message-body { color: #444444; font-size: 14px; font-weight: 500; line-height: 30px; } .fm-free-message-upgrade-button, .fm-free-message-upgrade-button:focus { background-color: #29B311; border-radius: 20px; box-shadow: none; color: #FFFFFF; font-size: 12px; padding: 3px 25px; text-decoration: none; text-transform: uppercase; } .fm-free-message-upgrade-button:hover { text-decoration: none; color: #FFFFFFCC; } .fm-free-message-promo-button, .fm-free-message-promo-button:focus { background-color: #0C4D68; padding: 3px 40px; } .fm-promo-message { align-items: center; display: flex; flex-direction: column; padding: 8px 20px; } .fm-free-message-huge { font-size: 30px; line-height: 39px; margin: 10px 0 0 0; } /* Free message end */ /* Head start */ .fm-head { margin-top: 15px; text-align: center; } .fm-head .fm-breadcrumbs { } .fm-head .fm-breadcrumbs li { display: inline-block; margin: 0 10px 0 0; padding-top: 10px; vertical-align: baseline; } .fm-head .fm-breadcrumbs li:last-child { margin-right:0px; } .fm-head .fm-breadcrumbs .fm-breadcrumb-item .fm-breadcrumb-item-link { text-decoration:none; font-family: Roboto; font-weight:500; font-size:18px; color:#32373c; } .fm-head .fm-breadcrumbs .fm-breadcrumb-item .fm-breadcrumb-item-link-active { color: #0073aa; } .fm-head .fm-breadcrumbs .fm-breadcrumb-item .fm-upgrade { position:relative; top: 0.5px; display: inline-block; margin-left: 10px; padding: 1px 22px; background-color: #29B311; text-transform: uppercase; border-radius: 10px; font-weight: 700; font-size: 12px; color: #fff; } /* Head end */ /* Limitations alert start */ .fm-limitation-alert-container { display: flex; align-items: center; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 100050; } .fm-limitation-alert-overlay { background-color: #ffffffcc; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .fm-limitation-alert { background-color: #FFFFFF; box-shadow: #0000001a 0 0 10px; display: flex; flex-direction: column; color: #000000; font-family: Roboto; justify-content: space-between; margin: 0 auto; padding: 30px 20px; position: relative; max-width: 430px; max-height: 311px; width: 100%; height: 100%; text-align: center; } .fm-limitation-alert span.fm-ico-delete { cursor: pointer; position: absolute; top: 10px; right: 10px; color: #000000; font-size: 10px; opacity: 0.3; } .fm-hidden { display: none; } .fm-limitation-alert-header { color: #32373C; font-size: 16px; font-weight: 500; line-height: 21px; } .fm-limitation-alert-body { margin-top: 20px; } .fm-limitation-alert-body ul { display: inline-block; list-style: disc; text-align: left; } .fm-limitation-alert-body ul li { font-size: 16px; font-weight: 700; line-height: 26px; } /* Limitations alert end */ /* Extensions start */ .fm-add-ons { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; margin-bottom: 10px; font-family: Roboto; } .fm-add-ons .fm-add-on { max-width:300px; max-height: 300px; width:100%; height:100%; margin-right:10px; margin-bottom:10px; padding: 20px 20px 15px; transition-delay: 0s; transition-duration: 0s; transition-property: all; transition-timing-function: ease; background-color: #fff; border-radius:1px; text-align: center; font-family:Roboto; font-weight: 300; font-size:16px; color: rgb(50, 58, 69); } .fm-add-ons .fm-add-on:hover { box-shadow: 1px 1px 6px rgba(52, 52, 52, 0.16); } .fm-add-ons .fm-add-on .fm-add-on-img { width:72px; height:72px; margin:0 auto; } .fm-add-ons .fm-add-on a { text-decoration:none; } .fm-add-ons .fm-add-on .fm-add-on-name { margin:15px 0px; } .fm-add-ons .fm-add-on .fm-add-on-name, .fm-add-ons .fm-add-on .fm-add-on-name a { font-family:Roboto; font-weight: 400; font-size:20px; color: #0C4D68; } .fm-add-ons .fm-add-on .fm-add-on-premium-version { margin: 4px 0; height: 16px; line-height:16px; font-weight:400; font-size:14px; color:rgb(41, 179, 17); } .fm-add-ons .fm-add-on .fm-add-on-desc { max-height: 65px; height:100%; line-height:20px; font-size:16px; } .fm-add-ons .fm-add-on .fm-add-on-desc-more-wrap { position: relative; } .fm-add-ons .fm-add-on .fm-add-on-desc-more { position: absolute; z-index: 1; left: 0; bottom: 65px; opacity: 0; visibility: hidden; transition: opacity 0.4s linear; padding: 10px 10px; background-color: rgb(50, 55, 60); border-radius: 6px; line-height: 20px; font-weight:400; font-size: 14px; color: #fff; } .fm-add-ons .fm-add-on .fm-add-on-desc:hover + .fm-add-on-desc-more { opacity: 1; visibility: visible; } .fm-add-ons .fm-add-on .fm-add-on-buy { width: 155px; height: 30px; display:block; margin: 10px auto; padding-top: 7px; background-color: rgb(12, 77, 104); border: 0.7px solid rgb(12, 77, 104); border-radius: 15px; line-height:16px; font-family: Roboto; font-weight: 400; font-size: 13px; color: #fff; } .fm-add-ons .fm-add-on .fm-add-on-buy:hover { background-color: rgba(12, 77, 104, 0.8); } .fm-add-ons .fm-add-on.fm-add-on-activated .fm-add-on-buy { text-transform:uppercase; background-color: #fff; font-size:13px; color:rgb(12, 77, 104); } .fm-add-ons .fm-add-on .fm-add-on-learn-more { line-height:16px; font-family: Roboto; font-weight: 300; font-size: 14px; color: rgb(0,115,170); } .fm-add-ons .fm-add-on .fm-add-on-learn-more:hover { color: rgba(0, 115, 170, 0.8); } /* Extensions end */