html, body {
width: 100%;
}
body {
font-family: "Google Sans", sans-serif;
font-size: 18px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: hidden;
}
@font-face {
font-family: "Google Sans";
font-weight: 400;
src: url(//jusnote.com/wp-content/themes/jusnote/fonts/GoogleSans-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Google Sans";
font-weight: 400;
font-style: italic;
src: url(//jusnote.com/wp-content/themes/jusnote/fonts/GoogleSans-Italic.ttf);
font-display: swap;
}
@font-face {
font-family: "Google Sans";
font-weight: 500;
src: url(//jusnote.com/wp-content/themes/jusnote/fonts/GoogleSans-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: "Google Sans";
font-weight: 500;
font-style: italic;
src: url(//jusnote.com/wp-content/themes/jusnote/fonts/GoogleSans-MediumItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Google Sans";
font-weight: 700;
src: url(//jusnote.com/wp-content/themes/jusnote/fonts/GoogleSans-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: "Google Sans";
font-weight: 700;
font-style: italic;
src: url(//jusnote.com/wp-content/themes/jusnote/fonts/GoogleSans-BoldItalic.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
src: url(//jusnote.com/wp-content/themes/jusnote/fonts/OpenSans-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: "Open Sans";
font-weight: 600;
src: url(//jusnote.com/wp-content/themes/jusnote/fonts/OpenSans-SemiBold.ttf);
font-display: swap;
}
img {
opacity: 0;
-webkit-transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
-o-transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
}
.container {
max-width: 1260px;
margin: 0 auto;
height: 100%;
width: 100%;
padding: 0px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#moove_gdpr_cookie_info_bar{
min-height: 100vh !important;
max-height: 100vh !important;
top: 0 !important;
bottom: 0 !important;
display: flex;
align-items: center !important;
justify-content: center !important;
border-top: 0px !important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
background-color: rgba(0,0,0,0.4) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
min-width: 585px!important;
width: 585px!important;
background-color: #ffffff!important;
padding: 0px !important;
border-radius: 6px !important;
overflow: hidden !important;
position: relative !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container:before {
content: '';
display: block;
width: 100%;
height: 100px;
background-color: #F6F8FA;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/cookies-bg.svg);
background-position: 11px 7px;
background-repeat: no-repeat;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content:after {
content:'';
position: absolute;
left: 50%;
top: 64px;
width: 68px;
height: 68px;
background-color: #ffffff;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/cookies-main.svg);
background-position: center;
background-size: auto;
background-repeat: no-repeat;
border: 1px solid #F6F8FA;
border-radius: 100px;
transform: translate(-50%,0px);
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
flex-direction: column!important;
padding: 0px !important;
padding-bottom: 25px !important;
padding-top: 35px !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice h2 {
color: #191919!important;
font-size: 26px!important;
font-weight: 700!important;
margin-bottom: 15px!important;
text-align: center !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder{
width: 100%!important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice h3 {
font-size: 15px!important;
font-weight: 400!important;
color: #777E8D!important;
margin-bottom: 25px!important;
text-align: center!important;
line-height: 22px !important;
padding: 0px 40px !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
padding-left: 0px !important;
flex-direction: column !important;
}
.moove-gdpr-infobar-settings-btn {
padding: 0px !important;
font-size: 13px !important;
font-weight: 400 !important;
text-decoration: underline !important;
color: #1252AF !important;
background-color: transparent !important;
margin: 0px !important;
box-shadow: none !important;
opacity: 1!important;
}
.moove-gdpr-infobar-settings-btn {
color: #003b90 !important;
}
.moove-gdpr-infobar-allow-all {
border: 0px!important;
background-color: #1252AF!important;
border-radius: 3px!important;
font-size: 15px!important;
color: #ffffff!important;
font-weight: 500!important;
margin: 0px !important;
margin-bottom: 15px !important;
padding: 10px 20px !important;
opacity: 1 !important;
box-shadow: none !important;
min-width: 140px;
}
.moove-gdpr-infobar-allow-all:hover {
background-color: #003b90 !important;
}
#moove_gdpr_save_popup_settings_button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt,
.moove-gdpr-company-logo-holder,
.moove-gdpr-modal-close {
display: none !important;
}
.gdpr_lightbox {
background: transparent !important;
background-color: transparent !important;
}
.gdpr_lightbox-active, .gdpr_lightbox-active body {
overflow: auto !important;
}
.moove-gdpr-modal-allow-all,
.moove-gdpr-modal-save-settings {
border-radius: 3px !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice h3 {
letter-spacing: -0.52px !important;
color: #191919 !important;
opacity: 1 !important;
font-family: "Google Sans", sans-serif !important;
font-weight: bold !important;
margin-bottom: 13px !important;
font-size: 26px !important;
padding: 0px 20px !important;
line-height: 38px !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p {
padding: 0px 20px !important;
text-align: center !important;
font-family: "Google Sans", sans-serif !important;
letter-spacing: 0px !important;
color: #777E8D !important;
opacity: 1 !important;
font-size: 15px !important;
margin-bottom: 15px !important;
font-weight: 400 !important;
line-height: 23px !important;
}
.header__mobile {
display: none;
}
.header { width: 100%;
z-index: 10;
background-color: white;
}
.header.header-v2 {
position: initial;
}
.header.header-v3 {
position: initial;
}
.header .header__top {
height: 28px;
background-color: #1f1f1f;
}
.header .header__top .header__top-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.header .header__top .header__top-content p {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 500;
}
.header .header__top .header__top-content .header-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__top .header__top-content .header-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__top .header__top-content .header-info ul li {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 500;
padding: 0px 15px;
}
.header .header__top .header__top-content .header-info ul li:last-child {
padding-right: 0px;
}
.header .header__top .header__top-content .widget_polylang {
margin-left: 20px;
}
.header .header__top .header__top-content .widget_polylang ul li {
padding: 0px 5px;
}
.header .header__top .header__top-content .header-info ul li a {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 500; 
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header .header__top .header__top-content .widget_polylang ul li.current-lang a {
color: #bebebe;
}
.header .header__top .header__top-content .header-info ul li a:hover {
color: #bebebe;
}
.header .header__top .header__top-content .header-info .lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.header .header__top .header__top-content .header-info .lang a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header .header__top .header__top-content .header-info .lang a:hover {
color: #bebebe;
}
.header .header__top .header__top-content .header-info .lang:before {
content: "";
width: 1px;
height: 14px;
background-color: #3e3e3e;
position: absolute;
left: -20px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}
.header .header__top .header__top-content .header-info .lang img {
margin-left: 3px;
}
.header .header__bottom {
height: 60px;
border-bottom: 1px solid #ededed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
width: 100%;
z-index: 100;
position: relative;
}
.header .header__bottom .header__bottom-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.header .header__bottom .header__bottom-content .header__bottom-half {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header .header__bottom .header__bottom-content .logo {
display: inline-block;
width: 80px;
}
.header .header__bottom .header__bottom-content .logo img {
width: 100%;
}
.header .header__bottom .header__bottom-content .menu-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 35px;
}
.header .header__bottom .header__bottom-content .menu-main li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 2px;
}
.header .header__bottom .header__bottom-content .menu-main li a {
display: block;
color: #000000;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
border-radius: 3px;
padding: 10px 14px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
overflow: hidden;
position: relative;
}
.header .header__bottom .header__bottom-content .menu-main li.current_page_item a {
background: #eff2f5;
}
.header .header__bottom .header__bottom-content .menu-main li a::after {
content: "";
background: #eff2f5;
position: absolute;
z-index: -1;
display: block;
border-radius: 3px;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header .header__bottom .header__bottom-content .menu-main li a:hover::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.header .header__bottom .header__bottom-content .menu-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__bottom .header__bottom-content .menu-more a {
display: block;
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
padding: 10px 20px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
border-radius: 3px;
position: relative;
overflow: hidden;
}
.header .header__bottom .header__bottom-content .menu-more a::after {
content: "";
background: #eff2f5;
position: absolute;
z-index: -1;
display: block;
border-radius: 3px;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header .header__bottom .header__bottom-content .menu-more a:hover::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.header .header__bottom .header__bottom-content .menu-more li:nth-child(3) a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 3px;
background-color: #1252af;
color: #ffffff;
width: 140px;
height: 36px;
padding: 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 5px;
}
.header .header__bottom .header__bottom-content .menu-more li:nth-child(3) a:after {
display: none;
}
.header .header__bottom .header__bottom-content .menu-more li:nth-child(3) a:hover {
background-color: #003b90;
}
.header .header__bottom .header__bottom-content .menu-more li:nth-child(1) {
position: relative;
margin-right: 11px;
}
.header .header__bottom .header__bottom-content .menu-more li:nth-child(1):after {
content: "";
width: 1px;
height: 24px;
position: absolute;
right: -6px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
background-color: #f2f2f2;
}
.header .header__bottom .header__bottom-content .menu-more ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__bottom .overlay {
height: 100vh;
width: 100%;
position: absolute;
background-color: rgba(0,0,0,0.15);
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s cubic-bezier(0,0,.16,.96);
-o-transition: all .35s cubic-bezier(0,0,.16,.96);
transition: all .35s cubic-bezier(0,0,.16,.96);
z-index: 10;
}
.header .header__bottom .overlay.show {
opacity: 1;
visibility:visible;
}
.header .header__bottom .mega__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top: 88px;
width: 100%;
height: 0px;
z-index: 100;
overflow: hidden;
will-change: height;
-webkit-transition: height .35s cubic-bezier(0,0,.16,.96);
-o-transition: height .35s cubic-bezier(0,0,.16,.96);
transition: height .35s cubic-bezier(0,0,.16,.96);
}
.header .header__bottom .mega__menu.open {
height: 485px;
}
.header .header__bottom .mega__menu .mega__menu-left {
background-color: #ffffff;
width: calc(100% - 400px); -webkit-box-shadow: inset 0 7px 10px rgba(198, 198, 198, 0.16);
box-shadow: inset 0 7px 10px rgba(198, 198, 198, 0.16);
border-bottom: 1px solid #f6f8fa;
}
.header .header__bottom .mega__menu .mega__menu-left .mega__menu-left-container {
max-width: 635px;
margin: 0 auto;
height: 100%;
}
.header .header__bottom .mega__menu .mega__menu-left h3 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.52px;
text-transform: uppercase;
padding-bottom: 10px;
padding-top: 30px;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #e2e9f4;
padding-top: 10px; }
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .menu-left-itm-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .menu-left-itm-column:nth-child(1) {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: opacity 0.2s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
-o-transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
-webkit-transition-delay: .07s;
-o-transition-delay: .07s;
transition-delay: .07s;
margin-right: 20px;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .menu-left-itm-column:nth-child(2) {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: opacity 0.2s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
-o-transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
-webkit-transition-delay: .14s;
-o-transition-delay: .14s;
transition-delay: .14s;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .menu-right-itm-column {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: opacity 0.2s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
-o-transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96), transform 0.3s cubic-bezier(0,0,.16,.96), -webkit-transform 0.3s cubic-bezier(0,0,.16,.96);
-webkit-transition-delay: .21s;
-o-transition-delay: .21s;
transition-delay: .21s;
}
.header .header__bottom .mega__menu.open .mega__menu-left .menu-left-itm .menu-left-itm-column {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.header .header__bottom .mega__menu.open .mega__menu-right .menu-right-itm .menu-right-itm-column {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .btn {
display: inline-block;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
bottom: 20px;
opacity: 0;
-webkit-transition: opacity 0.2s cubic-bezier(0,0,.16,.96);
-o-transition: opacity 0.2s cubic-bezier(0,0,.16,.96);
transition: opacity 0.2s cubic-bezier(0,0,.16,.96);
}
.header .header__bottom .mega__menu.mega__menu-why.open .mega__menu-right .btn {
opacity: 1;
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .btn svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .btn svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .btn svg {
height: 10px;
margin-left: 2px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .btn:hover {
color: #1252AF;
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .btn:hover svg path {
stroke: #1252AF;
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .btn:hover svg .line {
opacity: 1;
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .btn:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
position: relative;
padding: 15px 25px;
border-radius: 3px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; border-radius: 3px;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm::after {
content: "";
background: #f6f8fa;
position: absolute;
z-index: -1;
display: block;
border-radius: 3px;
left: -10px;
right: -10px;
top: 0;
bottom: 0;
opacity: 0;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm:hover::after {
opacity: 1;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm h4 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 7px;
position: relative;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm h4 .ico {
margin-right: 5px;
height: 20px;
max-width: 20px;
position: absolute;
left: -25px;
top: -3px;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm h4 .arrow {
margin-left: 5px;
opacity: 0;
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, -webkit-transform 0.2s;
-o-transition: opacity 0.2s, transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 21px;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm:hover .arrow {
opacity: 1;
-webkit-transform: translateX(-0px);
-ms-transform: translateX(-0px);
transform: translateX(-0px);
}
.header .header__bottom .mega__menu .mega__menu-right {
background-color: #f6f8fa;
width: 400px; border-left: 1px solid #E2E9F4;
-webkit-box-shadow: inset 0 7px 10px rgba(198, 198, 198, 0.16);
box-shadow: inset 0 7px 10px rgba(198, 198, 198, 0.16);
border-bottom: 1px solid #f6f8fa;
}
.header .header__bottom .mega__menu .mega__menu-right .mega__menu-right-container {
padding: 0px 30px;
margin: 0 auto;
height: 100%;
position: relative;
}
.header .header__bottom .mega__menu .mega__menu-right h3 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.52px;
text-transform: uppercase;
padding-bottom: 10px;
padding-top: 30px;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #e2e9f4;
padding-top: 10px; }
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
position: relative;
padding: 15px 25px;
border-radius: 3px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm::after {
content: "";
background: #ffffff;
position: absolute;
z-index: -1;
display: block;
border-radius: 3px;
left: -10px;
right: -10px;
top: 0;
bottom: 0;
opacity: 0;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm:hover::after {
opacity: 1;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm h4 {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 7px;
position: relative;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .menu-right-itm .itm:nth-child(2) h4 {
color: #1252AF;
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .menu-right-itm .itm:nth-child(3) h4 {
color: #ED4758;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm:hover h4 {
color: #191919;
}
.header .header__bottom .mega__menu.mega__menu-why .mega__menu-right .menu-right-itm .itm:hover h4 {
color: #1252AF;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm h4 img {
margin-right: 5px;
height: 20px;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
position: absolute;
left: -25px;
top: -3px;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm h4 img.hover {
opacity: 0;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm:hover h4 img {
opacity: 0;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm:hover h4 img.hover {
opacity: 1;
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 21px;
}
.breadcrumbs {
padding-top: 15px;
padding-bottom: 15px;
background-color: #f6f8fa;
}
.breadcrumbs .breadcrumbs-content {
position: relative;
z-index: 2;
}
.breadcrumbs .breadcrumbs-content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumbs .breadcrumbs-content ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
}
.breadcrumbs .breadcrumbs-content ul li:after {
content: '';
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/breadcrumbs-arrow.svg);
background-size: cover;
width: 5px;
height: 8px;
display: inline-block;
margin: 0px 13px;
}
.breadcrumbs .breadcrumbs-content ul li a {
color: #777e8d;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.breadcrumbs .breadcrumbs-content ul li a:hover {
color: #1252af;
}
.breadcrumbs .breadcrumbs-content ul li:last-child:before {
content: "";
width: 100%;
height: 1px;
background-color: #1252af;
position: absolute;
bottom: -6px;
left: 0px;
}
.breadcrumbs .breadcrumbs-content ul li:last-child {
color: #1252af;
}
.breadcrumbs .breadcrumbs-content ul li:last-child:after {
display: none;
}
.contact__head {
background-color: #f6f8fa;
padding-top: 20px;
padding-bottom: 70px;
}
.contact__head .contact__head-content {
max-width: 620px;
margin: 0 auto;
position: relative;
}
.contact__head .contact__head-content h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: -0.6px;
line-height: 38px;
margin-bottom: 15px;
}
.contact__head .contact__head-content p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 23px;
max-width: 520px;
}
.contact__head .contact__head-content p a {
color: #1252af;
text-decoration: underline;
}
.contact__head .contact__head-content img {
position: absolute;
bottom: -70px;
left: calc(100% + 15px);
width: 274px;
}
.contact__form {
padding-top: 50px;
padding-bottom: 60px;
}
.contact__form .contact__form-content {
border-radius: 6px;
border: 1px solid #f6f8fa;
max-width: 620px;
margin: 0 auto;
padding: 30px;
position: relative;
}
.contact__form .contact__form-content h3 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 18px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
}
.contact__form .contact__form-content h3 img {
margin-right: 7px;
}
.contact__form .contact__form-content form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact__form .contact__form-content form label {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 8px;
}
.contact__form .contact__form-content form input[type="text"],
.contact__form .contact__form-content form input[type="email"],
.contact__form .contact__form-content form input[type="tel"],
.contact__form .contact__form-content form select {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
height: 42px !important;
border-radius: 4px;
border: 1px solid #eceff2 !important;
margin-bottom: 12px;
padding: 0px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: transparent !important
}
.contact__form .contact__form-content form input[aria-invalid="true"],
.contact__form .contact__form-content form textarea[aria-invalid="true"],
.contact__form .contact__form-content form select[aria-invalid="true"] {
border: 1px solid #F4274E !important;
background-color: #FCE8EC !important;
}
.contact__form .contact__form-content form textarea {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
padding: 15px;
height: 200px;
resize: none;
border-radius: 4px;
border: 1px solid #eceff2 !important;
outline: none;
margin-bottom: 12px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: transparent !important
}
.contact__form .contact__form-content form input[type="button"] {
height: 40px;
border-radius: 3px;
background-color: #1252af;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
border: 0px;
cursor: pointer;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
width: 100%;
margin-top: 10px;
}
.contact__form .contact__form-content form input[type="button"]:hover {
background-color: #003b90;
}
.contact__form .contact__form-content form input[type="text"]:focus,
.contact__form .contact__form-content form input[type="email"]:focus,
.contact__form .contact__form-content form input[type="tel"]:focus,
.contact__form .contact__form-content form select:focus,
.contact__form .contact__form-content form textarea:focus{
-webkit-box-shadow: 0px 0px 0px 3px #bcd7ff;
box-shadow: 0px 0px 0px 3px #bcd7ff
}
.contact__form .contact__form-content form input[type="text"]::-webkit-input-placeholder, .contact__form .contact__form-content form input[type="email"]::-webkit-input-placeholder, .contact__form .contact__form-content form input[type="tel"]::-webkit-input-placeholder, .contact__form .contact__form-content form textarea::-webkit-input-placeholder {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.contact__form .contact__form-content form input[type="text"]::-moz-placeholder, .contact__form .contact__form-content form input[type="email"]::-moz-placeholder, .contact__form .contact__form-content form input[type="tel"]::-moz-placeholder, .contact__form .contact__form-content form textarea::-moz-placeholder {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.contact__form .contact__form-content form input[type="text"]:-ms-input-placeholder, .contact__form .contact__form-content form input[type="email"]:-ms-input-placeholder, .contact__form .contact__form-content form input[type="tel"]:-ms-input-placeholder, .contact__form .contact__form-content form textarea:-ms-input-placeholder {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.contact__form .contact__form-content form input[type="text"]::-ms-input-placeholder, .contact__form .contact__form-content form input[type="email"]::-ms-input-placeholder, .contact__form .contact__form-content form input[type="tel"]::-ms-input-placeholder, .contact__form .contact__form-content form textarea::-ms-input-placeholder {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.contact__form .contact__form-content form input[type="text"]::placeholder,
.contact__form .contact__form-content form input[type="email"]::placeholder,
.contact__form .contact__form-content form input[type="tel"]::placeholder,
.contact__form .contact__form-content form textarea::placeholder {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.contact__form .contact__form-content form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/arrow-form.svg) !important;
background-repeat: no-repeat !important;
background-position-x: calc(100% - 13px) !important;
background-position-y: 18px !important;
cursor: pointer;
}
.contact__form .contact__form-content .policy {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
text-align: center;
width: 390px;
margin: 0 auto;
margin-top: 25px;
}
.contact__form .contact__form-content .policy a {
color: #1252af;
}
.legal {
background-color: #f6f8fa;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
.legal .legal-content {
max-width: 459px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.legal .legalWhite,
.legal .legalDark {
width: 1200px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.legal .legal-content h3 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: -0.6px;
line-height: 38px;
text-align: center;
max-width: 420px;
margin: 0 auto;
margin-bottom: 20px;
}
.legal .legal-content p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 23px;
text-align: center;
margin-bottom: 25px;
}
.legal .legal-content .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.legal .legal-content .btn .try {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 3px;
background-color: #1252af;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
width: 180px;
height: 36px;
padding: 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.legal .legal-content .btn .try:hover {
background-color: #003B90;
}
.legal .legal-content .btn .sales {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-left: 20px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.legal .legal-content .btn .sales:hover {
color: #1252AF;
}
.legal .legal-content .btn .sales svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.legal .legal-content .btn .sales svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.legal .legal-content .btn .sales svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.legal .legal-content .btn .sales:hover svg path {
stroke: #1252AF;
}
.legal .legal-content .btn .sales:hover svg .line {
opacity: 1;
}
.legal .legal-content .btn .sales:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.news ~ .legal {
background-color: #ffffff !important;
padding-top: 110px;
padding-bottom: 110px;
}
.search-archive ~ .legal {
background-color: #ffffff !important;
}
.features ~ .legal {
background-color: #191919;
padding-top: 145px;
padding-bottom: 125px;
}
.enterprise .features ~ .legal {
background-color: #ffffff;
}
.features ~ .legal .legal-content h3 {
color: #ffffff;
}
.enterprise .features ~ .legal .legal-content h3 {
color: #191919;
}
.features ~ .legal .legal-content p {
color: #ffffff;
}
.enterprise .features ~ .legal .legal-content p {
color: #191919;
}
.features ~ .legal .legal-content .btn .sales {
color: #ffffff;
}
.features ~ .legal .legal-content .btn .sales:hover {
color: #959595;
}
.features ~ .legal .legal-content .btn .sales svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.features ~ .legal .legal-content .btn .sales svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.features ~ .legal .legal-content .btn .sales svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.features ~ .legal .legal-content .btn .sales:hover svg path {
stroke: #959595;
}
.features ~ .legal .legal-content .btn .sales:hover svg .line {
opacity: 1;
}
.features ~ .legal .legal-content .btn .sales:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.company__head {
padding-top: 60px;
padding-bottom: 60px;
}
.company__head .company__head-content {
max-width: 620px;
margin: 0 auto;
position: relative;
}
.company__head .company__head-content h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: -0.6px;
line-height: 38px;
margin-bottom: 15px;
}
.company__head .company__head-content p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 23px;
max-width: 520px;
}
.company__head .company__head-content p a {
color: #1252af;
text-decoration: underline;
}
.company__head .company__head-content img {
position: absolute;
bottom: -60px;
left: calc(100% - 20px);
width: 334px;
}
.header.header-v2 .header__sub {
background-color: rgba(255,255,255,.7);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
width: 100%;
z-index: 99;
height: 45px;
border-bottom: 1px solid #ededed;
}
.header.header-v2 .header__sub .header__sub-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
max-width: 1060px;
margin: 0 auto;
}
.header.header-v2 .header__sub .header__sub-content h4 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
}
.header.header-v2 .header__sub .header__sub-content .menu-sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.header.header-v2 .header__sub .header__sub-content .menu-sub li.current-menu-item a{
border-bottom: 1px solid #000000;
}
.header.header-v2 .header__sub .header__sub-content .menu-sub li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.header.header-v2 .header__sub .header__sub-content .header__sub-half {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header.header-v2 .header__sub .header__sub-content .menu-sub li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
margin: 0px 15px;
height: 100%;
position: relative;
bottom: -1px;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header.header-v2 .header__sub .header__sub-content .menu-sub li a:hover {
border-bottom: 1px solid #000000;
}
.header.header-v3 .header__sub {
background-color: rgba(255,255,255,.7);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
width: 100%;
z-index: 99;
height: 45px;
border-bottom: 1px solid #ededed;
}
.header.header-v3 .header__sub .header__sub-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
max-width: 1060px;
margin: 0 auto;
}
.header.header-v3 .header__sub .header__sub-content h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
}
.header.header-v3 .header__sub .header__sub-content h4 img {
margin-right: 5px;
width: 14px;
}
.header.header-v3 .header__sub .header__sub-content .header__sub-half {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header.header-v3 .header__sub .header__sub-content .search {
position: relative;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 130px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header.header-v3 .header__sub .header__sub-content .search .search-loop {
width: 130px;
position: absolute;
left: 0px;
top: 0px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header.header-v3 .header__sub .header__sub-content .search.open {
width: 400px;
}
.header.header-v3 .header__sub .header__sub-content .search .search-loop img {
width: 15px;
position: relative;
top: 0px;
right: 3px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header.header-v3 .header__sub .header__sub-content .search.open .search-loop img {
right: -10px;
visibility: visible;
}
.header.header-v3 .header__sub .header__sub-content .search form img {
opacity: 0;
position: absolute;
right: 15px;
height: 100%;
width: 10px;
cursor: pointer;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header.header-v3 .header__sub .header__sub-content .search form input {
width: 0px;
height: 33px;
padding: 0px;
border: 1px solid transparent;
background-color: transparent;
border-radius: 4px;
padding-left: 14px;
outline: none;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
cursor: pointer;
}
.header.header-v3 .header__sub .header__sub-content .search form input::-webkit-input-placeholder {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
}
.header.header-v3 .header__sub .header__sub-content .search form input::-moz-placeholder {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
}
.header.header-v3 .header__sub .header__sub-content .search form input:-ms-input-placeholder {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
}
.header.header-v3 .header__sub .header__sub-content .search form input::-ms-input-placeholder {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
}
.header.header-v3 .header__sub .header__sub-content .search form input::placeholder {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
}
.header.header-v3 .header__sub .header__sub-content .search.open form input {
border: 1px solid #eceff2;
background-color: #ffffff;
padding-left: 30px;
width: 400px;
cursor: text;
}
.header.header-v3 .header__sub .header__sub-content .search.open .search-loop {
color: transparent;
visibility: hidden;
}
.header.header-v3 .header__sub .header__sub-content .search .search-loop,
.header.header-v3 .header__sub .header__sub-content .tranding {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
cursor: pointer;
height: 100%; 
}
.header.header-v3 .header__sub .header__sub-content .tranding {
margin-left: 30px;
}
.header.header-v3 .header__sub .header__sub-content .tranding img {
width: 10px;
margin: 0px 5px;
}
.main {
overflow: hidden;
position: relative;
height: 790px;
z-index: 0;
margin-top: 0px;
max-width: 2100px;
margin: 0 auto;
}
.enterprise .main {
height: 910px;
background-color: #000000;
}
.main .home-bg {
position: absolute;
top: -100px;
left: 50%;
transform:translate(-50%, 0px);
height: auto;
width: 100%;
min-width: 2100px;
max-width: 100%;
z-index: 0;
opacity: 0;
-webkit-transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
-o-transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
}
.main .home-bg.loaded {
opacity: 1;
}
.main .home-bg-parallax {
position: absolute;
top: -100px;
left: 50%;
transform:translate(-50%, 0px);
height: auto;
width: 100%;
min-width: 2100px;
max-width: 100%;
z-index: 3;
opacity: 0;
-webkit-transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
-o-transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
}
.main .home-bg-parallax.loaded {
opacity: 1;
}
.main .home-overlay-top {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 1;
}
.enterprise .main .enterprise-overlay-top {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
background-color: #000000;
opacity: 0.3;
}
.main .home-overlay-bottom {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
z-index: 4;
}
.main .home-overlay-mob,
.main .enterprise-overlay-mob {
display: none;
}
@-webkit-keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
to{
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
to{
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}
.main .main-content {
max-width: 1260px;
margin: 0 auto;
position: relative;
height: 100%;
}
.main .main-content .point {
display: inline-block;
width: 16px;
height: 16px;
background-color: #ffffff;
margin-left: 5px;
}
.main .main-content span {
font-size: 100px;
font-weight: 600;
font-family: "Google Sans", sans-serif;
color: #ffffff;
z-index: 5;
position: absolute;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.main .main-content span.pos1 {
top: 120px;
left: 100px;
}
.main .main-content span.pos2 {
top: 240px;
left: 0px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.main .main-content span.pos3 {
top: 240px;
right: 0px;
z-index: 2;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.main .main-content span.pos4 {
top: 335px;
right: 195px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.main .main-content span.pos5 {
bottom: 140px;
right: 300px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.enterprise .main .main-content span.pos1 {
top: 120px;
left: 100px;
z-index: 2;
}
.enterprise .main .main-content span.pos2 {
top: 220px;
left: -100px;
z-index: 2;
}
.enterprise .main .main-content span.pos3 {
top: 200px;
right: 200px;
z-index: 2;
}
.enterprise .main .main-content span.pos4 {
top: 305px;
right: 325px;
}
.enterprise .main .main-content span.pos5 {
bottom: 140px;
left: 150px;
right: auto
}
.welcome {
background-color: #f6f8fa;
}
.welcome .welcome-top {
padding-top: 90px;
padding-bottom: 100px;
background-color: #191919;
}
.enterprise .welcome .welcome-top {
background-color: #000000;
padding-top: 40px;
padding-bottom: 140px;
}
.welcome .welcome-top .welcome-content {
max-width: 560px;
margin: 0 auto;
}
.welcome .welcome-top .welcome-content h2 {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 32px;
font-weight: 500;
margin-bottom: 20px;
}
.welcome .welcome-top .welcome-content p {
color: #c9c9c9;
font-family: "Google Sans", sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 23px;
margin-bottom: 25px;
}
.welcome .welcome-top .welcome-content .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.welcome .welcome-top .welcome-content .btn .try {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 3px;
background-color: #1252af;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
width: 180px;
height: 36px;
padding: 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.welcome .welcome-top .welcome-content .btn .try:hover {
background-color: #003B90;
}
.enterprise .welcome .welcome-top .welcome-content .btn .try {
background-color: #ffffff;
color: #000000;
}
.enterprise .welcome .welcome-top .welcome-content .btn .try:hover {
background-color: #D9D9D9;
}
.welcome .welcome-top .welcome-content .btn .sales {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-left: 20px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.welcome .welcome-top .welcome-content .btn .sales svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.welcome .welcome-top .welcome-content .btn .sales:hover {
color: #959595;
}
.welcome .welcome-top .welcome-content .btn .sales svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.welcome .welcome-top .welcome-content .btn .sales svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.welcome .welcome-top .welcome-content .btn .sales:hover svg path {
stroke: #959595;
}
.welcome .welcome-top .welcome-content .btn .sales:hover svg .line {
opacity: 1;
}
.welcome .welcome-top .welcome-content .btn .sales:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.welcome .welcome-mid {
position: relative;
padding-bottom: 80px;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/corner-up.svg);
background-size: cover;
background-repeat: no-repeat; }
.enterprise .welcome .welcome-mid {
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/corner-up2.svg);
background-position: right;
padding-bottom: 160px;
}
.welcome .welcome-mid .frame1 {
position: absolute;
right: 0px;
bottom: 0px;
width: 840px;
}
.welcome .welcome-mid .frame1 img,
.welcome .welcome-mid .frame1 svg {
width: 100%;
}
.enterprise .welcome .welcome-mid .frame1 {
right: auto;
left: 0px;
width: 615px;
}
.welcome .welcome-mid .welcome__slider-content {
max-width: 400px;
padding-right: 30px;
padding-top: 260px;
}
.enterprise .welcome .welcome-mid .welcome__slider-content {
padding-top: 200px;
}
.enterprise .welcome .welcome-mid .welcome__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.welcome .welcome-mid .welcome__slider-content .swiper-wrapper {
-webkit-transition: all 0.7s cubic-bezier(.88,.23,.5,.85) !important;
-o-transition: all 0.7s cubic-bezier(.88,.23,.5,.85) !important;
transition: all 0.7s cubic-bezier(.88,.23,.5,.85) !important;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px 15px;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider .swiper-slide .reviews-ico{
width: 30px;
height: 30px;
margin-bottom: 35px;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider .swiper-slide p {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 23px;
margin-bottom: 35px;
text-align: center;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider .swiper-slide .reviews-logo {
height: 35px;
margin-bottom: 110px;
}
.welcome .welcome-mid .welcome__slider-content .gradient-right {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 20px;
background: -webkit-gradient(linear, left top, right top, from(rgba(246,248,250,0.1)), to(rgba(246,248,250,1)));
background: -o-linear-gradient(left, rgba(246,248,250,0.1) 0%, rgba(246,248,250,1) 100%);
background: linear-gradient(90deg, rgba(246,248,250,0.1) 0%, rgba(246,248,250,1) 100%);
z-index: 5;
}
.welcome .welcome-mid .welcome__slider-content .gradient-left {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 20px;
background: -webkit-gradient(linear, left top, right top, from(rgba(246,248,250,1)), to(rgba(246,248,250,0.1)));
background: -o-linear-gradient(left, rgba(246,248,250,1) 0%, rgba(246,248,250,0.1) 100%);
background: linear-gradient(90deg, rgba(246,248,250,1) 0%, rgba(246,248,250,0.1) 100%);
z-index: 5;
}
.welcome .welcome-mid .welcome__slider-content .media {
position: absolute;
bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
left: 50%;
bottom: 8px;
transform: translate(-50%, 0px);
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-pagination .swiper-pagination-bullet {
width: 4px;
height: 4px;
background-color: #d6dce8;
margin: 0px 3px;
opacity: 1;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #a2aaba;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev:after,
.welcome .welcome-mid .welcome__slider-content .media .swiper-container-rtl .swiper-button-next:after,
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next:after,
.welcome .welcome-mid .welcome__slider-content .media .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next,
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev,
.welcome .welcome-mid .welcome__slider-content .media .swiper-container-rtl .swiper-button-next {
position: initial !important;
height: auto !important;
width: auto !important;
margin: 0px!important;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next.swiper-button-disabled,
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev.swiper-button-disabled {
opacity: 1 !important;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next, 
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev {
margin: 0px 18px!important;
padding: 5px!important;
position: relative!important;
left: 0px!important;
right: 0px!important;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
height: 8px;
position: relative;
stroke-width: 2px;
margin-top: 2px;
fill: none;
stroke: currentColor;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next svg {
height: 8px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
margin-top: -1px;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev svg path {
stroke: #A2AABA;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev:hover svg path {
stroke: #1252AF;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev:hover svg .line {
opacity: 1;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-prev:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next svg path {
stroke: #A2AABA;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next:hover svg path {
stroke: #1252AF;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next:hover svg .line {
opacity: 1;
}
.welcome .welcome-mid .welcome__slider-content .media .swiper-button-next:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.welcome .welcome-bottom {
padding-top: 100px;
padding-bottom: 150px;
}
.welcome .welcome-bottom .welcome_sentence-content {
max-width: 1060px;
margin: 0 auto;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence {
background-color: #040d21;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/sentence-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left;
height: 220px;
-webkit-box-shadow: 0 15px 15px rgba(110, 110, 110, 0.16);
box-shadow: 0 15px 15px rgba(110, 110, 110, 0.16);
border-radius: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 30px 50px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half {
width: 435px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half h3 {
letter-spacing: -0.52px;
color: #f6f8fa;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
margin-bottom: 5px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half h4 {
letter-spacing: -0.52px;
color: #f6f8fa;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
margin-bottom: 10px;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background: -o-linear-gradient(262deg, #78C5EF 0%, #89DBE2 100%);
background: linear-gradient(188deg, #78C5EF 0%, #89DBE2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half h4 img {
position: absolute;
right: -12px;
top: -2px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half p {
line-height: 19px;
color: #c2d0de;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn a {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn a svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn a:hover {
color: #8B97B2;
text-decoration: underline;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn a svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn a svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn a:hover svg path {
stroke: #8B97B2;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn a:hover svg .line {
opacity: 1;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half .btn a:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.join {
background-color: #f6f8fa;
padding-top: 40px;
padding-bottom: 60px;
}
.join .join-content {
max-width: 820px;
margin: 0 auto;
}
.join .join-content h3 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 25px;
}
.join .join-content .accordion {
position: relative;
}
.join .join-content .accordion .accordion-itm {
position: relative;
width: 100%;
background-color: #ffffff;
margin-bottom: 10px;
border-radius: 6px;
}
.join .join-content .accordion .accordion-itm:last-child {
margin-bottom: 0px;
}
.join .join-content .accordion .accordion-itm > a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
height: 69px;
margin:0px 25px;
border-bottom: 1px solid transparent;
}
.join .join-content .accordion .accordion-itm > a:hover {
color: #1252af;
}
.join .join-content .accordion .accordion-itm > a svg {
width: 10px;
min-width: 10px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.join .join-content .accordion .accordion-itm.selected > a {
border-bottom: 1px solid #f5f5f5;
color: #1252af;
}
.join .join-content .accordion .accordion-itm.selected > a svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.join .join-content .accordion .accordion-itm.selected path {
stroke: #1252af;
}
.join .join-content .accordion .accordion-itm path {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.join .join-content .accordion .accordion-itm > a:hover path {
stroke: #1252af;
}
.join .join-content .accordion .accordion-itm .content {
position:relative;
width: 100%;
display:none;
padding: 25px;
}
.join .join-content .accordion .accordion-itm .content ul {
display: block !important;
}
.join .join-content .accordion .accordion-itm .content h4 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 7px;
}
.join .join-content .accordion .accordion-itm .content p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
margin-bottom: 25px;
}
.join .join-content .accordion .accordion-itm .content p:last-child {
margin-bottom: 0px;
}
.join .join-content .accordion .accordion-itm .content ul {
margin-top: 15px;
}
.join .join-content .accordion .accordion-itm .content ul li {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
line-height: 21px;
padding-left: 30px;
position: relative;
}
.join .join-content .accordion .accordion-itm .content ul li:before {
content: '';
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/arrow-accordion-content.svg);
width: 24px;
height: 24px;
position: absolute;
left: 0px;
top: 0px;
}
.search .back {
background-color: #f6f8fa;
}
.back {
background-color: #ffffff;
}
.back .back-content {
height: 100%;
max-width: 1060px;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.back .back-content a {
display: inline-block;
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400
}
.back .back-content a img {
width: 5px;
margin-right: 10px;
}
.search-archive {
padding-top: 5px;
padding-bottom: 60px;
background-color: #f6f8fa;
}
.search-archive .search-content {
max-width: 1060px;
margin: 0 auto;
}
.search-archive .search-content h3 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 25px;
}
.search-archive .search-content .search-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.search-archive .search-content .search-items .items {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 6px;
background-color: #ffffff;
width: 100%;
height: 280px;
overflow: hidden;
margin-bottom: 25px;
}
.search-archive .search-content .search-items .items:last-child {
margin-bottom: 0px;
}
.search-archive .search-content .search-items .items .thumbnails-wrapper {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.search-archive .search-content .search-items .items:hover .thumbnails-wrapper .thumbnails img {
-webkit-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
}
.search-archive .search-content .search-items .items .thumbnails-wrapper .thumbnails {
height: 100%;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
border-radius: 6px 0px 0px 6px;
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.search-archive .search-content .search-items .items .thumbnails-wrapper .thumbnails img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 280px;
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.search-archive .search-content .search-items .items  .info {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px;
}
.search-archive .search-content .search-items .items .info .category {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.78px;
margin-bottom: 15px;
}
.search-archive .search-content .search-items .items .info .title {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.52px;
line-height: 38px;
margin-bottom: 25px;
}
.search-archive .search-content .search-items .items .info .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 16px;
font-weight: 500;
margin-bottom: 25px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-bottom: 40px;
}
.search-archive .search-content .search-items .items .info .btn svg {
margin-left: 5px;
}
.search-archive .search-content .search-items .items .info .data {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}
.search-archive .search-content .search-items .items .info .btn line,
.search-archive .search-content .search-items .items .info .btn circle {
stroke: #191919;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.search-archive .search-content .search-items .items:hover .info .btn line,
.search-archive .search-content .search-items .items:hover .info .btn circle {
stroke: #5d94e3;
}
.search-archive .search-content .search-items .items:hover .info .btn {
color: #5d94e3;
}
.search-archive .search-content .no-result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-top: 60px;
}
.search-archive .search-content .no-result img {
margin-right: 5px;
}
.single { }
.single .single-top {
padding-top: 15px;
}
.single .single-top .single-content {
max-width: 630px;
margin: 0 auto;
}
.single .single-top .single-content .category {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.12px;
margin-bottom: 5px;
text-transform: uppercase;
}
.single .single-top .single-content .data {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.12px;
margin-bottom: 15px;
text-transform: uppercase;
}
.single .single-top .single-content .title {
letter-spacing: -0.68px;
line-height: 42px;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 34px;
font-weight: 700;
margin-bottom: 20px;
}
.single .single-top .single-content p.silver {
color: #777e8d;
line-height: 27px;
font-family: "Google Sans", sans-serif;
font-size: 17px;
font-weight: 500;
margin-bottom: 40px;
}
.single .single-top .single-content p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 27px;
margin-bottom: 40px;
}
.single .single-top .single-content p a {
color: #1252af;
}
.single .single-top .single-content>a {
display: block;
margin-bottom: 40px;
}
.single .single-top .single-content>a img {
width: 100%;
}
.single .single-top .single-content>img {
width: 100%;
margin-bottom: 40px;
}
.single .single-top .single-content p a:hover {
text-decoration: underline;
}
.single .single-top .single-content h3 {
letter-spacing: -0.68px;
line-height: 42px;
font-size: 34px;
font-weight: 700;
font-family: "Google Sans", sans-serif;
color: #191919;
margin-top: 60px;
margin-bottom: 60px;
}
.single .single-top .single-content .single-func {
border-radius: 3px;
background-color: #f6f8fa;
width: 100%;
padding: 15px;
}
.single .single-top .single-content .single-func img {
width: 20px;
margin-bottom: 10px;
}
.single .single-top .single-content .single-func h4 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
}
.single .single-top .single-content .single-func p {
line-height: 21px;
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
width: 235px;
}
.single .single-top .single-content .single-func .btn {
display: inline-block;
cursor: pointer;
}
.single .single-top .single-content .single-func svg {
display: block;
width: 18px;
height: 18px;
}
.single .single-top .single-content .single-func svg line,
.single .single-top .single-content .single-func svg circle  {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.single .single-top .single-content .single-func svg:hover line,
.single .single-top .single-content .single-func svg:hover circle {
stroke: #5d94e3;
}
.single .single-top .single-content-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 780px;
margin: 0 auto;
border-radius: 6px;
margin-bottom: 60px;
height: 589px;
}
.single .single-top .single-content-img img {
width: auto;
height: 100%;
border-radius: 6px;
}
.single .single-mid {
height: 630px;
background-size: cover;
background-position: center;
margin-top: 50px;
}
.single .single-bottom {
padding-top: 20px;
padding-bottom: 90px;
}
.single .single-bottom .single-content {
max-width: 625px;
margin: 0 auto;
}
.single .single-bottom .single-content p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 27px;
margin-bottom: 60px;
}
.single .single-bottom .single-content p.silver {
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
color: #777e8d;
margin-bottom: 60px;
text-align: center;
}
.single .single-bottom .single-content .share {
padding: 20px 0px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
margin-bottom: 60px;
}
.single .single-bottom .single-content .share h4 {
font-family: "Google Sans";
font-size: 17px;
font-weight: 500;
font-style: normal;
letter-spacing: -0.34px;
color: #191919;
font-family: "Google Sans", sans-serif;
margin-bottom: 10px;
}
.single .single-bottom .single-content .share ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single .single-bottom .single-content .share ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 4px;
}
.single .single-bottom .single-content .share ul li a {
padding: 3px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single .single-bottom .single-content .share ul li a svg{
height: 14px;
}
.single .single-bottom .single-content-v2 {
max-width: 1060px;
margin: 0 auto;
}
.single .single-bottom .single-content-v2 h4 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
.single .single-bottom .single-content-v2 .related-items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 25px 1fr;
grid-template-columns: repeat(2,1fr);
gap: 25px;
}
.single .single-bottom .single-content-v2 .related-items .items {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0px 0px 6px 6px;
background-color: #f6f8fa;
width: 100%;
overflow: hidden;
}
.single .single-bottom .single-content-v2 .related-items .items:hover .thumbnails-wrapper .thumbnails img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.single .single-bottom .single-content-v2 .related-items .items .thumbnails-wrapper {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single .single-bottom .single-content-v2 .related-items .items .thumbnails-wrapper .thumbnails {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
width: 100%;
}
.single .single-bottom .single-content-v2 .related-items .items .thumbnails-wrapper .thumbnails img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 240px;
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.single .single-bottom .single-content-v2 .related-items .items .info {
padding: 20px 30px 35px 30px;
}
.single .single-bottom .single-content-v2 .related-items .items .info .category {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.78px;
margin-bottom: 15px;
}
.single .single-bottom .single-content-v2 .related-items .items .info .title {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.52px;
line-height: 38px;
margin-bottom: 25px;
}
.single .single-bottom .single-content-v2 .related-items .items .info .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 16px;
font-weight: 500;
margin-bottom: 25px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.single .single-bottom .single-content-v2 .related-items .items .info .btn svg {
margin-left: 5px;
width: 18px;
height: 18px;
}
.single .single-bottom .single-content-v2 .related-items .items .btn line,
.single .single-bottom .single-content-v2 .related-items .items .btn circle {
stroke: #191919;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.single .single-bottom .single-content-v2 .related-items .items .info .data {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}
.single .single-bottom .single-content-v2 .related-items .items:hover .btn {
color: #5d94e3;
}
.single .single-bottom .single-content-v2 .related-items .items:hover .btn line,
.single .single-bottom .single-content-v2 .related-items .items:hover .btn circle {
stroke: #5d94e3;
}
.leadership {
padding-top: 25px;
padding-bottom: 50px;
background-color: #f6f8fa;
}
.leadership .leadership-content {
max-width: 1060px;
margin: 0 auto;
}
.leadership .leadership-content h3 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 35px;
}
.leadership .leadership-content .leadership-itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 50px;
padding-top: 50px;
border-bottom: 1px solid #e2e9ef;
}
.leadership .leadership-content .leadership-itm:first-of-type {
padding-top: 0px;
}
.leadership .leadership-content .leadership-itm:last-child {
border-bottom: 0px;
padding-bottom: 0px;
}
.leadership .leadership-content .leadership-itm .info {
width: 200px;
}
.leadership .leadership-content .leadership-itm .info .avatar {
width: 190px;
height: 190px;
margin-bottom: 25px;
background-color: #ffffff;
border-radius: 100px;
}
.leadership .leadership-content .leadership-itm .info .name {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
font-style: normal;
letter-spacing: -0.52px;
margin-bottom: 10px;
}
.leadership .leadership-content .leadership-itm .info .position {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.26px;
text-transform: uppercase;
margin-bottom: 25px;
}
.leadership .leadership-content .leadership-itm .info p {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
margin-bottom: 13px;
text-transform: uppercase;
}
.leadership .leadership-content .leadership-itm .info .contact {
margin-bottom: 25px;
}
.leadership .leadership-content .leadership-itm .info .contact a {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
margin-right: 25px;
display: inline-block;
}
.leadership .leadership-content .leadership-itm .info .download {
color: #191919;
font-family: "Google Sans", sans-serif;
text-decoration: underline;
font-size: 15px;
font-weight: 400;
display: inline-block;
}
.leadership .leadership-content .leadership-itm .about {
width: 720px;
margin-left: 50px;
}
.leadership .leadership-content .leadership-itm .about h4 {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
margin-bottom: 15px;
margin-left: 5px;
text-transform: uppercase;
}
.leadership .leadership-content .leadership-itm .about p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
margin-bottom: 30px;
line-height: 23px;
}
.leadership .leadership-content .leadership-itm .about p:last-child {
margin-bottom: 0px;
}
.location .location-content {
padding-top: 90px;
padding-bottom: 90px;
border-top: 1px solid #F0F0F0;
}
.location .location-content h3,
.location .location-content ul,
.location .location-content p {
width: 380px;
margin: 0 auto;
}
.location .location-content h3 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 15px;
}
.location .location-content ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Google Sans", sans-serif;
color: #777E8D;
font-size: 15px;
line-height: 23px;
font-weight: 400;
}
.location .location-content ul li a {
color: #1252AF;
margin-left: 5px;
}
.location .location-content p {
color: #777E8D;
font-size: 15px;
line-height: 23px;
font-family: "Google Sans", sans-serif;
margin-top: 20px;
}
.about-company__head {
height: 510px;
background-size: cover;
background-position: center;
opacity: 0;
-webkit-transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
-o-transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
}
.about-company-v1 {
padding-top: 90px;
}
.about-company-v1 .about-company-content {
max-width: 780px;
margin: 0 auto;
}
.about-company-v1 .about-company-content h2 {
letter-spacing: -0.68px;
line-height: 42px;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 34px;
font-weight: 700;
max-width: 630px;
margin: 0 auto;
margin-bottom: 20px;
}
.about-company-v1 .about-company-content p:first-of-type {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 17px;
font-weight: 500;
max-width: 630px;
margin: 0 auto;
margin-bottom: 60px;
line-height: 27px;
}
.about-company-v1 .about-company-content p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 17px;
font-weight: 400;
max-width: 630px;
margin: 0 auto;
margin-bottom: 60px;
line-height: 27px;
}
.about-company-v1 .about-company-content img {
border-radius: 6px;
margin-bottom: 60px;
width: 100%;
}
.about-company-v2 {
padding-bottom: 80px;
}
.about-company-v2 .about-company-content {
max-width: 780px;
margin: 0 auto;
}
.about-company-v2 .about-company-content h2 {
letter-spacing: -0.68px;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 34px;
font-weight: 700;
max-width: 630px;
margin: 0 auto;
margin-bottom: 60px;
}
.about-company-v2 .about-company-content p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 27px;
max-width: 630px;
margin: 0 auto;
margin-bottom: 90px;
}
.about-company-v2 .about-company-content img {
border-radius: 6px;
width: 100%;
}
.about-company__accordion {
background-color: #f6f8fa;
padding-top: 80px;
padding-bottom: 90px;
}
.about-company__accordion .about-company__accordion-content {
max-width: 1070px;
margin: 0 auto;
}
.about-company__accordion .about-company__accordion-content h3 {
font-size: 34px;
font-weight: 700;
font-style: normal;
letter-spacing: -0.68px;
line-height: 42px;
width: 620px;
margin: 0 auto;
margin-bottom: 60px;
}
.about-company__accordion .about-company__accordion-content .accordion {
position: relative;
border-bottom: 1px solid #e1e5ed;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm {
position: relative;
width: 100%;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
height: 50px;
border-top: 1px solid #e1e5ed;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm > a:hover {
color: #1252af;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm > a:hover path{
stroke: #1252af;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm > a svg {
width: 10px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-right: 10px;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm > a path {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm.selected > a {
color: #1252af;
border-top: 1px solid #1252af;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm.selected > a svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm.selected > a path {
stroke: #1252af;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm .content {
position:relative;
width: 100%;
display:none;
margin-bottom: 15px;
margin-top: -10px;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm .content p {
width: 450px;
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.featured__head {
padding-bottom: 80px;
background-color: #1a1a1a;
}
.featured__head .featured__head-content {
max-width: 1060px;
margin: 0 auto;
}
.featured__head .featured__head-content h3 {
color: #808080;
font-family: "Google Sans", sans-serif;
font-size: 18px;
font-weight: 500;
padding-top: 25px;
padding-bottom: 25px;
}
.featured__head .featured__head-content a {
border-radius: 7px;
height: 700px;
width: 100%;
display: inline-block;
position: relative;
overflow: hidden;
}
.featured__head .featured__head-content a:hover .thumbnails img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.featured__head .featured__head-content .thumbnails {
border-radius: 7px;
position: relative;
z-index: 0;
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
height: 100%;
}
.featured__head .featured__head-content .thumbnails img {
width: 100%;
height: auto;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
}
.featured__head .featured__head-content .overlay {
position: absolute;
width: 100%;
left: 0px;
bottom: -5px;
z-index: 1;
-webkit-transition: bottom 0.2s;
-o-transition: bottom 0.2s;
transition: bottom 0.2s;
}
.featured__head .featured__head-content .info {
width: 760px;
position: absolute;
bottom: 60px;
left: 40px
}
.featured__head .featured__head-content .info .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 16px;
font-weight: 500;
position: relative;
z-index: 2;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.featured__head .featured__head-content .info .btn svg {
margin-left: 5px;
height: 18px;
width: 18px;
}
.featured__head .featured__head-content a .btn line,
.featured__head .featured__head-content a .btn circle {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.featured__head .featured__head-content .info .title {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 38px;
margin-bottom: 25px;
position: relative;
z-index: 2;
}
.featured__head .featured__head-content .info .data {
opacity: 0.6;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.featured__head .featured__head-content a:hover .btn {
color:#5d94e3;
}
.featured__head .featured__head-content a:hover .btn line,
.featured__head .featured__head-content a:hover .btn circle {
stroke:#5d94e3;
}
.featured__head .featured__head-content a:hover .overlay {
bottom: -15px;
}
.news {
padding-top: 50px;
padding-bottom: 50px;
background-color: #f6f8fa;
}
.news .news-content {
max-width: 1060px;
margin: 0 auto;
}
.news .news-content h3 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 25px;
}
.news .news-content .news-items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 25px 1fr;
grid-template-columns: repeat(2,1fr);
gap: 40px 25px;
}
.news .news-content .news-items .items {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0px 0px 6px 6px;
background-color: #ffffff;
width: 100%;
overflow: hidden;
}
.news .news-content .news-items .items:hover .thumbnails-wrapper .thumbnails img{
-webkit-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
}
.news .news-content .news-items .items .thumbnails-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.news .news-content .news-items .items .thumbnails-wrapper .thumbnails {
overflow: hidden;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.news .news-content .news-items .items .thumbnails-wrapper .thumbnails img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 240px;
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
-o-transition: transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
opacity: 1;
}
.news .news-content .news-items .items .info {
padding: 20px 30px 35px 30px;
}
.news .news-content .news-items .items .info .category {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.78px;
margin-bottom: 15px;
}
.news .news-content .news-items .items .info .title {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.52px;
line-height: 38px;
margin-bottom: 25px;
height: 76px;
overflow: hidden;
}
.news .news-content .news-items .items .info .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 16px;
font-weight: 500;
margin-bottom: 25px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.news .news-content .news-items .items .info .btn svg {
width: 18px;
height: 18px;
margin-left: 5px;
}
.news .news-content .news-items .items .btn line,
.news .news-content .news-items .items .btn circle {
stroke:#191919;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.news .news-content .news-items .items .info .data {
color: #a2aaba;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}
.news .news-content .news-items .items:hover .btn {
color:#5d94e3;
}
.news .news-content .news-items .items:hover .btn line,
.news .news-content .news-items .items:hover .btn circle {
stroke:#5d94e3;
}
.news .news-content .news-items .items:nth-child(3n+1) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 480px;
border-radius: 6px;
}
.news .news-content .news-items .items:nth-child(3n+1) .thumbnails-wrapper {
width: 50%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 6px 0px 0px 6px;
}
.news .news-content .news-items .items:nth-child(3n+1) .thumbnails-wrapper .thumbnails img {
height: 100%;
}
.news .news-content .news-items .items:nth-child(3n+1) .info {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px;
}
.news .news-content .news-items .items:nth-child(3n+1) .info .btn {
margin-bottom: 0px;
}
.news .news-content .news-items .items:nth-child(3n+1) .info .data {
position: absolute;
bottom: 35px;
}
.news .news-content .load-more {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
width: 200px;
height: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
border: 1px solid #1252af;
margin:  0 auto;
margin-top: 50px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
cursor: pointer;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.news .news-content .load-more:hover {
background-color: #003B90;
color: #ffffff;
}
.manage .manage-top {
padding-top: 140px;
padding-bottom: 140px;
}
.manage .manage-top .manage-top-content {
max-width: 460px;
margin: 0 auto;
}
.manage .manage-top .manage-top-content h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.6px;
line-height: 38px;
margin-bottom: 20px;
text-align: center;
}
.manage .manage-top .manage-top-content p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 23px;
text-align: center;
}
.manage .manage-mid {
position: relative;
}
.manage .manage-mid .frame2 {
position: absolute;
left: 0px;
bottom: 0px;
}
.manage .manage-mid .frame2 img {
width: 100%;
}
.manage .manage-mid .manage-mid-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.manage .manage-mid .manage-mid-content .text {
margin-bottom: 15px;
max-width: 490px;
}
.manage .manage-mid .manage-mid-content .text h4 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.78px;
margin-bottom: 15px;
}
.manage .manage-mid .manage-mid-content .text h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.6px;
line-height: 38px;
margin-bottom: 20px;
}
.manage .manage-mid .manage-mid-content .text p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 23px;
margin-bottom: 20px;
}
.manage .manage-mid .manage-mid-content .text a {
display: inline-block;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.manage .manage-mid .manage-mid-content .text a svg {
height: 10px;
margin-left: 2px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.manage .manage-mid .manage-mid-content .text a:hover {
color: #1252AF;
}
.manage .manage-mid .manage-mid-content .text a svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.manage .manage-mid .manage-mid-content .text a svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.manage .manage-mid .manage-mid-content .text a:hover svg path {
stroke: #1252AF;
}
.manage .manage-mid .manage-mid-content .text a:hover svg .line {
opacity: 1;
}
.manage .manage-mid .manage-mid-content .text a:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.manage .manage-mid .manage-mid-content .case-items {
max-width: 490px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.manage .manage-mid .manage-mid-content .case-items .items {
width: 230px;
margin-top: 40px;
}
.manage .manage-mid .manage-mid-content .case-items .items .ico {
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
}
.manage .manage-mid .manage-mid-content .case-items .items h3 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
}
.manage .manage-mid .manage-mid-content .case-items .items p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.manage .manage-bottom {
position: relative;
padding-top: 150px;
padding-bottom: 100px;
}
.manage .manage-bottom .frame3 {
position: absolute;
right: 0px;
top: 160px;
width: 700px;
}
.manage .manage-bottom .frame3#frame3 {
width: auto;
top: 130px;
}
.manage .manage-bottom .frame3 img {
width: 100%;
}
.manage .manage-bottom .manage-bottom-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.manage .manage-bottom .manage-bottom-content .text {
margin-bottom: 15px;
max-width: 520px;
}
.manage .manage-bottom .manage-bottom-content .text h4 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.78px;
margin-bottom: 15px;
}
.manage .manage-bottom .manage-bottom-content .text h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.6px;
line-height: 38px;
margin-bottom: 20px;
}
.manage .manage-bottom .manage-bottom-content .text p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 23px;
margin-bottom: 20px;
}
.manage .manage-bottom .manage-bottom-content .text a {
display: inline-block;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.manage .manage-bottom .manage-bottom-content .text a svg {
height: 10px;
margin-left: 2px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.manage .manage-bottom .manage-bottom-content .text a:hover {
color: #1252AF;
}
.manage .manage-bottom .manage-bottom-content .text a svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.manage .manage-bottom .manage-bottom-content .text a svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.manage .manage-bottom .manage-bottom-content .text a:hover svg path {
stroke: #1252AF;
}
.manage .manage-bottom .manage-bottom-content .text a:hover svg .line {
opacity: 1;
}
.manage .manage-bottom .manage-bottom-content .text a:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.manage .manage-bottom .manage-bottom-content .billing-items {
max-width: 490px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items {
width: 230px;
margin-top: 40px;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items .ico {
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 45px;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items h3 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.client {
background-color: #f6f8fa;
}
.client-portal .client {
padding-top: 120px;
}
.in-depth-reporting .client {
padding-top: 120px;
}
.client .client-top {
padding-top: 115px;
padding-bottom: 120px;
}
.client .client-top .client_sentence-content {
max-width: 1060px;
margin: 0 auto;
}
.client .client-top .client_sentence-content .sentence {
background-color: #ffffff;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/sentence-bg2.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left;
height: 220px;
-webkit-box-shadow: 0 15px 15px rgba(110, 110, 110, 0.16);
box-shadow: 0 15px 15px rgba(110, 110, 110, 0.16);
border-radius: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 30px 50px;
}
.client .client-top .client_sentence-content .sentence .sentence-half {
width: 435px;
}
.client .client-top .client_sentence-content .sentence .sentence-half h3 {
letter-spacing: -0.52px;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
margin-bottom: 5px;
}
.client .client-top .client_sentence-content .sentence .sentence-half h4 {
letter-spacing: -0.52px;
color: #f6f8fa;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
margin-bottom: 10px;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background: -o-linear-gradient(348deg, #234F96 0%, #6BA0F5 100%);
background: linear-gradient(102deg, #234F96 0%, #6BA0F5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.client .client-top .client_sentence-content .sentence .sentence-half h4 img {
position: absolute;
right: -12px;
top: -2px;
}
.client .client-top .client_sentence-content .sentence .sentence-half p {
line-height: 19px;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 30px;
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn a {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn a svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn a:hover {
color: #6A7688;
text-decoration: underline;
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn a svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn a svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn a:hover svg path {
stroke: #6A7688;
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn a:hover svg .line {
opacity: 1;
}
.client .client-top .client_sentence-content .sentence .sentence-half .btn a:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.client .client-mid {
padding-bottom: 90px;
}
.client .client-mid .client__portal-content {
max-width: 1060px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 70px;
}
.client .client-mid .client__portal-content .client__portal-content-half {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.client .client-mid .client__portal-content h4 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.78px;
margin-bottom: 15px;
}
.client .client-mid .client__portal-content .client__portal-content-half h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.6px;
line-height: 38px;
min-height: 90px;
width: 50%;
}
.client .client-mid .client__portal-content .client__portal-content-half p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 23px;
width: 50%;
}
.client .client-mid .client__portal-content a {
display: inline-block;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.client .client-mid .client__portal-content a svg {
height: 10px;
margin-left: 2px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.client .client-mid .client__portal-content a:hover {
color: #1252AF;
}
.client .client-mid .client__portal-content a svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.client .client-mid .client__portal-content a svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.client .client-mid .client__portal-content a:hover svg path {
stroke: #1252AF;
}
.client .client-mid .client__portal-content a:hover svg .line {
opacity: 1;
}
.client .client-mid .client__portal-content a:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.client .client-mid .client__items-content {
max-width: 1060px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.client .client-mid .client__items-content .item {
width: 240px;
}
.client .client-mid .client__items-content .item .ico {
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 45px;
}
.client .client-mid .client__items-content .item h3 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
}
.client .client-mid .client__items-content .item p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.client .client-bottom .client__bottom-content {
position: relative;
max-width: 1060px;
margin: 0 auto;
}
.client .client-bottom .client__bottom-content .square-bg {
position: absolute;
z-index: 0;
width: 411px;
height: 350px;
-webkit-box-shadow: 3px 10px 10px rgba(150, 150, 150, 0.16);
box-shadow: 3px 10px 10px rgba(150, 150, 150, 0.16);
border-radius: 10px;
border: 1px solid #e9edf5;
background-color: #f8f8f8;
left: 0px;
top: 0px;
}
.client .client-bottom .client__bottom-content img {
width: 100%;
z-index: 1;
position: relative;
}
.client .client-bottom .client__bottom-content .lines {
top: -30px;
z-index: 0;
position: relative;
}
.client .client-bottom .client__bottom-content .lines img {
position: absolute;
top: -20px;
left: 0px;
width: 100%;
}
.features {
background-color: #f6f8fa;
margin-top: -40px;
}
.features .features-top {
position: relative;
padding-bottom: 120px;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/corner-down.svg);
background-size: cover;
background-repeat: no-repeat;
}
.features .features-top .features__top-content {
position: relative;
max-width: 940px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.features .features-top .features__top-content img {
margin-left: 60px;
z-index: 1;
max-width: 582px;
}
.features .features-top .features__top-content .text {
width: 230px;
position: relative;
}
.features .features-top .features__top-content .text h3 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
}
.features .features-top .features__top-content .text p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.features .features-top .features__top-content .text .square {
width: 229px;
height: 222px;
border-bottom: 2px solid #dbe4ed;
border-left: 2px solid #dbe4ed;
position: absolute;
left: -105%;
border-radius: 0px 0px 0px 15px;
z-index: 0;
}
.in-depth-reporting .features .features-top .features__top-content .text .square {
top: 163px;
}
.in-depth-reporting .features .features-top .features__top-content-revers img {
z-index: 2;
}
.features .features-top .features__top-content-revers {
position: relative;
max-width: 940px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
}
.features .features-top .features__top-content-revers  img {
margin-right: -50px;
}
.features .features-top .features__top-content-revers .text {
width: 230px;
position: relative;
margin-left: 100px;
}
.features .features-top .features__top-content-revers .text h3 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
}
.features .features-top .features__top-content-revers .text p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.features .features-top .features__top-content-revers .square {
width: 467px;
height: 222px;
border-bottom: 2px solid #484848;
border-right: 2px solid #484848;
position: absolute;
left: 210px;
top: 92%;
border-radius: 0px 0px 15px 0px;
z-index: 1;
}
.client-portal .features .features-accordion {
padding-bottom: 120px;
}
.in-depth-reporting .features .features-accordion {
padding-bottom: 120px;
}
.features .features-accordion {
background-color: #191919;
padding-top: 140px;
padding-bottom: 50px;
position: relative;
}
.enterprise .features .features-accordion {
background-color: #ffffff;
padding-top: 70px;
padding-bottom: 150px;
}
.features .features-accordion .frame4 {
position: absolute;
left: 0px;
top: 173px;
z-index: 2;
}
@-webkit-keyframes z{
0%{opacity:1;
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
to{
opacity:0;
-webkit-transform: translateY(calc(0% + 25px));
transform: translateY(calc(0% + 25px))}
}
@keyframes z{
0%{opacity:1;
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
to{
opacity:0;
-webkit-transform: translateY(calc(0% + 25px));
transform: translateY(calc(0% + 25px))}
}
@-webkit-keyframes A{
0%{
opacity:0;
-webkit-transform: translateY(calc(0% - 25px));
transform: translateY(calc(0% - 25px))}
50%{
opacity:0;
-webkit-transform: translateY(calc(0% - 25px));
transform: translateY(calc(0% - 25px))
}
to{
opacity:1;
-webkit-transform: translateY(0%);
transform: translateY(0%)
}
}
@keyframes A{
0%{
opacity:0;
-webkit-transform: translateY(calc(0% - 25px));
transform: translateY(calc(0% - 25px))}
50%{
opacity:0;
-webkit-transform: translateY(calc(0% - 25px));
transform: translateY(calc(0% - 25px))
}
to{
opacity:1;
-webkit-transform: translateY(0%);
transform: translateY(0%)
}
} .features .features-accordion .frame4 .features__frame {
opacity: 0;
-webkit-transform: translateY(calc(0% - 25px));
-ms-transform: translateY(calc(0% - 25px));
transform: translateY(calc(0% - 25px));
-webkit-animation: z .4s cubic-bezier(.22,.61,.63,.85);
animation: z .4s cubic-bezier(.22,.61,.63,.85);
-webkit-transition: none;
-o-transition: none;
transition: none;
position: absolute;
top: 0px;
}
.features .features-accordion .frame4 .features__frame.show {
position: relative;
opacity: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-animation: A .8s cubic-bezier(.22,.61,.63,.85);
animation: A .8s cubic-bezier(.22,.61,.63,.85);
}
.enterprise .features .features-accordion .frame4 {
top: 110px;
}
.features .features-accordion .frame4 img {
width: 100%;
}
.features .features-accordion .features__accordion-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.features .features-accordion .features__accordion-content .text {
max-width: 490px;
position: relative;
padding-top: 40px;
}
.features .features-accordion .features__accordion-content .text h4 {
position: relative;
color: #bcd7ff;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.78px;
margin-bottom: 15px;
z-index: 1;
}
.enterprise .features .features-accordion .features__accordion-content .text h4 {
color: #1252AF;
}
.features .features-accordion .features__accordion-content .text h2 {
position: relative;
letter-spacing: -0.6px;
line-height: 38px;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 40px;
z-index: 1;
}
.enterprise .features .features-accordion .features__accordion-content .text h2 {
color: #191919;
}
.features .features-accordion .features__accordion-content .text .square {
width: 467px;
height: 100px;
border-top: 2px solid #484848;
border-left: 2px solid #484848;
position: absolute;
left: -400px;
top: -65px;
border-radius: 15px 0px 0px 0px;
z-index: 0;
}
.features .features-accordion .features__accordion-content .accordion {
max-width: 490px;
width: 100%;
position: relative;
border-bottom: 1px solid #383838;
}
.enterprise .features .features-accordion .features__accordion-content .accordion {
border-bottom: 1px solid #E1E5ED;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm {
position: relative;
width: 100%;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
height: 50px;
border-top: 1px solid #383838;
}
.enterprise .features .features-accordion .features__accordion-content .accordion .accordion-itm > a {
color: #191919;
border-top:1px solid #E1E5ED;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover {
color: #5d94e3;
}
.enterprise .features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover {
color: #1252AF;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover path {
stroke: #5d94e3;
}
.enterprise .features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover path {
stroke: #1252AF;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm > a svg {
width: 10px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-right: 10px;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm > a path {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a {
color: #5d94e3;
border-top: 1px solid #3563a5;
}
.enterprise .features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a {
color: #1252AF;
border-top: 1px solid #1252AF;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a path {
stroke: #5d94e3;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm .content {
position:relative;
width: 100%;
display:none;
margin-bottom: 15px;
margin-top: -10px;
}
.features .features-accordion .features__accordion-content .accordion .accordion-itm .content p {
color: #c6c6c6;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.enterprise .features .features-accordion .features__accordion-content .accordion .accordion-itm .content p {
color: #777E8D;
}
.tools {
background-color: #0b0b0b;
padding-top: 50px;
padding-bottom: 110px;
}
.tools .tools-content {
max-width: 1060px;
margin: 0 auto;
}
.tools .tools-content h4 {
color: #bcd7ff;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 0.78px;
margin-left: 15px;
}
.tools .tools-content .tools__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tools .tools-content .tools__items .item {
padding: 15px;
width: 260px;
border-radius: 3px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-top: 40px;
overflow: hidden;
position: relative;
z-index: 0;
cursor: pointer;
}
.tools .tools-content .tools__items .item::after {
content: "";
background-color: #191919;
position: absolute;
z-index: -1;
display: block;
border-radius: 3px;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
-webkit-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.tools.toolsLightV3 .tools-content .tools__items .item {
cursor: default;
}
.tools.toolsLightV3 .tools-content .tools__items .item::after {
display: none;
}
.tools .tools-content .tools__items .item:hover::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}
.tools .tools-content .tools__items .item circle,
.tools .tools-content .tools__items .item line  {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.tools .tools-content .tools__items .item:hover circle,
.tools .tools-content .tools__items .item:hover line {
stroke: #1252AF;
}
.tools .tools-content .tools__items .item .ico {
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 25px;
width: 60px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tools .tools-content .tools__items .item .ico svg {
width: auto !important;
}
.tools.toolsLight .tools-content .tools__items .item:nth-child(7) .ico svg {
height: 95% !important;
}
.tools.toolsLightV2 .tools-content .tools__items .item:nth-child(7) .ico svg {
height: 95% !important;
}
.tools.toolsLight .tools-content .tools__items .item:nth-child(8) .ico svg {
height: 90% !important;
}
.tools .tools-content .tools__items .item h3 {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
}
.tools .tools-content .tools__items .item p {
color: #9f9f9f;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
margin-bottom: 10px;
}
.tools .tools-content .tools__items .item a {
display: inline-block;
pointer-events: auto;
cursor: pointer;
}
.tools .tools-content .tools__items .item a svg {
display: block;
}
.tools .tools-content .tools__items .item .btn {
width: 18px;
height: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
.tools .tools-content .tools__items .item .btn svg {
display: block;
width: 100%;
height: 100%;
}
.mobile {
padding-top: 110px;
padding-bottom: 40px;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/mobilу-bg.jpg);
background-size: cover;
background-position: right;
}
.enterprise .mobile {
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/support-bg.webp);
padding-bottom: 150px;
}
.mobile .mobile-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 35px;
}
.mobile .mobile-content .text {
max-width: 515px;
}
.mobile .mobile-content .text h4 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.78px;
margin-bottom: 15px;
}
.mobile .mobile-content .text h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: -0.6px;
line-height: 38px;
margin-bottom: 20px;
}
.mobile .mobile-content .text p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 23px;
margin-bottom: 20px;
}
.mobile .mobile-content .text a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.mobile .mobile-content .text a:hover {
color: #1252AF;
}
.mobile .mobile-content .text a svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.mobile .mobile-content .text a svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.mobile .mobile-content .text a svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.mobile .mobile-content .text a:hover svg path {
stroke: #1252AF;
}
.mobile .mobile-content .text a:hover svg .line {
opacity: 1;
}
.mobile .mobile-content .text a:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.mobile .mobile-items {
max-width: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 90px;
}
.enterprise .mobile .mobile-items {
margin-bottom: 0px;
}
.mobile .mobile-items .item {
width: 245px;
}
.mobile .mobile-items .item:nth-child(1) {
width: 210px;
}
.mobile .mobile-items .item .ico {
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 30px;
}
.mobile .mobile-items .item:nth-child(1) .ico {
margin-left: -5px;
}
.enterprise .mobile .mobile-items .item:nth-child(1) .ico {
margin-left: 0px;
}
.mobile .mobile-items .item h3 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
}
.mobile .mobile-items .item p {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.mobile .mobile-download a {
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
position: relative;
display: inline-block;
margin-bottom: 10px;
}
.mobile .mobile-download a .ico path {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.mobile .mobile-download a:hover .ico path {
fill: #1252af;
}
.mobile .mobile-download a .mobile-download-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile .mobile-download a .mobile-download-container .ico {
margin-right: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
top: -2px;
}
.mobile .mobile-download a:nth-child(1) .mobile-download-container .arrow {
top: -1px;
}
.mobile .mobile-download a:nth-child(2) .mobile-download-container .ico {
top: -1px;
}
.mobile .mobile-download a .mobile-download-container .arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.mobile .mobile-download a .mobile-download-container .arrow .hover {
opacity: 0;
position: absolute;
right: 0px;
}
.mobile .mobile-download a .mobile-download-container .arrow svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.mobile .mobile-download a:hover {
color: #1252af;
}
.mobile .mobile-download a .arrow svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.mobile .mobile-download a .arrow svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.mobile .mobile-download a:hover .arrow svg path {
stroke: #1252af;
}
.mobile .mobile-download a:hover .arrow svg .line {
opacity: 1;
}
.mobile .mobile-download a:hover .arrow svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.clients {
background-color: #f6f8fa;
padding-top: 110px;
}
.enterprise .clients {
padding-bottom: 130px;
padding-top: 100px;
}
.clients .clients-top {
padding-bottom: 60px;
}
.clients .clients-top .clients-content {
max-width: 1060px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.clients .clients-top  .clients-content .clients-half {
width: 50%;
}
.clients .clients-top .clients-content h4 {
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.78px;
margin-bottom: 15px;
}
.clients .clients-top .clients-content h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.6px;
line-height: 38px;
margin-bottom: 20px;
}
.clients .clients-top .clients-content p {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 23px;
margin-top: 30px;
}
.clients .clients-mid .clients__slider-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.clients .clients-mid .clients__slider-content .clients-slider {
width: calc(100% + 85px);
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.clients .clients-mid .clients__slider-content .clients-slider:nth-child(2) {
margin-bottom: 0px;
left: -85px;
}
.clients .clients-mid .clients__slider-content .clients-slider .slider-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 280px;
height: 180px;
background-color: #ffffff;
margin-right: 15px;
position: relative;
}
.clients .clients-bottom {
padding-top: 130px;
padding-bottom: 165px;
}
.clients .clients-bottom .clients_sentence-content {
max-width: 1060px;
margin: 0 auto;
}
.clients .clients-bottom .clients_sentence-content .sentence {
background-color: #040d21;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/sentence-bg3.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left;
height: 220px;
-webkit-box-shadow: 0 15px 15px rgb(110 110 110 / 16%);
box-shadow: 0 15px 15px rgb(110 110 110 / 16%);
border-radius: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 30px 50px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half {
width: 435px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half h3 {
letter-spacing: -0.52px;
color: #f6f8fa;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
margin-bottom: 5px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half h4 {
letter-spacing: -0.52px;
color: #f6f8fa;
font-family: "Google Sans", sans-serif;
font-size: 26px;
font-weight: 700;
margin-bottom: 10px;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background: -o-linear-gradient(188deg, #FFD27C 0%, #B1FC96 100%);
background: linear-gradient(262deg, #FFD27C 0%, #B1FC96 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half p {
line-height: 19px;
color: #c2d0de;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn a {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn a svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn a:hover {
color: #8B97B2;
text-decoration: underline;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn a svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn a svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn a:hover svg path {
stroke: #8B97B2;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn a:hover svg .line {
opacity: 1;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half .btn a:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.page .page__head {
position: relative;
height: 380px;
background-color: #f6f8fa;
}
.page .page__head .page-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: -37px;
margin: 0 auto;
z-index: 1;
}
.page .page__head .semicircle {
position: absolute;
width: 690px;
height: 690px;
bottom: -345px;
left: 50%;
-webkit-transform: translate(-50%,0px);
-ms-transform: translate(-50%,0px);
transform: translate(-50%,0px);
background-color: #ECF1F7;
border-radius: 50%;
}
.page .page__head .circle.left {
left: -65px;
}
.page .page__head .circle.right {
right: -65px;
}
.page .page__head .circle {
position: absolute;
bottom: -80px;
width: 430px;
height: 430px;
border-radius: 50%;
border: 1px solid #ECF0F5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page .page__head .circle .circle {
width: 370px;
height: 370px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page .page__head .circle .circle .circle {
width: 290px;
height: 290px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page .page__head .page-content video {
position: relative;
z-index: 3;
top: 0px;
}
.mobile-app.page .page__welcome {
position: relative;
}
.in-depth-reporting.page .page__welcome {
position: relative;
}
.page .page__head .page-content img{
width: 100%;
}
.page .page__welcome {
padding-top: 190px;
padding-bottom: 100px;
background-color: #ffffff;
z-index: 0;
}
.mobile-app.page .page__welcome {
padding-top: 140px;
}
.page .page__welcome .page__welcome-content {
max-width: 480px;
margin: 0 auto;
}
.page .page__welcome .page__welcome-content h2 {
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.6px;
line-height: 38px;
margin-bottom: 20px;
text-align: center;
}
.page .page__welcome .page__welcome-content p {
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
color: #191919;
line-height: 23px;
margin-bottom: 25px;
text-align: center;
}
.page .page__welcome .page__welcome-content .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page .page__welcome .page__welcome-content .btn .try {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 3px;
background-color: #1252af;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
width: 180px;
height: 36px;
padding: 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.page .page__welcome .page__welcome-content .btn .try:hover {
background-color: #003B90;
}
.page .page__welcome .page__welcome-content .btn .sales {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
margin-left: 20px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.page .page__welcome .page__welcome-content .btn .sales:hover {
color: #1252af;
}
.page .page__welcome .page__welcome-content .btn .sales svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.page .page__welcome .page__welcome-content .btn .sales svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.page .page__welcome .page__welcome-content .btn .sales svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.page .page__welcome .page__welcome-content .btn .sales:hover svg path {
stroke: #1252AF;
}
.page .page__welcome .page__welcome-content .btn .sales:hover svg .line {
opacity: 1;
}
.page .page__welcome .page__welcome-content .btn .sales:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.case-management .tools {
background-color: #ffffff;
}
.case-management .tools .tools-content h4 {
color: #1252af;
}
.case-management .tools  .tools-content .tools__items .item h3 {
color: #1252af;
}
.case-management .tools .tools-content .tools__items .item::after {
background-color: #f6f8fa;
}
.task-and-events-management .tools {
background-color: #f6f8fa;
}
.task-and-events-management .tools .tools-content h4 {
color: #1252af;
}
.task-and-events-management .tools  .tools-content .tools__items .item h3 {
color: #1252af;
}
.task-and-events-management .tools .tools-content .tools__items .item::after {
background-color: #ffffff;
}
.billing-and-time-tracking .tools {
background-color: #f6f8fa;
}
.billing-and-time-tracking .tools .tools-content h4 {
color: #1252af;
}
.billing-and-time-tracking .tools  .tools-content .tools__items .item h3 {
color: #1252af;
}
.billing-and-time-tracking .tools .tools-content .tools__items .item::after {
background-color: #ffffff;
}
.case-management .legal {
padding-top: 130px;
padding-bottom: 130px;
background-color: #f6f8fa;
}
.case-management .legal .legal-content .btn .sales:hover {
color: #1252af;
}
.task-and-events-management .legal {
padding-top: 130px;
padding-bottom: 130px;
background-color: #ffffff;
}
.billing-and-time-tracking .legal {
padding-top: 130px;
padding-bottom: 130px;
background-color: #ffffff;
}
.communication-module .legal {
padding-top: 130px;
padding-bottom: 130px;
background-color: #ffffff;
}
.communication-module .legal .legal-content h3 {
color: #191919;
}
.communication-module .legal .legal-content p {
color: #191919;
}
.communication-module .features .features-accordion {
background-color: #F6F8FA;
padding-top: 230px;
padding-bottom: 200px;
}
.communication-module .features {
margin-top: 0px;
}
.communication-module .features .features-accordion .features__accordion-content .text {
padding-top: 0px;
}
.communication-module .features .features-accordion .frame4 {
width: 690px;
top: 120px;
left: 30px;
}
.communication-module .features .features-accordion .features__accordion-content .text h4 {
color: #1252AF;
}
.communication-module .features .features-accordion .features__accordion-content .text h2 {
color: #191919;
}
.communication-module .features .features-accordion .features__accordion-content .accordion .accordion-itm > a {
color: #191919;
border-top: 1px solid #E1E5ED;
}
.communication-module .features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover {
color: #1252AF;
}
.communication-module .features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a {
color: #1252AF;
border-top: 1px solid #1252AF;
}
.communication-module .features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover path {
stroke: #1252AF;
}
.communication-module .features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a path {
stroke: #1252AF;
}
.communication-module .features .features-accordion .features__accordion-content .accordion .accordion-itm .content p {
color: #777E8D;
}
.communication-module .features .features-accordion .features__accordion-content .accordion {
border-bottom: 1px solid #E1E5ED;
}
.communication-module .legal .legal-content .btn .sales {
color: #191919;
}
.communication-module .legal .legal-content .btn .sales:hover {
color: #1252AF;
}
.communication-module .legal .legal-content .btn .sales:hover svg path {
stroke: #1252AF;
}
.billing-and-time-tracking .manage .manage-mid .frame2 {
width: 700px;
}
.case-management .features ~ .legal .legal-content h3 {
color: #191919;
}
.case-management .features ~ .legal .legal-content p {
color: #191919;
}
.case-management .features ~ .legal .legal-content .btn .sales {
color: #191919;
}
.case-management .features ~ .legal .legal-content .btn .sales:hover {
color: #1252AF;
}
.case-management .features ~ .legal .legal-content .btn .sales svg {
height: 8px;
margin-left: 5px;
position: relative;
stroke-width: 2px;
fill: none;
stroke: currentColor;
}
.case-management .features ~ .legal .legal-content .btn .sales svg .line {
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.case-management .features ~ .legal .legal-content .btn .sales svg .tip {
-webkit-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
-o-transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
transition: all 0.2s cubic-bezier(0.215,0.61,0.355,1);
}
.case-management .features ~ .legal .legal-content .btn .sales:hover svg path {
stroke: #1252AF
}
.case-management .features ~ .legal .legal-content .btn .sales:hover svg .line {
opacity: 1;
}
.case-management .features ~ .legal .legal-content .btn .sales:hover svg .tip {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.case-management .features .features-accordion {
background-color: #f6f8fa;
}
.case-management .features .features-accordion .features__accordion-content .text h4 {
color: #1252af;
}
.case-management .features .features-accordion .features__accordion-content .text h2 {
color: #191919;
}
.case-management .features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a {
color: #1252af;
border-top: 1px solid #1252af;
}
.case-management .features .features-accordion .features__accordion-content .accordion .accordion-itm > a {
color: #191919;
border-top: 1px solid #E1E5ED;
}
.case-management .features .features-accordion .features__accordion-content .accordion {
border-bottom: 1px solid #E1E5ED;
}
.case-management .features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover {
color: #1252af;
}
.case-management .features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover path {
stroke: #1252af;
}
.case-management .features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a path {
stroke: #1252af;
}
.case-management .features .features-accordion .features__accordion-content .accordion .accordion-itm .content p {
color: #777e8d;
}
.case-management .features .features-accordion {
padding-top: 130px;
padding-bottom: 160px;
}
.case-management .features .features-accordion .frame4 {
top: 130px;
}
.case-management .features .features-accordion .features__accordion-content .text {
padding-top: 0px;
}
.page .manage {
padding-top: 30px;
}
.case-management .features {
margin-top: 0px;
}
.page .manage .manage-bottom {
padding-bottom: 150px;
padding-top: 180px;
}
.client-portal .legal {
padding-top: 130px;
padding-bottom: 130px;
background-color: #ffffff;
}
.client-portal .legal .legal-content h3 {
color: #191919;
}
.client-portal .legal .legal-content p {
color: #191919;
}
.in-depth-reporting .legal {
padding-top: 130px;
padding-bottom: 130px;
background-color: #ffffff;
}
.in-depth-reporting .legal .legal-content h3 {
color: #191919;
}
.in-depth-reporting .legal .legal-content p {
color: #191919;
}
.mobile-app .legal {
padding-top: 130px;
padding-bottom: 130px;
background-color: #ffffff;
}
.mobile-app .legal .legal-content h3 {
color: #191919;
}
.mobile-app .legal .legal-content p {
color: #191919;
}
.mobile-app .features .features-accordion {
background-color: #F6F8FA;
padding-top: 230px;
padding-bottom: 200px;
}
.mobile-app .features {
margin-top: 0px;
}
.mobile-app .features .features-accordion .features__accordion-content .text {
padding-top: 0px;
}
.mobile-app .features .features-accordion .frame4 {
width: 690px;
top: 120px;
left: 30px;
}
.mobile-app .features .features-accordion .features__accordion-content .text h4 {
color: #1252AF;
}
.mobile-app .features .features-accordion .features__accordion-content .text h2 {
color: #191919;
}
.mobile-app .features .features-accordion .features__accordion-content .accordion .accordion-itm > a {
color: #191919;
border-top: 1px solid #E1E5ED;
}
.mobile-app .features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover {
color: #1252AF;
}
.mobile-app .features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a {
color: #1252AF;
border-top: 1px solid #1252AF;
}
.mobile-app .features .features-accordion .features__accordion-content .accordion .accordion-itm > a:hover path {
stroke: #1252AF;
}
.mobile-app .features .features-accordion .features__accordion-content .accordion .accordion-itm.selected > a path {
stroke: #1252AF;
}
.mobile-app .features .features-accordion .features__accordion-content .accordion .accordion-itm .content p {
color: #777E8D;
}
.mobile-app .features .features-accordion .features__accordion-content .accordion {
border-bottom: 1px solid #E1E5ED;
}
.mobile-app .legal .legal-content .btn .sales {
color: #191919;
}
.mobile-app .legal .legal-content .btn .sales:hover {
color: #1252AF;
}
.mobile-app .legal .legal-content .btn .sales:hover svg path {
stroke: #1252AF;
}
.client-portal .legal .legal-content .btn .sales {
color: #191919;
}
.client-portal .legal .legal-content .btn .sales:hover {
color: #1252AF;
}
.client-portal .legal .legal-content .btn .sales:hover svg path {
stroke: #1252AF;
}
.in-depth-reporting .legal .legal-content .btn .sales {
color: #191919;
}
.in-depth-reporting .legal .legal-content .btn .sales:hover {
color: #1252AF;
}
.in-depth-reporting .legal .legal-content .btn .sales:hover svg path {
stroke: #1252AF;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1000;
}
.modal__overlay.bottom-0 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.modal__container.ico-tools{
background-color: #ffffff;
padding: 25px;
border-radius: 9px 9px 0px 0px;
overflow-y: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 715px;
max-width: 1250px;
position: relative;
}
.modal__container.ico-tools .thumbnail {
width: 600px;
min-width: 600px;
border-radius: 6px;
margin-right: 25px;
}
.modal__container.ico-tools .thumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 6px;
}
.modal__container.ico-tools .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal__container.ico-tools .text h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
color: #1252af;
margin-bottom: 10px;
text-transform: uppercase;
margin-left: 0px;
}
.modal__container.ico-tools .text .ico {
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 28px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.modal__container.ico-tools .text h2 {
margin-bottom: 20px;
line-height: 39px;
font-size: 30px;
font-weight: 600;
font-family: "Google Sans", sans-serif;
color: #191919;
letter-spacing: -0.2px;
}
.modal__container.ico-tools .text p {
font-size: 16px;
font-family: "Google Sans", sans-serif;
font-weight: 500;
color: #777E8D;
line-height: 25px;
width: 525px;
}
.modal__container.ico-tools .modal__close {
outline: none;
border: 0px;
background: transparent;
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
padding: 0px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 100;
height: 28px;
width: 28px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.modal__container.ico-tools .modal__close:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.modal__container.ico-tools .modal__close svg {
height: 100%;
width: 100%;
}
.modal__container.request-demo {
width: 620px;
border-radius: 6px;
background-color: #f6f8fa;
padding: 40px 30px 30px 30px;
}
.modal__container.request-demo h2 {
margin-bottom: 15px;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 30px;
font-weight: 700;
font-style: normal;
letter-spacing: -0.6px;
}
.modal__container.request-demo p {
line-height: 23px;
color: #777e8d;
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
margin-bottom: 30px;
width: 515px;
}
.modal__container.request-demo .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal__container.request-demo .btn a {
display: block;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
border-radius: 3px;
background-color: #1252af;
padding: 10px 40px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.modal__container.request-demo .btn a:hover {
background-color: #003B90;
}
@-webkit-keyframes mmfadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes mmfadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes mmfadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes mmfadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@-webkit-keyframes mmslideIn {
from { -webkit-transform: translateY(15%); transform: translateY(15%); }
to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes mmslideIn {
from { -webkit-transform: translateY(15%); transform: translateY(15%); }
to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes mmslideOut {
from { -webkit-transform: translateY(0); transform: translateY(0); }
to { -webkit-transform: translateY(15%); transform: translateY(15%); }
}
@keyframes mmslideOut {
from { -webkit-transform: translateY(0); transform: translateY(0); }
to { -webkit-transform: translateY(15%); transform: translateY(15%); }
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
-webkit-animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
-webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
-webkit-animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
-webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
} .footer {
background-color: #000000;
} 
.footer .footer__top {
height: 125px;
}
.footer .footer__top .footer__top-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
border-bottom: 1px solid #2c2c2c;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer .footer__top .footer__top-content .logo {
width: 85px;
display: inline-block;
}
.footer .footer__top .footer__top-content .logo img {
width: 100%;
}
.footer .footer__top .footer__top-content .subscribe {
position: relative;
}
.footer .footer__top .footer__top-content .subscribe input[type="email"] {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
width: 560px;
height: 36px;
border-radius: 3px;
border: 1px solid #3b3b3b !important;
background-color: #000000;
padding-left: 15px;
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer .footer__top .footer__top-content .subscribe input[type="email"]::-webkit-input-placeholder {
color: #626262;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.footer .footer__top .footer__top-content .subscribe input[type="email"]::-moz-placeholder {
color: #626262;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.footer .footer__top .footer__top-content .subscribe input[type="email"]:-ms-input-placeholder {
color: #626262;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.footer .footer__top .footer__top-content .subscribe input[type="email"]::-ms-input-placeholder {
color: #626262;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.footer .footer__top .footer__top-content .subscribe input[type="email"]::placeholder {
color: #626262;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
}
.footer .footer__top .footer__top-content .subscribe input[type="button"] {
background: none;
border: none;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
cursor: pointer;
height: 36px;
z-index: 1;
position: relative;
padding: 0px;
padding-right: 30px;
padding-left: 8px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/arrow-white.svg);
background-repeat: no-repeat;
background-position: right;
}
.footer .footer__top .footer__top-content .subscribe input[type="button"]:hover {
color: #5d94e3;
background-image: none;
padding: 0px 19px;
}
.footer .footer__top .footer__top-content .subscribe svg {
position: absolute;
right: 0px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
z-index: 0;
}
.footer .footer__mid .footer__mid-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 90px;
padding-bottom: 45px;
border-bottom: 1px solid #2c2c2c;
}
.footer .footer__mid .footer__mid-content .menu-footer {
width: 280px;
}
.footer .footer__mid .footer__mid-content .menu-footer h3 {
color: #4d4d4d;
font-family: "Google Sans", sans-serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.footer .footer__mid .footer__mid-content .menu-footer li {
margin-bottom: 10px;
}
.footer .footer__mid .footer__mid-content .menu-footer li a {
display: block;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
padding: 3px 0px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.footer .footer__mid .footer__mid-content .menu-footer li a:hover {
color: #5d94e3;
}
.footer .footer__mid .footer__mid-content .download-ico {
position: absolute;
right: 0px;
bottom: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer .footer__mid .footer__mid-content .download-ico a {
margin-left: 7px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.footer .footer__mid .footer__mid-content .download-ico a img {
height: 34px;
}
.footer .footer__bottom {
height: 105px;
}
.footer .footer__bottom .footer__bottom-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
justify-content: space-between;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul li a {
display: block;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul li {
margin-right:40px;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul li a:hover {
color: #5d94e3;
}
.footer .footer__copyright {
height: 97px;
background-color: #151515;
}
.footer .footer__copyright .footer__copyright-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.footer .footer__copyright .footer__copyright-content p {
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 5px;
}
.footer .footer__copyright .footer__copyright-content .exclusive p {
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
color: #ffffff;
margin-bottom: 0px;
}
.footer .footer__copyright .footer__copyright-content .exclusive a {
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 500;
color: #ffffff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.footer .footer__copyright .footer__copyright-content .exclusive a:hover {
color: #5d94e3;
}
.footer .footer__copyright .footer__copyright-content .exclusive a:hover path {
stroke: #5d94e3;
}
.footer .footer__copyright .footer__copyright-content .exclusive a svg {
position: relative;
top: -2px;
right: 2px;
}
.footer .footer__copyright .footer__copyright-content .exclusive a path {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.cookies {
background-color: rgba(255,255,255,.7);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
width: 100%;
height: 55px;
z-index: 99;
position: fixed;
bottom: 0px;
left: 0px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: none;
}
.cookies.cookies-hide {
opacity: 0;
-webkit-transform: translate(0px, 100%);
-ms-transform: translate(0px, 100%);
transform: translate(0px, 100%);
}
.cookies .cookies-content {
margin: 0 auto;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cookies .cookies-content .ico {
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cookies .cookies-content p {
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-right: 30px;
}
.cookies .cookies-content p:after {
content: '';
display: block;
width: 1px;
height: 25px;
position: absolute;
background-color: #D3D7DD;
right: -30px;
top: 50%;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
}
.cookies .cookies-content p a {
color: #1252AF;
display: block;
position: relative;
margin-left: 5px;
}
.cookies .cookies-content p a:after {
content: '';
width: 100%;
height: 1px;
background-color: #1252AF;
display: block;
position: absolute;
left: 0px;
bottom: 0px;
}
.cookies .cookies-content .btn {
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 500;
color: #1252AF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
margin-left: 35px;
}
.cookies .cookies-content .btn svg {
margin-left: 4px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.cookies .cookies-content .btn:hover svg{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.plans-and-pricing .pricing__head .fixed {
background-color: #ffffff;
border-bottom: 1px solid #EDEDED;
position: fixed;
top: 0px;
z-index: 10;
width: 100%;
height: 120px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.plans-and-pricing .pricing__head .fixed.opacity {
opacity: 1;
visibility:visible
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr .pricing__head-pr .noprice {
margin: 0px;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-title h2 {
font-size: 18px;
padding-top: 0px;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr .pricing__head-pr .price {
margin: 0px;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr .pricing__head-pr h4 {
font-size: 15px;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr .pricing__head-pr .noprice p {
font-size: 13px;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr .pricing__head-pr .price {
font-size: 22px;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr:nth-child(3) {
background-color: transparent;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr {
padding: 0px;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr .pricing__head-pr {
padding: 5px;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.plans-and-pricing .pricing__head .fixed .pricing__head-wr .pricing__head-pr h4 {
margin-bottom: 0px;
}
.plans-and-pricing .pricing__head {
height: 300px;
background-color: #F6F8FA;
}
.plans-and-pricing .pricing__head .pricing__head-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.plans-and-pricing .pricing__head .pricing__head-title {
width: 330px;
}
.plans-and-pricing .pricing__head .pricing__head-title h2 {
color: #191919;
font-size: 30px;
font-weight: 600;
font-family: "Google Sans", sans-serif;
padding-top: 30px;
}
.plans-and-pricing .pricing__head .pricing__head-wr {
margin: 0px 7px;
background-color:transparent;
border-radius: 4px 4px 0px 0px;
padding: 30px 10px 0px 10px;
width: 305px;
position: relative;
}
.plans-and-pricing .pricing__head .pricing__head-wr:last-child {
margin-right: 0px;
}
.plans-and-pricing .pricing__head .pricing__head-wr:nth-child(3) {
background-color: #1252AF;
}
.plans-and-pricing .pricing__head .pricing__head-wr h3 {
color: #A7C6F4;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 700;
text-align: center;
position: absolute;
left: 50%;
top: 10px;
-webkit-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr {
background-color: #ffffff;
border-radius: 4px 4px 0px 0px;
border-bottom: 1px solid #F6F8FA;
padding: 30px 15px 20px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr h4 {
font-size: 18px;
font-weight: 700;
text-align: center;
font-family: "Google Sans", sans-serif;
color: #191919;
margin-bottom: 10px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr>p {
color: #777E8D;
font-size: 13px;
font-weight: 400;
font-family: "Google Sans", sans-serif;
line-height: 20px;
margin-bottom: 15px;
text-align: center;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .price{
font-weight: 500;
font-family: "Google Sans", sans-serif;
font-size: 28px;
margin-bottom: 15px;
text-align: center;
color: #191919;
margin-bottom: 20px;
position: relative;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .price .currency {
position: absolute;
top: -3px;
left: -11px;
font-size: 18px;
font-weight: 700;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .price span {
font-weight: 400;
font-family: "Google Sans", sans-serif;
font-size: 12px;
position: relative;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .noprice {
margin-bottom: 45px;
margin-top: 30px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .noprice p {
margin-bottom: 0px;
color: #191919;
font-size: 15px;
font-weight: 500;
font-family: "Google Sans", sans-serif;
text-align: center;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .btn a {
color: #1252AF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
font-size: 14px;
font-weight: 500;
font-family: "Google Sans", sans-serif;
width: 140px;
height: 36px;
border: 1px solid #1252AF;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .btn a:hover {
background-color: #003b90;
color: #ffffff;
}
.plans-and-pricing .pricing__head .pricing__head-wr:nth-child(3) .pricing__head-pr .btn a {
background-color: #1252AF;
color: #ffffff;
}
.plans-and-pricing .pricing__head .pricing__head-wr:nth-child(3) .pricing__head-pr .btn a:hover {
background-color: #003b90;
}
.plans-and-pricing .pricing__body .pricing__body-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.plans-and-pricing .pricing__body .pricing__body-title {
width: 330px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px;
}
.plans-and-pricing .pricing__body .pricing__body-title .title {
height: 63px;
}
.plans-and-pricing .pricing__body .pricing__body-title .title h4 {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
color: #777E8D;
margin-top: 25px;
margin-bottom: 25px;
font-family: "Google Sans", sans-serif;
}
.plans-and-pricing .pricing__body .pricing__body-title .itm {
cursor: pointer;
padding: 10px;
margin-bottom: 5px;
margin-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-left: -10px;
height: 37px;
}
.plans-and-pricing .pricing__body .pricing__body-title .itm:hover {
background-color: #EFF2F5;
}
.plans-and-pricing .pricing__body .pricing__body-title .itm img {
margin-right: 10px;
}
.plans-and-pricing .pricing__body .pricing__body-title .itm h3 {
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
color: #191919;
position: relative;
top: 1px;
}
.plans-and-pricing .pricing__body .pricing__body-wr {
margin: 0px 7px;
background-color:transparent;
padding: 0px 10px 0px 10px;
width: 305px;
position: relative;
}
.plans-and-pricing .pricing__body .pricing__body-wr:last-child {
margin-right: 0px;
}
.plans-and-pricing .pricing__body .pricing__body-wr:nth-child(3) {
background-color: #1252AF;
}
.plans-and-pricing .pricing__body .pricing__body-wr .pricing__body-pr {
background-color: #ffffff;
border-right: 1px solid #F6F8FA;
border-left: 1px solid #F6F8FA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 20px;
}
.plans-and-pricing .pricing__body .pricing__body-wr .pricing__body-pr .title {
height: 63px;
}
.plans-and-pricing .pricing__body .pricing__body-wr .pricing__body-pr .itm {
height: 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.plans-and-pricing .pricing__body .pricing__body-wr .pricing__body-pr .itm p {
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 400;
color: #191919;
}
.tippy-box[data-theme~='plans'] {
-webkit-box-shadow: 5px 6px 14px rgba(0, 0, 0, 0.16);
box-shadow: 5px 6px 14px rgba(0, 0, 0, 0.16);
border-bottom-color: #191919;
opacity: 0.9;
color: #ffffff;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: normal;
padding: 15px 5px 20px 5px;
line-height: 20px;
border-radius: 4px;
}
.tippy-box[data-theme~='plans'][data-placement^='bottom'] > .tippy-arrow::before {
border-bottom-color: #191919;
opacity: 0.9;
}
.plans-and-pricing .table__mobile {
display: none;
}
.plans-and-pricing .pricing__footer {
padding-bottom: 120px;
}
.plans-and-pricing .pricing__footer .pricing__footer-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.plans-and-pricing .pricing__footer .pricing__footer-title {
width: 330px;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr {
margin: 0px 7px;
background-color: transparent;
padding: 0px 10px 30px 10px;
width: 305px;
position: relative;
border-radius: 0px 0px 4px 4px;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr .pricing__footer-pr {
background-color: #ffffff;
border-right: 1px solid #F6F8FA;
border-left: 1px solid #F6F8FA;
border-bottom: 1px solid #F6F8FA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 50px;
padding-bottom: 40px;
border-radius: 0px 0px 4px 4px;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr:nth-child(3) {
background-color: #1252AF;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr:last-child {
margin-right: 0px;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr .pricing__footer-pr .btn a {
color: #1252AF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
font-size: 14px;
font-weight: 500;
font-family: "Google Sans", sans-serif;
width: 140px;
height: 36px;
border: 1px solid #1252AF;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr .pricing__footer-pr .btn a:hover {
background-color: #003b90;
color: #ffffff;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr:nth-child(3) .pricing__footer-pr .btn a {
background-color: #1252AF;
color: #ffffff;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr:nth-child(3) .pricing__footer-pr .btn a:hover {
background-color: #003b90;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr h3 {
color: #A7C6F4;
font-family: "Google Sans", sans-serif;
font-size: 12px;
font-weight: 700;
text-align: center;
position: absolute;
left: 50%;
bottom: 9px;
-webkit-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
} .nf-form-content {
padding: 0px !important;
}
.nf-error.field-wrap .nf-field-element:after,
.nf-after-form-content {
display: none;
}
.nf-input-limit {
margin-top: 0px !important;
}
.nf-pass.field-wrap .nf-field-element:after {
display: none;
}
.nf-form-content .list-select-wrap>div div:after {
display: none;
}
.subscribe .nf-before-form-content,
.subscribe .label-above .nf-field-label{
display: none;
}
.subscribe .nf-error .ninja-forms-field {
border: 1px solid #3b3b3b !important;
border-color: #3b3b3b !important;
}
.subscribe .nf-error-msg {
font-family: "Google Sans", sans-serif;
font-size: 13px;
line-height: 16px;
letter-spacing: -0.31px;
}
.subscribe nf-fields-wrap nf-field:nth-child(2) {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
z-index: 11;
}
.subscribe #ninja_forms_required_items, .nf-field-container {
margin-bottom: 0px !important;
}
.subscribe .nf-response-msg {
position: absolute;
top: 35px;
padding: 0px;
background: transparent;
left: 0px;
width: 100%;
height: auto;
z-index: 3;
}
.subscribe .nf-response-msg p span {
color: #ffffff;
font-family: "Google Sans", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
padding: 0px;
}
.subscribe  .nf-after-field {
position: absolute;
bottom: -20px;
}
.subscribe .nf-error .nf-error-msg {
color: #F4274E !important;
}
.contact__form .nf-form-content .label-above .nf-field-label, 
.contact__form .nf-form-content .label-below .nf-field-label, 
.contact__form .nf-form-content .label-hidden .nf-field-label {
margin-bottom: 5px !important;
}
.contact__form .nf-form-content .list-select-wrap .nf-field-element>div,
.contact__form .nf-form-content input:not([type=button]),
.contact__form .nf-form-content textarea {
background: transparent !important;
border: 0px !important;
}
.contact__form .contact__form-content form label .ninja-forms-req-symbol,
.nf-before-form-content {
display: none;
}
.contact__form .nf-error .nf-error-msg {
color: #F4274E !important;
font-size: 14px !important;
font-family: "Google Sans", sans-serif !important;
font-weight: 400 !important;
margin-bottom: 5px;
}
.contact__form .nf-after-field {
margin-top: -4px;
}
.contact__form .nf-response-msg {
background-color: #ffffff;
margin-top: -75px;
margin-bottom: -75px;
z-index: 10;
position: relative;
padding: 370px 0px;
}
.contact__form .nf-response-msg h3 {
font-size: 30px;
margin-bottom: 15px;
color: #191919;
font-family: "Google Sans", sans-serif;
}
.contact__form .nf-response-msg p {
color: #777E8D;
font-size: 14px;
line-height: 23px;
font-family: "Google Sans", sans-serif;
}
.security-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.security-page .header {
min-height: 60px;
border-bottom: 1px solid #EDEDED;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.security-page .header .header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.security-page .header .header__container .logo {
width: 80px;
}
.security-page .header .header__container .logo img {
width: 100%;
}
.security-page .header .header__container .header-sign {
color: #222222;
font-size: 14px;
margin: 0px;
position: relative;
}
.security-page .header .header__container .header-sign:before {
content: '';
width: 1px;
height: 24px;
background-color: #F2F2F2;
position: absolute;
left: -20px;
top: 50%;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
}
.security-page .header .header__container .header-sign a {
color: #1252AF;
font-weight: 600;
text-decoration: none;
}
.security-page .breadcrumb {
background-color: #F6F8FA;
padding: 10px 0px;
}
.security-page .breadcrumb .breadcrumbs__container a {
color: #1252AF;
font-size: 13px;
display: inline-block;
text-decoration: none;
}
.security-page .breadcrumb .breadcrumbs__container a img {
width: 5px;
margin-right: 2px;
}
.security-page .security {
background-color: #F6F8FA;
height: 100%;
}
.security-page .security .security__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.security-page .security .security__container .security-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 45px;
}
.security-page .security .security__container .security-title h2 {
font-size: 24px;
font-weight: 700;
color: #222222;
margin: 0px;
margin-bottom: 15px;
text-align: center;
}
.security-page .security .security__container .security-title p {
color: #222222;
line-height: 21px;
margin: 0px;
max-width: 690px;
text-align: center;
margin: 0 auto;
}
.security-page .security .security__container .security-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px;
}
.security-page .security .security__container .security-cart .itm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 350px;
height: 380px;
margin: 0px 15px;
padding: 55px 10px 40px 10px;
border: 1px solid #ECF1F7;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
}
.security-page .security .security__container .security-cart .itm img {
margin: 0 auto;
margin-bottom: 55px;
height: 38px;
}
.security-page .security .security__container .security-cart .itm:nth-child(2) img{
height: 22px;
margin-top: 7px;
margin-bottom: 64px;
}
.security-page .security .security__container .security-cart .itm h4 {
margin: 0px;
color: #222222;
font-size: 15px;
font-weight: 600;
margin-bottom: 20px;
text-align: center;
}
.security-page .security .security__container .security-cart .itm p {
margin: 0px;
font-size: 14px;
line-height: 19px;
color: #637283;
text-align: center;
height: 95px;
margin-bottom: 35px;
}
.security-page .security .security__container .security-cart .itm a {
display: inline;
color: #1252AF;
font-size: 14px;
line-height: 19px;
text-decoration: none;
text-align: center;
}
.security-page .security .security__container .security-support {
text-align: center;
font-size: 13px;
color: #637283;
margin-bottom: 40px;
}
.security-page .security .security__container .security-support a {
color: #1252AF;
text-decoration: none;
}
.security-page .footer {
min-height: 50px;
border-top: 1px solid #EDEDED;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.security-page .footer .footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.security-page .footer .footer__container .terms {
color: #777E8D;
font-size: 13px;
margin: 0px;
}
.security-page .footer .footer__container .terms a {
color: #1252AF;
text-decoration: none;
}
.security-page .footer .footer__container .copyrigh {
color: #777E8D;
font-size: 13px;
margin: 0px;
}
.security-page .footer .footer__container .copyrigh span {
position: relative;
top: -5px;
font-size: 11px;
}
.loaded {
opacity: 1
}
.single-content table {
margin-bottom: 50px;
border-collapse:collapse;
}
.single-content th {
border: 1px solid #191919;
text-align: left;
padding: 5px;
font-size: 15px;
line-height: 22px;
width: 33.33%;
border-collapse:collapse;
vertical-align: top;
}
.single-content td {
border: 1px solid #191919;
text-align: left;
padding: 5px;
font-size: 15px;
line-height: 22px;
width: 33.33%;
border-collapse:collapse;
vertical-align: top;
}
.swiper-container {
overflow: hidden;
position: relative;
} @media only screen and (max-width: 2000px) {
.main .home-bg {
top: -90px;
max-width: 2000px;
min-width: 2000px;
}
.main .home-bg-parallax {
top: -90px;
max-width: 2000px;
min-width: 2000px;
}
.enterprise .main .main-content span.pos1 {
top: 120px;
left: 100px;
} 
.enterprise .main .main-content span.pos2 {
top: 230px;
left: -80px;
}
.enterprise .main .main-content span.pos3 {
top: 240px;
right: 250px;
}
.enterprise .main .main-content span.pos4 {
top: 340px;
right: 390px;
}
}
@media only screen and (max-width: 1800px) {
.main .home-bg {
top: -70px;
max-width: 1800px;
min-width: 1800px;
}
.main .home-bg-parallax {
top: -70px;
max-width: 1800px;
min-width: 1800px;
} 
.main .main-content span.pos3 {
top: 220px;
}
.enterprise .main .main-content span.pos1 {
top: 110px;
left: 150px;
}
.enterprise .main .main-content span.pos2 {
top: 205px;
left: -30px;
}
}
@media only screen and (max-width: 1700px) {
.main .home-bg {
top: -50px;
max-width: 1700px;
min-width: 1700px;
}
.main .home-bg-parallax {
top: -50px;
max-width: 1700px;
min-width: 1700px;
} 
.enterprise .main .main-content span.pos1 {
top: 110px;
left: 175px;
}
.enterprise .main .main-content span.pos2 {
top: 210px;
left: -10px;
}
.enterprise .main .main-content span.pos3 {
top: 240px;
right: 290px;
}
.enterprise .main .main-content span.pos4 {
top: 355px;
right: 425px;
}
}
@media only screen and (max-width: 1600px) {
.main .home-bg {
top: -40px;
max-width: 1600px;
min-width: 1600px;
}
.main .home-bg-parallax {
top: -40px;
max-width: 1600px;
min-width: 1600px;
} 
.enterprise .main .main-content span.pos1 {
top: 150px;
}
.enterprise .main .main-content span.pos2 {
top: 245px;
left: 5px;
}
.enterprise .main .home-bg {
top: 0px;
}
.enterprise .main .home-bg-parallax {
top: 0px;
}
}
@media only screen and (max-width: 1400px) {
.main {
height: 780px;
}
.main .home-bg {
top: 0px;
max-width: 1400px;
min-width: 1400px;
}
.main .home-bg-parallax {
top: 0px;
max-width: 1400px;
min-width: 1400px;
} 
.main .main-content span.pos1 {
left: 140px;
top: 150px;
}
.main .main-content span.pos2 {
left: 0px;
top: 250px;
}
.main .main-content span.pos3 {
top: 245px;
right: -10px;
}
.main .main-content span.pos4 {
top: 335px;
right: 230px;
}
.main .main-content span.pos5 {
bottom: 160px;
right: 270px;
}
.enterprise .main {
height: 840px;
}
.enterprise .main .main-content span.pos1 {
top: 120px;
left: 215px;
}
.enterprise .main .main-content span.pos2 {
top: 245px;
left: 30px;
}
} @media only screen and (max-width: 1300px) {
.welcome .welcome-mid .frame1 {
width: 800px;
}
.manage .manage-mid .frame2 {
width: 670px;
}
.features .features-accordion .frame4 {
width: 600px;
}
.features .features-accordion .features__accordion-content .text .square {
left: -250px;
width: 300px;
}
.features .features-top .features__top-content-revers .square {
width: 330px;
left: 380px;
}
.mobile {
background-position: initial;
}
.company__head .company__head-content img {
left: calc(100% - 50px);
}
.modal__container.ico-tools {
width: 1100px;
height: 600px;
}
.modal__container.ico-tools .thumbnail {
width: 500px;
min-width: 500px;
}
.billing-and-time-tracking .manage .manage-mid .frame2 {
left: -20px;
}
.manage .manage-bottom .frame3 {
top: 200px;
width: 660px;
}
.communication-module .features .features-accordion .frame4 {
width: 600px;
top: 100px;
}
.communication-module .features .features-accordion {
padding-top: 150px;
padding-bottom: 150px;
}
.mobile-app .features .features-accordion .frame4 {
width: 600px;
top: 100px;
}
.mobile-app .features .features-accordion {
padding-top: 150px;
padding-bottom: 150px;
}
} @media only screen and (max-width: 1260px) {
.main .main-content span {
font-size: 93px;
}
.main .main-content .point {
width: 14px;
height: 14px;
}
} @media only screen and (max-width: 1200px) {
.features .features-top .features__top-content img {
margin-left: 40px;
}
.contact__head .contact__head-content img {
left: calc(100% + -100px);
}
.container {
max-width: 950px;
}
.header .header__bottom .mega__menu .mega__menu-right .mega__menu-right-container {
padding: 0px 15px;
}
.header .header__bottom .mega__menu .mega__menu-left .mega__menu-left-container {
padding: 0px 15px;
}
.header .header__bottom .mega__menu .mega__menu-right {
width: 360px;
}
.header .header__bottom .mega__menu .mega__menu-left {
width: calc(100% - 360px);
}
.header .header__bottom .mega__menu .mega__menu-right .menu-right-itm .itm {
width: 100%;
left: 0px;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm {
left: 0px;
width: 100%;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .menu-left-itm-column {
width: 50%;
}
.welcome .welcome-mid .welcome__slider-content {
padding-left: 0px;
padding-top: 130px;
}
.enterprise .welcome .welcome-mid .welcome__slider-content {
padding-right: 0px;
}
.welcome .welcome-mid .frame1 {
width: 620px;
top: 30px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence {
background-size: cover;
padding: 25px;
}
.welcome .welcome-bottom {
padding-top: 60px;
padding-bottom: 100px;
}
.welcome .welcome-mid .welcome__slider-content {
width: 300px;
}
.manage .manage-top {
padding-top: 100px;
padding-bottom: 100px;
}
.manage .manage-mid .manage-mid-content .text {
margin-bottom: 15px;
max-width: 400px;
}
.manage .manage-mid .manage-mid-content .case-items {
width: 400px;
}
.manage .manage-mid .manage-mid-content .text h2 {
font-size: 26px;
}
.manage .manage-mid .manage-mid-content .case-items .items {
width: 48%;
margin-top: 25px;
}
.manage .manage-mid .frame2 {
width: 545px;
top: 0px;
} 
.manage .manage-mid .manage-mid-content .case-items .items h3 {
font-size: 14px;
}
.manage .manage-mid .manage-mid-content .case-items .items p {
font-size: 13px;
}
.manage .manage-bottom {
padding-top: 100px;
}
.manage .manage-bottom .manage-bottom-content .text h2 {
font-size: 26px;
}
.manage .manage-bottom .manage-bottom-content .text {
max-width: 400px;
}
.manage .manage-bottom .manage-bottom-content .billing-items{
width: 400px;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items {
width: 48%;
margin-top: 25px;
}
.manage .manage-bottom .frame3 {
width: 545px;
top: 170px;
}
.manage .manage-bottom .frame3#frame3 {
width: 545px;
top: 170px;
}
.client .client-top .client_sentence-content .sentence {
padding: 25px;
}
.client .client-mid .client__portal-content .client__portal-content-half h2 {
font-size: 27px;
}
.client .client-mid .client__items-content .item {
width: 210px;
}
.features .features-accordion .features__accordion-content .text h2 {
font-size: 26px;
}
.features .features-accordion .features__accordion-content .text {
max-width: 390px;
padding-top: 0px;
}
.features .features-accordion .features__accordion-content .accordion {
max-width: 390px;
}
.features .features-accordion .frame4 {
width: 545px;
top: 121px;
}
.features .features-accordion .features__accordion-content .text .square {
left: -205px;
}
.features ~ .legal {
padding-top: 70px;
padding-bottom: 100px;
}
.tools .tools-content .tools__items .item {
width: 230px;
margin-top: 15px;
}
.tools {
padding-bottom: 50px;
}
.tools .tools-content .tools__items .item p {
font-size: 13px;
min-height: 105px;
}
.tools .tools-content .tools__items .item h3 {
font-size: 14px;
}
.mobile .mobile-content .text h2 {
font-size: 27px;
}
.clients .clients-top .clients-content h2 {
font-size: 27px;
}
.clients .clients-bottom {
padding-top: 100px;
padding-bottom: 100px;
}
.clients .clients-bottom .clients_sentence-content .sentence {
padding: 20px;
}
.features .features-top .features__top-content img,
.features .features-top .features__top-content-revers img {
margin-right: 0px;
}
.features .features-top .features__top-content-revers .square {
height: 170px;
}
.features .features-accordion {
padding-top: 88px;
}
.clients .clients-bottom .clients_sentence-content .sentence {
background-position: -100px;
}
.client .client-top .client_sentence-content .sentence {
background-position: -100px;
}
.featured__head .featured__head-content .info {
bottom: 40px;
}
.news .news-content .news-items .items .info .title {
font-size: 24px;
}
.company__head {
overflow: hidden;
}
.company__head .company__head-content img {
left: calc(100% - 110px);
} 
.search-archive .search-content .search-items .items .info .title {
font-size: 24px;
}
.single .single-bottom .single-content-v2 .related-items .items .info .title {
font-size: 24px;
}
.single .single-top .single-content-img {
height: 500px;
}
.modal__container.ico-tools .text p {
width: 100%;
}
.modal__container.ico-tools .text h2 {
font-size: 26px;
line-height: 34px;
}
.modal__container.ico-tools .thumbnail {
width: 50%;
min-width: initial
}
.modal__container.ico-tools .text {
width: 50%;
}
.modal__container.ico-tools {
width: 930px;
height: 500px;
}
.page .page__head .page-content {
top: 0px;
}
.page .page__welcome {
padding-top: 100px;
padding-bottom: 70px;
}
.mobile-app.page .page__welcome {
padding-top: 100px;
}
.page .manage .manage-bottom {
padding-top: 100px;
padding-bottom: 100px;
}
.case-management .features .features-accordion {
padding-top: 100px;
padding-bottom: 100px;
}
.main .main-content span.pos5 {
right: 140px;
}
.main .main-content span {
font-size: 80px;
}
.main .main-content span.pos1 {
left: 80px;
top: 175px;
}
.main .main-content span.pos2 {
top: 260px;
}
.main .main-content span.pos3 {
top: 230px;
right: -25px;
}
.main .main-content span.pos4 {
top: 335px;
right: 130px;
}
.billing-and-time-tracking .manage .manage-mid .frame2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 560px;
}
.plans-and-pricing .pricing__head .pricing__head-title h2 {
font-size: 27px;
}
.plans-and-pricing .pricing__head .pricing__head-wr {
padding: 30px 5px 0px 5px;
margin: 0px 3px;
}
.plans-and-pricing .pricing__body .pricing__body-wr {
margin: 0px 3px;
padding: 0px 5px 0px 5px;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr {
margin: 0px 3px;
padding: 0px 5px 30px 5px;
}
.plans-and-pricing .pricing__body .pricing__body-title .itm h3 {
font-size: 14px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .price {
margin-bottom: 15px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr>p {
margin-bottom: 10px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .noprice {
margin-bottom: 35px;
}
.legal {
padding-top: 70px;
padding-bottom: 100px;
}
.communication-module .features .features-accordion .frame4 {
width: 545px;
left: 0px;
top: 80px;
}
.communication-module .features .features-accordion {
padding-top: 100px;
padding-bottom: 100px;
}
.mobile-app .features .features-accordion .frame4 {
width: 545px;
left: 0px;
top: 80px;
}
.mobile-app .features .features-accordion {
padding-top: 100px;
padding-bottom: 100px;
}
.page .page__head .page-content video {
height: 500px;
}
.client-portal .features .features-accordion {
padding-bottom: 100px;
}
.client-portal .client {
padding-top: 100px;
}
.in-depth-reporting .features .features-accordion {
padding-bottom: 100px;
}
.in-depth-reporting .client {
padding-top: 100px;
}
.in-depth-reporting.page .page__head {
height: 312px;
}
.in-depth-reporting.page .page__welcome {
padding-top: 155px; 
}
.page .page__head .circle {
bottom: -160px;
}
.enterprise .main .main-content span.pos3 {
top: 240px;
right: 130px;
}
.enterprise .main .main-content span.pos4 {
top: 355px;
right: 250px;
}
.enterprise .main .main-content span.pos1 {
top: 145px;
left: 115px;
}
.enterprise .main .main-content span.pos2 {
top: 185px;
left: -35px;
}
.enterprise .main .main-content span.pos1 {
top: 95px;
left: 175px;
}
.enterprise .welcome .welcome-top {
padding-bottom: 50px;
}
.enterprise .welcome .welcome-mid .frame1 {
width: 560px;
}
.enterprise .mobile {
padding-bottom: 100px;
padding-top: 100px;
}
.enterprise .features .features-accordion {
padding-bottom: 100px;
}
.security-page .footer .footer__container .terms {
width: 405px;
}
.plans-and-pricing .pricing__head .pricing__head-title,
.plans-and-pricing .pricing__body .pricing__body-title,
.plans-and-pricing .pricing__footer .pricing__footer-title {
max-width: 250px;
min-width: 250px;
width: 250px;
}
.featured__head .featured__head-content a {
height: 650px;
}
} @media only screen and (max-width: 992px) {
.container {
max-width: 700px;
}
.featured__head .featured__head-content a {
height: 450px;
}
.featured__head .featured__head-content .info {
bottom: 20px;
left: 20px;
}
.featured__head .featured__head-content .info .title {
line-height: 30px;
font-size: 22px;
margin-bottom: 15px;
}
.featured__head .featured__head-content .info .data {
margin-bottom: 15px;
}
.featured__head .featured__head-content .info {
width: 100%;
bottom: 00px;
left: 00px;
padding: 20px;
}
.news .news-content .news-items .items:nth-child(3n+1) {
height: 320px;
}
.news .news-content .news-items .items .info .data {
font-size: 12px;
}
.news .news-content .news-items .items .info {
padding: 20px 20px 25px 20px;
}
.news .news-content .news-items .items:nth-child(3n+1) .info {
padding: 20px;
}
.news .news-content .news-items .items:nth-child(3n+1) .info .data {
bottom: 20px;
}
.footer .footer__top .footer__top-content .subscribe input[type="email"] {
width: 300px;
}
.footer .footer__mid .footer__mid-content .menu-footer {
width: auto;
}
.footer .footer__mid .footer__mid-content {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul li a{
font-size: 12px;
}
.footer .footer__copyright .footer__copyright-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.header .header__bottom .header__bottom-content .menu-more a,
.header .header__bottom .header__bottom-content .menu-main li a {
font-size: 12px;
padding: 10px 6px;
}
.header .header__bottom .header__bottom-content .menu-more li:nth-child(3) a {
width: 90px;
}
.header .header__bottom .header__bottom-content .menu-main {
margin-left: 15px;
}
.header .header__top .header__top-content .header-info ul li {
padding: 0px 5px;
}
.header .header__top .header__top-content p {
font-size: 11px;
}
.header .header__top .header__top-content .header-info ul li {
font-size: 11px;
}
.header .header__top .header__top-content .header-info ul li a {
font-size: 11px;
}
.header .header__top .header__top-content .header-info .lang a {
font-size: 11px;
}
.header .header__bottom .mega__menu .mega__menu-right {
width: 300px;
}
.header .header__bottom .mega__menu .mega__menu-left {
width: calc(100% - 300px);
}
.header .header__bottom .mega__menu .mega__menu-left h3,
.header .header__bottom .mega__menu .mega__menu-right h3 {
padding-top: 20px;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .itm {
width: 100%;
}
.header .header__bottom .mega__menu.open {
height: 600px;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider .swiper-slide .reviews-logo {
margin-bottom: 70px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half {
width: auto;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence {
background-image: none;
height: auto;
}
.manage .manage-top {
padding-top: 80px;
padding-bottom: 80px;
}
.client .client-top .client_sentence-content .sentence {
background-image: none;
height: auto;
}
.client .client-top .client_sentence-content .sentence .sentence-half {
width: auto;
}
.client .client-top {
padding-top: 100px;
padding-bottom: 100px;
}
.client .client-mid .client__portal-content .client__portal-content-half {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.client .client-mid .client__portal-content .client__portal-content-half h2 {
width: 100%;
}
.client .client-mid .client__portal-content .client__portal-content-half p {
width: 100%;
margin-bottom: 15px;
}
.client .client-mid .client__items-content .item {
width: 45%;
}
.client .client-mid .client__items-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.client .client-mid .client__portal-content {
padding-bottom: 30px;
}
.client .client-mid .client__items-content .item {
margin-top: 20px;
}
.features .features-top .features__top-content .text .square,
.features .features-top .features__top-content-revers .square,
.features .features-accordion .features__accordion-content .text .square {
display: none;
}
.features .features-top .features__top-content img {
margin-left: 0px;
width: 470px;
}
.features .features-top .features__top-content-revers .text {
margin-left: 0px;
}
.features .features-top .features__top-content img,
.features .features-top .features__top-content-revers img {
width: 450px;
}
.features .features-top {
padding-bottom: 75px;
}
.tools .tools-content .tools__items .item {
width: 47%;
}
.tools .tools-content .tools__items .item p {
min-height: inherit;
}
.mobile {
padding-top: 80px;
}
.mobile {
background-position: -140px;
}
.mobile .mobile-content .text {
max-width: 400px;
}
.mobile .mobile-items {
max-width: 400px;
margin-bottom: 35px;
}
.mobile .mobile-items .item {
width: 45%;
}
.clients {
padding-top: 75px;
}
.clients .clients-bottom .clients_sentence-content .sentence {
background-image: none;
height: auto;
}
.clients .clients-top .clients-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.clients .clients-top .clients-content .clients-half {
width: 100%;
}
.clients .clients-top .clients-content p {
margin-top: 0px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half {
width: 100%;
}
.features .features-accordion .features__accordion-content .text h2 {
font-size: 21px;
line-height: 32px;
margin-bottom: 20px;
}
.features .features-accordion .features__accordion-content .text {
max-width: 300px;
}
.features .features-accordion .features__accordion-content .accordion {
width: 300px;
}
.features .features-accordion {
padding-top: 30px;
}
.features .features-accordion .frame4 {
width: 500px;
top: 50px;
left: -100px;
}
.manage .manage-bottom {
overflow: hidden;
}
.manage .manage-bottom .manage-bottom-content .text h2 {
font-size: 21px;
line-height: 32px;
margin-bottom: 15px
}
.manage .manage-bottom .manage-bottom-content .text {
max-width: 360px;
margin-bottom: 0px;
}
.manage .manage-bottom .manage-bottom-content .text p {
font-size: 14px;
}
.manage .manage-bottom .manage-bottom-content .billing-items {
max-width: 360px;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items h3 {
font-size: 13px;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items p {
font-size: 12px;
line-height: 19px;
}
.manage .manage-bottom .frame3 {
width: 480px;
right: -120px;
}
.manage .manage-bottom .frame3#frame3 {
width: 480px;
}
.manage {
overflow: hidden;
}
.manage .manage-mid .manage-mid-content .text h2 {
font-size: 21px;
line-height: 32px;
margin-bottom: 15px
}
.manage .manage-mid .manage-mid-content .text {
max-width: 360px;
margin-bottom: 0px;
}
.manage .manage-mid .manage-mid-content .text p {
font-size: 14px;
}
.manage .manage-mid .manage-mid-content .case-items {
max-width: 360px;
}
.manage .manage-mid .manage-mid-content .case-items .items h3 {
font-size: 13px;
}
.manage .manage-mid .manage-mid-content .case-items .items p {
font-size: 12px;
line-height: 19px;
}
.manage .manage-mid .frame2 {
width: 470px;
left: -120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.welcome {
overflow: hidden;
}
.welcome .welcome-mid .frame1 {
width: 540px;
right: -120px;
}
.welcome .welcome-top {
padding: 75px 0px;
}
.welcome .welcome-mid {
padding-bottom: 60px;
}
.news .news-content .news-items .items .info .title {
line-height: 24px;
font-size: 19px;
margin-bottom: 15px;
height: 48px;
}
.news .news-content .news-items .items .thumbnails-wrapper .thumbnails img {
height: 180px;
}
.contact__head .contact__head-content p {
width: 400px;
}
.contact__head {
padding-bottom: 35px;
}
.contact__head .contact__head-content img {
left: calc(100% + -215px);
bottom: -35px;
}
.company__head {
padding-top: 36px;
padding-bottom: 35px;
}
.company__head .company__head-content p {
width: 400px;
}
.company__head .company__head-content img {
left: calc(100% - 225px);
}
.search-archive .search-content .search-items .items .info .title {
line-height: 24px;
font-size: 19px;
}
.single .single-top .single-content-img {
height: 400px;
}
.single .single-bottom .single-content-v2 .related-items .items .thumbnails-wrapper .thumbnails img {
height: 180px;
}
.single .single-bottom .single-content-v2 .related-items .items .info .title {
line-height: 24px;
font-size: 19px;
margin-bottom: 15px;
}
.modal__container.ico-tools {
width: 700px;
height: 420px;
}
.modal__container.ico-tools .text h2 {
font-size: 21px;
line-height: 28px;
}
.cookies .cookies-content p {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cookies .cookies-content p a {
margin-left: 0px;
}
.page .page__head {
height: 260px;
}
.main .main-content span {
font-size: 70px;
}
.main .main-content span.pos1 {
left: -15px;
}
.main .main-content span.pos2 {
top: 275px;
left: -40px;
}
.main .main-content span.pos4 {
right: 10px;
}
.main .main-content span.pos5 {
bottom: 180px;
right: 30px;
}
.main .main-content span.pos3 {
top: 219px;
right: -45px;
}
.billing-and-time-tracking .manage .manage-mid .frame2 {
width: 470px;
left: -120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.plans-and-pricing .pricing__body .pricing__body-title .title h4 {
margin-top: 20px;
margin-bottom: 20px;
}
.plans-and-pricing .pricing__body .pricing__body-title .itm {
margin-top: 2px;
margin-bottom: 2px;
width: auto;
padding: 7px;
}
.plans-and-pricing .pricing__body .pricing__body-wr .pricing__body-pr .itm {
height: 41px;
}
.plans-and-pricing .pricing__body .pricing__body-title .title,
.plans-and-pricing .pricing__body .pricing__body-wr .pricing__body-pr .title {
height: 53px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr {
padding: 15px 7px 20px 7px;
}
.plans-and-pricing .pricing__head .pricing__head-wr h3,
.plans-and-pricing .pricing__footer .pricing__footer-wr h3 {
font-size: 10px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .price {
margin-bottom: 10px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .btn a {
width: 120px;
height: 30px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr .price {
font-size: 22px;
}
.plans-and-pricing .pricing__head .pricing__head-title h2 {
font-size: 24px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr h4 {
font-size: 16px;
margin-bottom: 5px;
}
.plans-and-pricing .pricing__head .pricing__head-wr .pricing__head-pr>p {
line-height: 16px;
}
.plans-and-pricing .pricing__body .pricing__body-wr .pricing__body-pr .itm p {
font-size: 14px;
}
.plans-and-pricing .pricing__body .pricing__body-title .itm h3 {
font-size: 12px;
top:0px;
}
.plans-and-pricing .pricing__body .pricing__body-title .itm img {
margin-right: 5px;
}
.plans-and-pricing .pricing__body .pricing__body-title {
padding-top: 15px;
}
.plans-and-pricing .pricing__head .pricing__head-wr,
.plans-and-pricing .pricing__footer .pricing__footer-wr,
.plans-and-pricing .pricing__body .pricing__body-wr {
margin: 0px;
} 
.plans-and-pricing .pricing__head .pricing__head-title,
.plans-and-pricing .pricing__body .pricing__body-title,
.plans-and-pricing .pricing__footer .pricing__footer-title {
max-width: 180px;
min-width: 180px;
width: 180px;
}
.plans-and-pricing .pricing__body .pricing__body-wr .pricing__body-pr {
padding-top: 15px;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr .pricing__footer-pr {
padding-bottom: 20px;
padding-top: 30px;
}
.plans-and-pricing .pricing__footer .pricing__footer-wr .pricing__footer-pr .btn a {
width: 120px;
height: 30px;
}
.plans-and-pricing .pricing__footer {
padding-bottom: 80px;
}
.communication-module .features .features-accordion .frame4 {
width: 500px;
left: -100px;
}
.mobile-app .features .features-accordion .frame4 {
width: 500px;
left: -100px;
}
.page .page__head .semicircle {
height: 500px;
width: 500px;
bottom: -250px;
}
.page .page__head .page-content video {
height: 355px;
}
.in-depth-reporting.page .page__head {
height: 227px;
}
.in-depth-reporting.page .page__welcome {
padding-top: 125px;
}
.page .page__head .circle .circle .circle {
width: 200px;
height: 200px;
}
.page .page__head .circle .circle {
width: 260px;
height: 260px;
}
.page .page__head .circle {
width: 320px;
height: 320px;
}
.enterprise .main {
height: 710px;
}
.enterprise .main .main-content span.pos1 {
top: 65px;
left: 105px;
}
.enterprise .main .main-content span.pos2 {
top: 135px;
left: -35px;
}
.enterprise .main .main-content span.pos4 {
top: 325px;
right: 215px;
}
.enterprise .main .main-content span.pos5 {
bottom: 140px;
left: 55px;
}
.enterprise .welcome .welcome-mid .frame1 {
width: 540px;
left: -120px;
}
.enterprise .clients {
padding-bottom: 75px;
padding-top: 75px;
}
.enterprise  .features {
margin-top: 0px;
}
.enterprise .welcome .welcome-top {
padding-bottom: 20px;
}
.mobile .mobile-items {
max-width: 420px;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header .header__bottom .mega__menu .mega__menu-left .menu-left-itm .menu-left-itm-column {
width: 100%;
}
.header .header__bottom .mega__menu .mega__menu-left,
.header .header__bottom .mega__menu .mega__menu-right {
height: auto;
}
.header .header__bottom .mega__menu.open {
height: 570px;
}
.header .header__bottom .mega__menu .mega__menu-right {
width: 350px;
}
.header .header__bottom .mega__menu .mega__menu-left {
width: calc(100% - 350px);
}
.enterprise .main .home-bg {
max-width: 1200px;
min-width: 1200px;
}
.enterprise .main .home-bg-parallax {
max-width: 1200px;
min-width: 1200px;
}
}
@media only screen and (max-height: 900px) and (orientation: landscape) {
.main .main-content span.pos5 {
bottom: 200px;
}
.enterprise .main .main-content span.pos5 {
bottom: 300px;
}
} @media only screen and (max-width: 768px) {
.header__desktop {
display: none;
}
.header .header__mobile {
display: block;
}
.header .header__mobile .header__mobile-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
}
.header .header__mobile .header__mobile-content .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 80px;
}
.header .header__mobile .header__mobile-content .logo  img {
width: 100%;
}
.header .header__mobile .header__mobile-content .burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
cursor: pointer;
outline: none;
width: auto;
align-items: center;
}
.header .header__top .header__top-content p {
display: none;
}
.header .header__mobile .mobile__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100vh;
width: 100%;
position: fixed;
top: 88px;
left: 0px; z-index: 10;
visibility: hidden;
}
.header .header__mobile .mobile__menu.open {
visibility: visible;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
} .header.header-v3 .header__mobile .mobile__menu {
height: calc(100% - 60px);
top: 60px;
}
.header .header__mobile .mobile__menu .mobile__menu-container {
height: 100%;
width: calc(100% + 100px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
opacity: 0;
-webkit-transition: opacity .45s cubic-bezier(0,0,.16,.96);
-o-transition: opacity .45s cubic-bezier(0,0,.16,.96);
transition: opacity .45s cubic-bezier(0,0,.16,.96);
margin-left: -50px;
margin-right: -50px;
padding: 0px 50px;
background-color: rgba(255,255,255,.7);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.header .header__mobile .mobile__menu.open .mobile__menu-container {
opacity: 1;
}
.header .header__mobile .mobile__menu .menu>li>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #191919;
font-family: "Google Sans", sans-serif;
font-size: 28px;
font-weight: 500;
padding: 7px 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__mobile .mobile__menu .menu>li>a[href="#"]:after {
content: '';
width: 16px;
height: 9px;
margin-left: 5px;
display: inline-block;
background-image: url(//jusnote.com/wp-content/themes/jusnote/img/arrow-accordion.svg);
background-position: center;
background-size: cover;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header .header__mobile .mobile__menu .menu>li.selected>a[href="#"]:after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.header .header__mobile .mobile__menu .menu li ul {
margin-bottom: 10px;
}
.header .header__mobile .mobile__menu .menu li ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 17px;
font-weight: 500;
padding: 4px 0px;
}
.header .header__mobile .mobile__menu .menu-more {
position: absolute;
top: 15px;
right: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__mobile .mobile__menu .menu-more ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__mobile .mobile__menu .menu-more li:nth-child(1) {
position: relative;
margin-right: 11px;
}
.header .header__mobile .header__mobile-content .menu-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header__mobile .header__mobile-content .menu-more li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 3px;
background-color: #1252af;
color: #ffffff;
width: 120px;
height: 36px;
padding: 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
font-weight: 500;
font-family: "Google Sans", sans-serif;
margin-right: 15px;
}
.header .header__mobile .mobile__menu .menu-more a {
display: block;
color: #1252af;
font-family: "Google Sans", sans-serif;
font-size: 14px;
padding: 10px 7px;
font-weight: 500;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
border-radius: 3px;
position: relative;
overflow: hidden;
}
.header .header__mobile .mobile__menu .menu-more li:nth-child(1):after {
content: "";
width: 1px;
height: 24px;
position: absolute;
right: -6px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
background-color: #f2f2f2;
}
.welcome .welcome-top .welcome-content {
width: 420px;
}
.welcome .welcome-mid {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider .swiper-slide p {
margin-bottom: 20px;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider .swiper-slide .reviews-logo {
margin-bottom: 50px;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider .swiper-slide .reviews-ico {
margin-bottom: 20px;
}
.welcome .welcome-mid .frame1 {
position: relative;
right: 0px;
}
.welcome .welcome__slider-content .frame1-mobile {
display: block;
}
.welcome .welcome__slider-content .frame1-mobile img {
width: 100%;
position: relative;
right: -50px;
}
.welcome .welcome-mid .welcome__slider-content {
max-width: initial;
width: 100%;
padding-top: 0px;
padding-right: 0px;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider {
width: 400px;
margin: 0 auto;
margin-top: 70px;
}
.welcome .welcome-top {
padding: 40px 0px;
}
.welcome .welcome-mid {
padding-bottom: 20px;
}
.manage .manage-mid .manage-mid-content .text,
.manage .manage-mid .manage-mid-content .case-items {
max-width: initial;
width: 100%;
}
.manage .manage-mid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.manage .manage-mid .frame2 {
position: relative;
left: 0px;
margin-bottom: 40px;
width: 500px;
top: 0px;
}
.manage .manage-top {
padding-top: 80px;
padding-bottom: 40px;
}
.manage .manage-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-top: 60px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.manage .manage-bottom .frame3 {
position: relative;
right: 0px;
margin-bottom: 30px;
top: 0px;
width: 500px;
}
.manage .manage-bottom .frame3#frame3 {
position: relative;
right: 0px;
margin-bottom: 30px;
top: 0px;
width: 500px;
}
.manage .manage-bottom .manage-bottom-content .text,
.manage .manage-bottom .manage-bottom-content .billing-items {
max-width: initial;
width: 100%;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items,
.manage .manage-mid .manage-mid-content .case-items .items {
width: 45%;
}
.manage .manage-bottom {
padding-bottom: 80px;
}
.features .features-accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.features .features-accordion .features__accordion-content .text,
.features .features-accordion .features__accordion-content .accordion {
max-width: initial;
width: 100%;
}
.features .features-accordion .frame4 {
position: relative;
left: 0px;
top: 0px;
margin-bottom: 40px;
}
.features .features-top {
padding-bottom: 25px;
}
.features .features-top .features__top-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.features .features-top .features__top-content-revers {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.features .features-top .features__top-content .text {
margin-top: 10px;
margin-left: 30px;
}
.features .features-top .features__top-content-revers .text {
margin-bottom: 20px;
margin-right: 30px;
}
.mobile {
background-position: -225px;
}
.clients .clients-mid .clients__slider-content .clients-slider .slider-item {
width: 250px;
height: 150px;
}
.footer .footer__mid .footer__mid-content {
padding-top: 30px;
padding-bottom: 50px;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul li {
margin-right: 20px;
}
.footer .footer__bottom {
height: 65px;
}
.footer .footer__mid .footer__mid-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer .footer__mid .footer__mid-content .menu-footer {
width: 50%;
margin-bottom: 30px;
}
.footer .footer__mid .footer__mid-content .download-ico {
bottom: 25px;
}
.client .client-bottom .client__bottom-content .square-bg {
height: 250px;
width: 250px;
}
.about-company-v1 {
padding-top: 50px;
}
.about-company-v1 .about-company-content h2 {
font-size: 26px;
line-height: 38px;
margin-bottom: 15px;
}
.about-company-v1 .about-company-content p:first-of-type {
margin-bottom: 40px;
}
.about-company-v1 .about-company-content img {
margin-bottom: 40px;
}
.header.header-v2 .header__sub .header__sub-content .menu-sub li a {
margin: 0px 10px;
}
.about-company-v1 .about-company-content p {
font-size: 16px;
margin-bottom: 40px;
}
.about-company-v2 .about-company-content p {
font-size: 16px;
margin-bottom: 40px;
}
.about-company-v2 .about-company-content h2 {
font-size: 26px;
margin-bottom: 40px;
}
.about-company-v2 {
padding-bottom: 50px;
}
.about-company__accordion {
padding-top: 50px;
padding-bottom: 50px;
}
.about-company__accordion .about-company__accordion-content h3 {
width: 100%;
font-size: 26px;
line-height: 38px;
margin-bottom: 40px;
}
.footer .footer__copyright {
height: auto;
padding: 10px 0px;
}
.featured__head {
padding-bottom: 50px;
}
.featured__head .featured__head-content a {
height: 350px;
}
.featured__head .featured__head-content .info .title {
line-height: 28px;
font-size: 20px;
margin-bottom: 10px;
}
.featured__head .featured__head-content .info .data {
margin-bottom: 10px;
}
.featured__head .featured__head-content .info {
padding: 15px;
}
.news .news-content .news-items {
gap: 25px 25px;
}
.news .news-content .news-items .items .info {
padding: 20px;
}
.contact__head {
overflow: hidden;
}
.contact__head .contact__head-content p {
width: 300px;
}
.contact__head .contact__head-content img {
left: calc(100% + -225px);
}
.client {
padding-bottom: 20px;
}
.client .client-bottom .client__bottom-content .lines {
top: -10px;
}
.company__head .company__head-content p {
width: 300px;
}
.join .join-content .accordion .accordion-itm > a {
font-size: 14px;
}
.company__head .company__head-content img {
left: calc(100% - 255px);
}
.leadership .leadership-content .leadership-itm .about {
width: 100%;
}
.search-archive .search-content .search-items .items .info {
padding: 20px;
}
.single .single-top .single-content .title {
font-size: 26px;
line-height: 38px;
margin-bottom: 15px;
}
.single .single-top {
padding-top: 0px;
}
.single .single-top .single-content-img {
margin-bottom: 40px;
}
.single .single-top .single-content p {
font-size: 16px;
}
.single .single-top .single-content h3 {
font-size: 26px;
line-height: 38px;
margin-top: 40px;
margin-bottom: 40px;
}
.single .single-mid {
height: 350px;
}
.single .single-bottom .single-content p.silver {
margin-bottom: 40px;
}
.single .single-bottom .single-content p {
font-size: 16px;
margin-bottom: 40px;
}
.single .single-bottom .single-content-v2 .related-items .items .info {
padding: 20px;
}
.single .single-bottom .single-content .share {
margin-bottom: 40px;
}
.single .single-bottom {
padding-bottom: 60px;
}
.single .single-top .single-content-img {
height: auto;
}
.single .single-top .single-content-img img {
width: 100%;
height: auto;
}
.modal__container.ico-tools {
padding: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
height: auto;
margin: 0px 20px;
}
.modal__container.ico-tools .text p {
font-size: 14px;
line-height: 20px;
margin-bottom: 25px;
}
.modal__container.ico-tools .thumbnail,
.modal__container.ico-tools .text {
width: 100%;
margin: 0px;
}
.modal__container.request-demo {
padding: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
height: auto;
margin: 0px 20px;
}
.modal__container.request-demo p {
font-size: 14px;
line-height: 20px;
margin-bottom: 25px;
}
.features .features-top .features__top-content img {
margin-left: 0px;
}
.cookies .cookies-content p {
font-size: 12px;
margin-right: 15px;
}
.cookies {
height: 45px;
}
.page .page__head {
height: 215px;
}
.page .page__welcome {
padding-bottom: 40px;
padding-top: 70px;
}
.mobile-app.page .page__welcome {
padding-top: 70px;
}
.page .manage .manage-bottom {
padding-top: 60px;
padding-bottom: 60px;
}
.case-management .features .features-accordion .frame4 {
top: 0px;
}
.case-management .features .features-accordion {
padding-top: 60px;
padding-bottom: 60px;
}
.page .page__head .page-content {
width: 550px;
}
.billing-and-time-tracking .manage .manage-mid .frame2 {
position: relative;
left: 0px;
margin-bottom: 40px;
width: 500px;
top: 0px;
}
.plans-and-pricing .table__desktop {
display: none;
}
.plans-and-pricing .table__mobile {
display: block;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide {
background-color: #F6F8FA;
padding-bottom: 30px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .most {
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .most h3 {
background-color: #115DB4;
font-size: 12px;
font-weight: 700;
color: #A7C6F4;
font-family: "Google Sans", sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide h4 {
font-size: 18px;
font-weight: 700;
font-family: "Google Sans", sans-serif;
text-align: center;
margin-bottom: 10px;
color: #191919;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide p {
color: #777E8D;
font-family: "Google Sans", sans-serif;
font-size: 13px;
font-weight: 400;
text-align: center;
line-height: 20px;
max-width: 300px;
margin: 0 auto;
margin-bottom: 10px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .btn a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
font-size: 14px;
font-weight: 500;
font-family: "Google Sans", sans-serif;
width: 140px;
height: 36px;
border: 1px solid #1252AF;
color: #1252AF;
margin: 0 auto;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .price {
font-weight: 500;
font-family: "Google Sans", sans-serif;
font-size: 28px;
margin-bottom: 15px;
text-align: center;
color: #191919;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
margin-bottom: 20px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .price span {
font-weight: 400;
font-family: "Google Sans", sans-serif;
font-size: 12px;
position: relative;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .price .currency{
position: absolute;
top: -3px;
left: -11px;
font-size: 18px;
font-weight: 700;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .noprice {
margin-bottom: 42px;
margin-top: 30px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .noprice p {
margin-bottom: 0px;
color: #191919;
font-size: 15px;
font-weight: 500;
font-family: "Google Sans", sans-serif;
text-align: center;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-button-next {
width: 45px;
height: 45px;
border-radius: 10px;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
border: 1px solid #F4F6FA;
-webkit-box-shadow: 3px 10px 10px #B9B9B929;
box-shadow: 3px 10px 10px #B9B9B929;
right: 15px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-button-prev {
width: 45px;
height: 45px;
border-radius: 10px;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-box-shadow: 3px 10px 10px #B9B9B929;
box-shadow: 3px 10px 10px #B9B9B929;
left: 15px;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
display: none;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px;
padding-bottom: 50px;
width: 70%;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-title .title {
height: 53px;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-title .title h4 {
font-size: 12px;
font-weight: 500;
font-family: "Google Sans", sans-serif;
color: #777E8D;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 20px;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-title .itm {
cursor: pointer;
padding: 10px;
margin-bottom: 5px;
margin-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-left: -10px;
height: 37px;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-title .itm img {
margin-right: 10px;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-title .itm h3 {
font-family: "Google Sans", sans-serif;
font-size: 15px;
font-weight: 500;
color: #191919;
position: relative;
top: 1px;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-wr {
background-color: #ffffff;
border-right: 1px solid #F6F8FA;
border-left: 1px solid #F6F8FA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 20px;
padding-bottom: 50px;
width: 30%;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-wr .title {
height: 53px;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-wr .itm {
height: 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-wr .itm p {
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #191919;
text-align: center;
}
.communication-module .features .features-accordion .frame4 {
position: relative;
left: 0px;
top: 0px;
margin: 0 auto;
margin-bottom: 40px;
}
.communication-module .features .features-accordion {
padding-top: 60px;
padding-bottom: 60px;
}
.mobile-app .features .features-accordion .frame4 {
position: relative;
left: 0px;
top: 0px;
margin: 0 auto;
margin-bottom: 40px;
}
.mobile-app .features .features-accordion {
padding-top: 60px;
padding-bottom: 60px;
}
.page .page__head .semicircle {
height: 400px;
width: 400px;
bottom: -200px;
}
.page .page__head .page-content video {
height: 300px;
}
.client-portal .client {
padding-top: 50px;
}
.client-portal .features .features-accordion {
padding-bottom: 70px;
}
.in-depth-reporting .client {
padding-top: 50px;
}
.in-depth-reporting .features .features-accordion {
padding-bottom: 70px;
}
.in-depth-reporting.page .page__head {
height: 186px;
}
.in-depth-reporting.page .page__welcome {
padding-top: 110px;
}
.main {
height: 550px;
}
.main .main-content span {
position: relative !important;
top: 0px!important;
left: 0px!important;
right: 0px!important;
bottom: 0px!important;
z-index: 5!important;
font-size: 38px!important;
display: block;
margin-bottom: 5px;
}
.main .main-content .point {
width: 9px;
height: 9px;
}
.main .main-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 40px;
}
.main .main-content .mobile-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main .main-content .mobile-container span {
margin-right: 8px;
}
.main .home-overlay-bottom,
.main .home-overlay-top,
.main .home-bg-parallax,
.enterprise .main .home-bg-parallax,
.enterprise .main .enterprise-overlay-top {
display: none;
}
.main .home-bg {
top: -20px;
max-width: none;
min-width: auto;
width: auto;
height: 100%;
}
.main .home-overlay-mob,
.enterprise .main .enterprise-overlay-mob {
display: block;
position: absolute;
left: 0px;
bottom: -100px;
width: 100%;
z-index: 4;
}
.enterprise .main {
height: 650px;
}
.enterprise .welcome .welcome-mid .frame1 {
left: 0px;
}
.enterprise  .welcome .welcome-mid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 20px;
}
.enterprise .welcome .welcome-mid .welcome__slider-content {
padding: 0px;
}
.enterprise .features .features-accordion .frame4 {
top: 0px;
}
.enterprise .features .features-accordion {
padding-bottom: 80px;
}
.enterprise .mobile {
padding-bottom: 80px;
padding-top: 80px;
background-position: -120px;
}
.security-page .security {
height: auto;
}
.security-page .security .security__container .security-cart {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.security-page .security .security__container .security-title h2 {
margin-top: 40px;
}
.security-page .security .security__container .security-support {
margin-bottom: 40px;
}
.security-page .footer .footer__container .terms {
font-size: 11px;
}
.security-page .footer .footer__container .copyrigh {
font-size: 13px;
}
.security-page .footer .footer__container .terms {
width: 340px;
}
.security-page .security .security__container .security-cart .itm p {
height: auto;
}
.security-page .security .security__container .security-cart .itm {
margin: 15px;
}
.security-page .security .security__container .security-title h2 {
margin-top: 20px;
}
.security-page .security .security__container .security-title {
margin-bottom: 30px;
}
.security-page .security .security__container .security-cart {
margin-bottom: 30px;
}
.security-page .security .security__container .security-cart .itm img {
margin-bottom: 35px;
}
.security-page .security .security__container .security-cart .itm:nth-child(2) img {
margin-top: 0px;
margin-bottom: 35px;
}
.enterprise .main .home-bg {
height: auto;
top: -20px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
min-width: auto!important;
margin: 0 10px !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice h3 {
padding: 0px 15px !important;
font-size: 24px!important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice {
padding-left: 0px !important;
}
} @media only screen and (max-width: 576px) {
.welcome .welcome-mid .frame1 {
width: 100%;
}
.welcome .welcome-top .welcome-content {
width: 100%;
}
.welcome .welcome-top .welcome-content h2 {
font-size: 26px;
}
.welcome .welcome-top {
padding-top: 40px;
}
.welcome .welcome-mid .welcome__slider-content .reviews-slider {
width: 100%;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half h3 {
font-size: 22px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half img {
height: 25px;
}
.welcome .welcome-bottom {
padding-top: 30px;
padding-bottom: 60px;
}
.manage .manage-top {
padding-top: 50px;
padding-bottom: 30px;
}
.manage .manage-top .manage-top-content h2 {
font-size: 24px;
}
.manage .manage-mid .manage-mid-content .case-items .items h3,
.manage .manage-bottom .manage-bottom-content .billing-items .items h3,
.client .client-mid .client__items-content .item h3 {
font-size: 12px;
}
.manage .manage-mid .manage-mid-content .case-items .items p,
.manage .manage-mid .manage-mid-content .case-items .items p,
.client .client-mid .client__items-content .item p {
font-size: 12px;
line-height: 17px;
}
.manage .manage-mid .frame2 {
width: 100%;
}
.manage .manage-mid .manage-mid-content .text h2,
.manage .manage-bottom .manage-bottom-content .text h2,
.client .client-mid .client__portal-content .client__portal-content-half h2 {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
min-height: initial;
}
.manage .manage-mid .manage-mid-content .text h4,
.manage .manage-bottom .manage-bottom-content .text h4,
.client .client-mid .client__portal-content h4 {
font-size: 12px;
margin-bottom: 10px;
}
.manage .manage-mid .manage-mid-content .text p,
.manage .manage-bottom .manage-bottom-content .text p,
.client .client-mid .client__portal-content .client__portal-content-half p {
margin-bottom: 10px;
}
.manage .manage-bottom .frame3 {
width: 100%;
}
.manage .manage-bottom .frame3#frame3 {
width: 100%;
}
.manage .manage-bottom {
padding-bottom: 50px;
}
.client .client-top {
padding-top: 50px;
padding-bottom: 60px;
}
.client .client-top .client_sentence-content .sentence .sentence-half h3 {
font-size: 22px;
}
.client .client-top .client_sentence-content .sentence .sentence-half img {
height: 25px;
}
.features .features-top .features__top-content img,
.features .features-top .features__top-content-revers img {
width: 100%;
}
.features .features-accordion .frame4 {
width: 100%;
}
.legal .legal-content h3 {
font-size: 24px;
}
.features ~ .legal {
padding-top: 50px;
padding-bottom: 80px;
}
.tools .tools-content .tools__items .item {
width: 100%;
}
.features .features-accordion .features__accordion-content .text h4 {
font-size: 12px;
}
.features .features-accordion .features__accordion-content .text h2 {
font-size: 18px;
}
.tools .tools-content h4 {
font-size: 12px;
}
.mobile .mobile-content .text h4 {
font-size: 12px;
}
.mobile .mobile-content .text h2 {
font-size: 24px;
}
.mobile {
padding-top: 50px;
background-image: none;
}
.mobile .mobile-items .item {
width: 80%;
}
.mobile .mobile-items .item:nth-child(1) {
margin-bottom: 15px;
}
.mobile .mobile-items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mobile .mobile-content .text p {
margin-bottom: 10px;
}
.clients .clients-top .clients-content h4 {
font-size: 12px;
}
.clients .clients-top .clients-content h2 {
font-size: 24px;
line-height: 32px;
}
.clients {
padding-top: 50px;
}
.clients .clients-mid .clients__slider-content .clients-slider .slider-item {
width: 230px;
height: 120px;
}
.clients .clients-bottom {
padding-top: 80px;
padding-bottom: 80px;
}
.clients .clients-mid .clients__slider-content .clients-slider .slider-item {
padding: 15px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half h3 {
font-size: 22px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half img {
height: 22px;
}
.footer .footer__top .footer__top-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer .footer__top .footer__top-content .footer__top-half{
width: 100%;
}
.footer .footer__top .footer__top-content .subscribe input[type="email"] {
width: 100%;
}
.footer .footer__mid .footer__mid-content .menu-footer li a {
font-size: 11px;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul li {
margin-right: 0px;
}
.footer .footer__bottom {
height: auto;
padding: 10px 0px;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul li a {
padding: 3px 0px;
}
.footer .footer__mid .footer__mid-content .download-ico {
bottom: 15px;
}
.footer .footer__mid .footer__mid-content {
padding-bottom: 41px;
}
.footer .footer__mid .footer__mid-content .menu-footer li {
margin-bottom: 7px;
}
.footer .footer__bottom .footer__bottom-content .menu-footer ul li a {
font-size: 11px;
}
.header.header-v2 .header__sub {
overflow-x: scroll;
}
.header.header-v2 .header__sub .header__sub-content {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
overflow-x: scroll;
}
.header.header-v2 .header__sub .header__sub-content h4 {
margin-right: 20px;
}
.about-company-v1 .about-company-content h2 {
font-size: 24px;
line-height: 32px;
}
.about-company__accordion .about-company__accordion-content h3 {
font-size: 24px;
line-height: 32px;
}
.about-company-v2 .about-company-content h2 {
font-size: 24px;
margin-bottom: 20px;
}
.about-company-v1 .about-company-content p:first-of-type {
margin-bottom: 20px;
font-size: 14px;
line-height: 24px;
} 
.about-company-v1 .about-company-content p {
margin-bottom: 20px;
font-size: 14px;
line-height: 24px;
}
.about-company-v2 .about-company-content p {
margin-bottom: 20px;
font-size: 14px;
line-height: 24px;
}
.about-company-v1 .about-company-content img {
margin-bottom: 20px;
}
.about-company__accordion .about-company__accordion-content .accordion .accordion-itm .content p {
width: 100%;
}
.about-company__head {
height: 300px;
}
.featured__head .featured__head-content .info .title {
line-height: 24px;
font-size: 14px;
}
.featured__head .featured__head-content a {
height: 215px;
}
.featured__head .featured__head-content .info .btn {
font-size: 14px;
}
.featured__head .featured__head-content .info {
padding: 10px;
}
.featured__head .featured__head-content .info .data {
display: none;
}
.featured__head .featured__head-content a:hover .overlay {
bottom: 0px;
}
.news {
padding-top: 30px;
}
.news .news-content .news-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.news .news-content .news-items .items:nth-child(3n+1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0px 0px 6px 6px;
height: auto;
}
.news .news-content .news-items .items:nth-child(3n+1) .thumbnails-wrapper {
width: 100%;
border-radius: 0px;
}
.news .news-content .news-items .items:nth-child(3n+1) .info {
width: 100%;
}
.news .news-content .news-items .items:nth-child(3n+1) .info .data {
bottom: 20px;
position: initial;
}
.news .news-content .news-items .items:nth-child(3n+1) .info .btn {
margin-bottom: 20px;
}
.news .news-content .news-items .items:nth-child(3n+1) .thumbnails-wrapper .thumbnails img {
height: 180px;
}
.news ~ .legal {
padding-top: 50px;
padding-bottom: 60px;
}
.header.header-v3 .header__sub {
overflow-x: scroll;
}
.header.header-v3 .header__sub .header__sub-content {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
overflow-x: scroll;
}
.featured__head {
padding-bottom: 40px;
}
.header.header-v3 .header__sub .header__sub-content h4 {
margin-right: 20px;
}
.header.header-v3 .header__sub .header__sub-content .tranding {
margin-left: 15px;
}
.header.header-v3 .header__sub .header__sub-content .search.open form input {
width: 160px;
}
.header.header-v3 .header__sub .header__sub-content .search.open {
width: 160px;
}
.legal {
padding-top: 50px;
padding-bottom: 60px;
}
.contact__form .contact__form-content .policy {
width: 100%;
}
.contact__form .contact__form-content {
padding: 20px;
}
.contact__head .contact__head-content img {
display: none;
}
.contact__head .contact__head-content h2 {
font-size: 24px;
}
.contact__head .contact__head-content p {
font-size: 14px;
}
.contact__head {
padding-top: 10px;
}
.contact__form {
padding-top: 40px;
padding-bottom: 50px;
}
.contact__form .contact__form-content form textarea {
height: 130px;
}
.location .location-content h3 {
font-size: 24px;
}
.location .location-content {
padding: 40px 0px;
}
.location .location-content h3,
.location .location-content ul,
.location .location-content p {
width: 100%;
}
.location .location-content ul li {
font-size: 13px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 17px;
margin-bottom: 10px;
}
.location .location-content p {
font-size: 13px;
}
.contact__form .contact__form-content form input[type="text"],
.contact__form .contact__form-content form input[type="email"],
.contact__form .contact__form-content form input[type="tel"],
.contact__form .contact__form-content form select {
height: 35px;
}
.contact__form .contact__form-content form select {
background-position-y: 14px;
}
.client .client-mid {
padding-bottom: 60px;
}
.client .client-bottom .client__bottom-content .square-bg {
height: 125px;
width: 125px;
left: -10px;
top: -10px;
border-radius: 5px;
}
.company__head .company__head-content h2 {
font-size: 24px;
}
.company__head .company__head-content img {
display: none;
}
.company__head {
padding-top: 20px;
padding-bottom: 20px;
}
.company__head .company__head-content p {
font-size: 14px;
}
.join .join-content .accordion .accordion-itm > a {
height: 60px;
margin: 0px 15px;
}
.join .join-content .accordion .accordion-itm .content {
padding: 15px;
}
.leadership .leadership-content .leadership-itm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.leadership .leadership-content .leadership-itm .about {
margin-left: 0px;
margin-top: 25px;
}
.leadership .leadership-content .leadership-itm .about h4 {
margin-left: 0px;
}
.leadership .leadership-content .leadership-itm .info {
width: 100%;
}
.leadership .leadership-content h3 {
margin-bottom: 25px;
}
.leadership .leadership-content .leadership-itm .info .position {
margin-bottom: 20px;
}
.leadership .leadership-content .leadership-itm .info .contact {
margin-bottom: 20px;
}
.leadership .leadership-content .leadership-itm .about {
margin-top: 20px;
}
.leadership .leadership-content .leadership-itm .info p {
margin-bottom: 10px;
}
.leadership .leadership-content .leadership-itm .about h4 {
margin-bottom: 10px;
}
.leadership .leadership-content .leadership-itm .about p {
margin-bottom: 20px;
}
.leadership .leadership-content .leadership-itm {
padding-top: 40px;
padding-bottom: 40px;
}
.search-archive .search-content .search-items .items {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.search-archive .search-content .search-items .items .thumbnails-wrapper .thumbnails {
width: 100%;
}
.search-archive .search-content .search-items .items .info {
width: 100%;
}
.search-archive .search-content .search-items .items .thumbnails-wrapper .thumbnails img {
height: 180px;
}
.search-archive .search-content .search-items .items .info .title {
margin-bottom: 15px;
}
.search-archive .search-content .search-items .items .info .btn {
margin-bottom: 20px;
}
.search-archive .search-content .no-result {
margin-top: 40px;
}
.search-archive {
padding-bottom: 40px;
}
.single .single-top .single-content .title {
font-size: 24px;
line-height: 32px;
}
.single .single-top .single-content p.silver {
margin-bottom: 20px;
font-size: 14px;
line-height: 24px;
}
.single .single-top .single-content>a {
margin-bottom: 20px;
}
.single .single-top .single-content>img {
margin-bottom: 20px;
}
.single .single-top .single-content-img {
margin-bottom: 20px;
}
.single .single-top .single-content p {
font-size: 14px;
margin-bottom: 20px;
line-height: 24px;
}
.single .single-top .single-content h3 {
font-size: 24px;
line-height: 32px;
margin-top: 10px;
margin-bottom: 20px;
}
.single .single-bottom .single-content p.silver {
margin-bottom: 20px;
line-height: 24px;
}
.single .single-bottom .single-content p {
font-size: 14px;
margin-bottom: 20px;
line-height: 24px;
}
.single .single-bottom .single-content-v2 .related-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single .single-bottom .single-content-v2 .related-items .items .info .btn {
margin-bottom: 20px;
}
.modal__container.ico-tools .text h2 {
font-size: 19px;
line-height: 26px;
}
.modal__container.request-demo p {
width: 100%;
margin-bottom: 20px;
}
.modal__container.request-demo h2 {
font-size: 19px;
}
.modal__container.request-demo .btn a {
padding: 10px 30px;
font-size: 12px;
}
.features {
margin-top: -30px;
}
.cookies {
height: auto;
padding: 5px 0px;
}
.cookies .cookies-content .btn {
margin-left: 10px;
font-size: 13px;
}
.cookies .cookies-content p:after {
right: -15px;
}
.cookies .cookies-content .ico {
margin-right: 5px;
}
.page .page__welcome .page__welcome-content h2 {
font-size: 26px;
line-height: 32px;
}
.page .page__welcome {
padding-top: 40px;
padding-bottom: 20px;
}
.mobile-app.page .page__welcome {
padding-top: 40px;
}
.page .page__head {
height: 140px;
}
.page .page__head .page-content {
width: 350px;
}
.billing-and-time-tracking .manage .manage-mid .frame2 {
width: 100%;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half h4 img {
width: 19px;
right: -18px;
}
.client .client-top .client_sentence-content .sentence .sentence-half h4 img {
width: 19px;
right: -18px;
}
.client .client-top .client_sentence-content .sentence .sentence-half p {
margin-bottom: 15px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half h4 {
font-size: 22px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide p {
width: 250px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-slide .most {
margin-bottom: 15px;
}
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-button-prev,
.plans-and-pricing .table__mobile .pricing__head-mobile .swiper-button-next {
width: 40px;
height: 40px;
top: 55%;
}
.plans-and-pricing .table__mobile .pricing__body-mobile .swiper-slide .pricing__body-title .itm {
width: auto;
}
.communication-module .features .features-accordion .frame4 {
width: 100%;
}
.mobile-app .features .features-accordion .frame4 {
width: 100%;
}
.page .page__head .page-content video {
height: 240px;
top: -35px;
}
.page .page__head .semicircle {
height: 350px;
width: 350px;
bottom: -175px;
}
.in-depth-reporting.page .page__head {
height: 118px;
}
.in-depth-reporting.page .page__welcome {
padding-top: 80px;
}
.page .page__head .circle .circle .circle {
width: 100px;
height: 100px;
}
.page .page__head .circle .circle {
width: 160px;
height: 160px;
}
.page .page__head .circle {
width: 220px;
height: 220px;
}
.page .page__head .circle {
bottom: -110px;
}
.page .page__head .circle.left {
display: none;
}
.search-archive .search-content .search-items .items .thumbnails-wrapper {
width: 100%;
}
.main .home-overlay-mob,
.enterprise .main .enterprise-overlay-mob {
bottom: -50px;
}
.main .main-content {
padding-bottom: 0px;
}
.enterprise .main {
height: 550px;
}
.enterprise .welcome .welcome-mid .frame1 {
width: 100%;
}
.enterprise .clients {
padding-top: 50px;
}
.enterprise .mobile{
padding-top: 20px;
padding-bottom: 40px;
}
.news .news-content .news-items .items .info .title {
height: auto;
}
.contact__form .nf-response-msg {
background-color: #ffffff;
margin-top: -75px;
margin-bottom: -75px;
z-index: 10;
position: relative;
padding: 320px 0px;
}
.security-page .footer .footer__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.security-page .footer .footer__container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.security-page .footer .footer__container .terms {
font-size: 13px;
margin-bottom: 10px;
}
.security-page .footer {
padding: 10px 0px;
min-height: auto;
}
.security-page .footer .footer__container .terms {
width: 100%;
}
.security-page .security .security__container .security-cart .itm {
width: 100%;
}
.security-page .security .security__container .security-cart .itm p br {
display: none;
}
.security-page .security .security__container .security-cart .itm {
height: auto;
}
.enterprise .main .home-bg {
max-width: 992px;
min-width: 992px;
}
} @media only screen and (max-width: 375px) {
.header .header__top .header__top-content .widget_polylang {
margin-left: 10px;
}
.header .header__top .header__top-content .header-info ul li a,
.header .header__top .header__top-content .header-info ul li,
.header .header__top .header__top-content .header-info .lang a {
font-size: 10px;
}
.header .header__top .header__top-content .header-info .lang:before {
left: -10px;
}
.welcome .welcome-top .welcome-content p {
font-size: 13px;
}
.welcome .welcome-top .welcome-content .btn .try,
.legal .legal-content .btn .try {
width: 140px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence {
padding: 15px;
}
.welcome .welcome-bottom .welcome_sentence-content .sentence .sentence-half h3 {
font-size: 20px;
}
.manage .manage-top .manage-top-content h2 {
font-size: 21px;
line-height: 32px;
margin-bottom: 10px;
}
.manage .manage-bottom .manage-bottom-content .billing-items .items,
.manage .manage-mid .manage-mid-content .case-items .items,
.client .client-mid .client__items-content .item {
width: 80%;
}
.manage .manage-mid .manage-mid-content .case-items .items h3,
.manage .manage-bottom .manage-bottom-content .billing-items .items h3,
.client .client-mid .client__items-content .item h3 {
font-size: 14px;
}
.manage .manage-bottom {
padding-bottom: 40px;
}
.client .client-top .client_sentence-content .sentence {
padding: 15px;
}
.client .client-top .client_sentence-content .sentence .sentence-half h3 {
font-size: 20px;
}
.features .features-top .features__top-content .text {
margin-left: 0px;
}
.features .features-top .features__top-content-revers .text {
margin-right: 0px;
}
.legal .legal-content h3 {
font-size: 22px;
} 
.features ~ .legal {
padding-top: 40px;
padding-bottom: 70px;
}
.mobile .mobile-content .text h2,
.clients .clients-top .clients-content h2 {
font-size: 21px;
line-height: 32px;
}
.clients .clients-bottom .clients_sentence-content .sentence {
padding: 15px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half h3 {
font-size: 20px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half img {
width: 100%;
}
.clients .clients-bottom {
padding-top: 60px;
padding-bottom: 60px;
}
.footer .footer__top .footer__top-content .subscribe input[type="button"] {
font-size: 12px;
}
.footer .footer__mid .footer__mid-content .menu-footer {
width: 46%;
margin-bottom: 15px;
}
.footer .footer__mid .footer__mid-content .menu-footer h3 {
font-size: 16px;
margin-bottom: 20px;
}
.about-company-v1 .about-company-content h2 {
font-size: 22px;
line-height: 32px;
}
.about-company-v2 .about-company-content h2 {
font-size: 22px;
}
.about-company__accordion .about-company__accordion-content h3 {
font-size: 22px;
}
.header.header-v2 .header__sub .header__sub-content .menu-sub li a {
font-size: 12px;
margin: 0px 7px;
}
.featured__head .featured__head-content h3 {
padding: 20px 0px;
}
.featured__head .featured__head-content .info .title {
line-height: 19px;
font-size: 13px;
margin-bottom: 6px;
}
.news .news-content .news-items .items:nth-child(3n+1) .info {
padding: 15px;
}
.news .news-content .news-items .items .info {
padding: 15px;
}
.contact__head .contact__head-content p {
width: 100%;
}
.client .client-bottom .client__bottom-content .lines img {
top: 0px;
}
.client {
padding-bottom: 30px;
}
.company__head .company__head-content p {
width: 100%;
}
.join .join-content .accordion .accordion-itm > a {
font-size: 13px;
}
.single .single-mid {
height: 250px;
}
.modal__container.ico-tools {
padding-top: 35px;
margin: 0px 15px;
}
.cookies .cookies-content p {
font-size: 11px;
}
.page .page__welcome .page__welcome-content .btn .try {
width: 140px;
}
.page .page__welcome .page__welcome-content p {
line-height: 23px;
}
.page .page__welcome .page__welcome-content h2 {
font-size: 25px;
}
.page .page__head .page-content {
width: 280px;
}
.page .page__head {
height: 115px;
}
.clients .clients-bottom .clients_sentence-content .sentence .sentence-half h4 {
font-size: 20px;
}
.page .page__head .page-content video {
height: 200px;
top: -25px;
}
.page .page__head .semicircle {
height: 300px;
width: 300px;
bottom: -175px;
}
.in-depth-reporting.page .page__head {
height: 95px;
}
.in-depth-reporting.page .page__welcome {
padding-top: 60px;
}
}
.sf-root a{
color: #fff
}