@font-face {
font-family: 'exercise';
src:  url(//exercisesoftware.us.elidev.info/wp-content/themes/exsoft-2022/assets/fonts/exercise-icons/exercise.eot?z30ric);
src:  url(//exercisesoftware.us.elidev.info/wp-content/themes/exsoft-2022/assets/fonts/exercise-icons/exercise.eot?z30ric#iefix) format('embedded-opentype'),
url(//exercisesoftware.us.elidev.info/wp-content/themes/exsoft-2022/assets/fonts/exercise-icons/exercise.ttf?z30ric) format('truetype'),
url(//exercisesoftware.us.elidev.info/wp-content/themes/exsoft-2022/assets/fonts/exercise-icons/exercise.woff?z30ric) format('woff'),
url(//exercisesoftware.us.elidev.info/wp-content/themes/exsoft-2022/assets/fonts/exercise-icons/exercise.svg?z30ric#exercise) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="exicon-"], [class*=" exicon-"] {
font-family: 'exercise' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.exicon-arrow-right:before {
content: "\e900";
}
.exicon-body-building:before {
content: "\e901";
}
.exicon-body-building2:before {
content: "\e902";
}
.exicon-body-building3:before {
content: "\e903";
}
.exicon-facebook:before {
content: "\e904";
}
.exicon-fitness-ball:before {
content: "\e905";
}
.exicon-fitness-ball2:before {
content: "\e906";
}
.exicon-google:before {
content: "\e907";
}
.exicon-youtube-play:before {
content: "\e908";
}
.exicon-twitter:before {
content: "\e909";
}
.exicon-visibility:before {
content: "\e90a";
}
.exicon-arrow-left:before {
content: "\e90b";
}
.exicon-check:before {
content: "\e90c";
}
.exicon-un-visibility:before {
content: "\e90d";
}
.exicon-programs:before {
content: "\e90e";
}
.exicon-clients:before {
content: "\e90f";
}
.exicon-list:before {
content: "\e910";
}
.exicon-video:before {
content: "\e911";
}
.exicon-form:before {
content: "\e912";
}
.exicon-back:before {
content: "\e913";
}
.exicon-star:before {
content: "\e914";
}
.exicon-search:before {
content: "\e915";
}
.exicon-remove:before {
content: "\e916";
}
.exicon-print:before {
content: "\e917";
}
.exicon-import:before {
content: "\e918";
}
.exicon-export:before {
content: "\e919";
}
.exicon-edit:before {
content: "\e91a";
}
.exicon-share:before {
content: "\e91b";
}
.exicon-dots:before {
content: "\e91c";
}
.exicon-clone:before {
content: "\e91d";
}
.exicon-email:before {
content: "\e91e";
}
.exicon-arrow-down:before {
content: "\e91f";
}
.exicon-star-outline:before {
content: "\e920";
}
.exicon-list-thin:before {
content: "\e921";
}
.exicon-video-outline:before {
content: "\e922";
}
.exicon-form-outline:before {
content: "\e923";
}
.exicon-arrow-up:before {
content: "\e924";
}
.exicon-plus:before {
content: "\e925";
}
.exicon-undo:before {
content: "\e926";
}
.exicon-form-2:before {
content: "\e927";
}
.exicon-play:before {
content: "\e928";
}
.exicon-close:before {
content: "\e929";
}
.exicon-end:before {
content: "\e92a";
}
.exicon-begin:before {
content: "\e92b";
}
.exicon-dollar:before {
content: "\e92c";
}
.exicon-question:before {
content: "\e92d";
}
.exicon-sort-down:before {
content: "\e92e";
}
.exicon-sort-up:before {
content: "\e92f";
}
.exicon-save:before {
content: "\e930";
}
.exicon-reload:before {
content: "\e931";
}
.exicon-line:before {
content: "\e932";
}
.exicon-column:before {
content: "\e933";
}
.exicon-table:before {
content: "\e934";
}
.exicon-download:before {
content: "\e935";
}
.exicon-file-unknown:before {
content: "\e936";
}
.exicon-ppt:before {
content: "\e937";
}
.exicon-excel:before {
content: "\e938";
}
.exicon-word:before {
content: "\e939";
}
.exicon-pdf:before {
content: "\e93a";
}
.exicon-client-outline:before {
content: "\e93b";
}
.exicon-program-outline:before {
content: "\e93c";
}
.exicon-step-backward:before {
content: "\e93d";
}
.exicon-more:before {
content: "\e93e";
}
.exicon-move-able:before {
content: "\e93f";
}
.exicon-list-view:before {
content: "\e940";
}
.exicon-grid-view:before {
content: "\e941";
}
body {
font-family: 'Poppins',Helvetica,sans-serif;
color: #24345b;
word-break: normal;
position: relative;
}
.site-main {
padding-top: 30px;
}
a {
color: #0067c5;
text-decoration: none;
background-color: transparent;
}
img {
height: auto;
max-width: 100%;
} .site-header {
position: relative;
z-index: 1000;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}
.site-header__inner {
position: relative;
padding: 20px 0;
text-align: center;
}
.site-header--is-login .site-header__inner {
padding-top: 40px;
}
.site-header__inner .logo {
display: inline-block;
}
.site-header .header-top {
position: absolute;
right: 10px;
top: 10px;
display: flex;
font-size: 1.2rem;
line-height: normal;
}
.site-header .header-top .user-name, .site-header .header-top .btn-logout {
color: #f55a1f;
font-size: 1.2rem;
line-height: normal;
}
.site-header .header-top .btn-logout {
border: 0;
background: none;
margin-left: 10px;
padding: 0;
font-weight: 500;
text-decoration: underline;
}
.site-header .menu-toggle {
display: none;
position: absolute;
right: 15px;
top: 50%;
width: 36px;
height: 22px;
color: #0067c5;
border: 0;
padding: 0;
transform: translateY(-50%);
}
.site-header .menu-toggle .icon-bar {
height: 4px;
background-color: #24345b;
margin-bottom: 5px;
border-radius: 1px;
width: 36px;
display: block;
}
.site-header .menu-toggle:focus {
box-shadow: none;
}
.site-header .menu-toggle.active {
transform: translateY(0);
}
.site-header .menu-toggle.active .icon-bar {
position: absolute;
margin: 0;
transform-origin: center;
}
.site-header .menu-toggle.active .icon-bar:first-child {
left: 0;
top: 0;
transform: rotate(45deg);
}
.site-header .menu-toggle.active .icon-bar:nth-child(2) {
visibility: hidden;
}
.site-header .menu-toggle.active .icon-bar:nth-child(3) {
right: 0;
top: 0;
transform: rotate(-45deg);
}
.site-header__login {
white-space: nowrap;
}
.site-header__login .btn {
margin-left: 15px;
}
.nav-menu .menu li {
position: relative;
font-weight: 400;
}
.nav-menu .menu li a {
text-decoration: none;
font-size: 16px;
}
.nav-menu .menu .active a {
color: #24345b;
font-weight: 500;
}
.nav-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.btn{
font-weight: 500;
}
.btn-outline-primary{
color: #0067c5;
border-color: #0067c5;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0067c5;
border-color: #0067c5;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
color: #fff;
background-color: #00539f;
border-color: #004c92;
}
.btn-primary {
color: #fff;
background-color: #0067c5;
border-color: #0067c5;
}
.btn-group-sm>.btn, .btn-sm {
padding: 7px 24px;
font-size: 16px;
line-height: 1.5;
border-radius: 3px;
}
.base-loading .spinner-wrapper {
position: fixed;
left: 50%;
top: 50vh;
z-index: 2;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: none;
}
@media (min-width: 1025px){
.site-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-header__inner .logo {
flex-basis: 390px;
width: 390px;
}
.site-header__right {
padding-left: 15px;
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
}
.nav-menu>.menu>li {
padding: 0 11px;
}
.nav-menu>.menu>li a, .nav-menu>.menu>li span {
display: inline-block;
padding: 8px 0;
font-size: 16px;
color: #6f7990;
}
.nav-menu>.menu {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.nav-menu>.menu>li a:hover {
color: #24345b;
text-decoration: none;
}
}
@media (min-width: 1377px){
.site-header__login {
margin-left: 36px;
}
}
@media (max-width: 1024px){
.site-header .menu-toggle {
display: block;
}
.site-header.site-header--is-login .site-header__login, .site-header.site-header--is-login .menu-toggle {
margin-top: 5px;
}
.site-header__inner {
padding: 24px 0;
position: static;
text-align: left;
}
.site-header--is-login .site-header__inner {
padding-top: 40px;
}
.site-header__inner .logo img {
max-height: 50px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.site-header .header-top, .site-header .menu-toggle {
right: 60px;
}
.site-header .nav-menu {
display: none;
position: absolute;
left: 0;
right: 0;
top: 100%;
width: 100%;
height: 100%;
overflow-y: auto;
height: calc(100vh - 80px);
background-color: #fff;
border-top: 1px solid #a3b3db;
}
.site-header--is-login .site-header .nav-menu {
height: calc(100vh - 95px);
}
.site-header .nav-menu .menu {
padding: 37px 60px;
}
.site-header__right.active .nav-menu {
display: block;
}
.site-header__login {
position: absolute;
right: 137px;
top: 50%;
transform: translateY(-50%);
}
.nav-menu>.menu>li {
margin-bottom: 35px;
}
.nav-menu>.menu>li a{
color: #6f7990;
}
}
@media (max-width: 767px){
.site-header__inner {
padding: 14px 0;
}
.site-header .menu-toggle .icon-bar {
height: 2px;
}
.site-header__right {
display: none;
position: absolute;
left: 0;
right: 0;
top: 100%;
width: 100%;
height: calc(100vh - 60px);
padding: 0 15px;
background-color: #fff;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}
.site-header--is-login .site-header__right {
height: calc(100vh - 85px);
}
.site-header__right.active {
display: block;
}
.site-header .nav-menu {
height: 100%;
overflow-y: auto;
}
.nav-menu>.menu>li {
margin-bottom: 10px;
}
.site-header .nav-menu .menu {
padding: 24px 0;
}
.site-header__login {
display: flex;
justify-content: space-between;
padding: 15px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
}
.site-header__login .btn {
flex: 1;
margin-left: 0;
}
.site-header__login .btn + .btn {
margin-left: 8px;
}
}  .site-bottom {
padding-top: 24px;
background-color: #333;
color: #fff;
}
.site-bottom .bottom-box__title {
font-size: 18px;
line-height: 32px;
}
.site-bottom .bottom-box__content ul {
list-style: none;
margin: 0;
padding: 0;
font-weight: 400;
}
.site-bottom .bottom-box__content ul li {
margin-bottom: 8px;
}
.site-bottom .bottom-box__content ul li a {
color: #fff;
text-decoration: none;
}
.site-bottom .bottom-box__content ul li a:hover {
text-decoration: underline;
}
.site-bottom .bottom-box__content .follow-us a {
margin-right: 15px;
color: #fff;
text-decoration: none;
}
.site-bottom .bottom-box__content .follow-us a em {
font-size: 30px;
}
.site-bottom .bottom-box__content .client-apps {
white-space: nowrap;
display: flex;
}
.site-bottom .bottom-box__content .client-apps a + a {
margin-left: 20px;
}
.site-bottom .bottom-box {
margin: 0 auto 25px auto;
width: fit-content;
}
.site-bottom .bottom-box.bottom-box--client-app{
width: 100%;
}
@media (min-width: 1024px){
.col-custom-lg-2{
flex: calc(100%/6);
}
}
@media (max-width: 768px){
.site-bottom .bottom-box.bottom-box--legal{
width: 100%;
margin: 0 0 25px 0;
}
}
@media (max-width: 567px){
.site-bottom .bottom-box {
margin: 0 0 25px 0;
width: 100%;
}
}  .site-footer {
padding: 12px 0;
background-color: #404040;
text-align: center;
color: #fff;
font-size: 12px;
line-height: 24px;
font-weight: 400;
}  .home-page .features-block {
padding-bottom: 0;
}
.home-banner .banner-block {
background: #e6f3ff;
border-radius: 40px;
padding: 137px 0;
position: relative;
z-index: 2;
overflow: hidden;
}
.home-banner .banner-block:after {
content: "";
background: url(//exercisesoftware.us.elidev.info/wp-content/themes/exsoft-2022/assets/images/home/pattern-banner.png);
width: 193px;
height: 49px;
top: 28px;
right: 40px;
position: absolute;
z-index: -1;
}
.home-banner .banner-block:before {
content: "";
position: absolute;
z-index: -1;
background-image: radial-gradient(#d6ecff 20%, transparent 0);
background-position: 0 0, 50px 50px;
background-size: 30px 30px;
height: 400px;
width: 400px;
bottom: -80px;
left: 70px;
transform: rotate(50deg);
}
.home-banner .banner-block .banner-left {
padding-left: 113px;
height: 100%;
display: flex;
align-items: center;
}
.home-banner .banner-block .banner-left .content-block {
text-align: left;
}
.home-banner .banner-block .banner-left .content-block .title-banner {
text-transform: uppercase;
font-size: 39px;
font-weight: bold;
}
.home-banner .banner-block .banner-left .content-block .content-banner {
color: #6f7990;
font-size: 18px;
margin-bottom: 40px;
font-weight: 500;
}
.home-banner .banner-block .banner-left .content-block .group-button {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin: 0 -8px;
}
.home-banner .banner-block .banner-left .content-block .group-button .button-wrap {
width: 50%;
padding: 0 8px;
}
.home-banner .banner-block .banner-left .content-block .group-button .button-wrap .btn {
height: 100%;
align-items: center;
justify-content: center;
display: flex;
padding: 12px 24px;
}
.home-banner .banner-block .banner-left .content-block .group-button .btn-free-try {
color: #fff;
background-color: #f55a1f;
border-color: #f55a1f;
}
.home-banner .banner-block .banner-left .content-block .group-button .btn-free-try:hover{
color: #fff;
background-color: #e4460a;
border-color: #d7420a;
}
.home-banner .banner-block .banner-left .content-block .group-button .btn-learn {
background: #fff;
}
.home-banner .banner-block .banner-left .content-block .group-button .btn-learn:hover {
background: #0067c5;
}
.home-banner .banner-block .banner-left .content-block .noted {
font-size: 12px;
font-weight: 400;
color: #6f7990;
margin: 4px 0 0;
}
.home-banner .banner-block .banner-right .background-banner {
width: 96%;
margin-left: auto;
text-align: right;
}
.home-banner .banner-block .banner-right .background-banner img{
max-width: 100%;
height: auto;
}
@media (max-width: 1377px){
.home-banner .banner-block .banner-left {
padding-left: 40px;
}
}
@media (max-width: 1024px){
.home-banner .banner-block {
padding: 69px 0;
}
.home-banner .banner-block .banner-left {
padding: 0 56px 30px;
}
.home-banner .banner-block .banner-left .content-block {
text-align: center;
}
.home-banner .banner-block .banner-left .content-block .noted {
text-align: left;
}
}
@media (max-width: 767px){
.home-banner .banner-block {
padding: 40px 0;
}
.home-banner .banner-block .banner-left {
padding: 0 20px 24px;
}
.home-banner .banner-block .banner-left .content-block .content-banner {
margin-bottom: 24px;
}
}
.home-exercise {
margin-top: 50px;
}
.home-exercise .exercise-block .title-exercise {
text-align: center;
text-transform: uppercase;
max-width: 1000px;
margin: auto;
margin-bottom: 12px;
font-weight: bold;
}
.home-exercise .exercise-block .content-exercise {
text-align: center;
margin-bottom: 40px;
font-weight: 500;
}
.home-exercise .exercise-block .block-content {
margin-bottom: 21px;
}
.home-exercise .exercise-block .block-content .icontext-item {
display: flex;
align-items: center;
min-height: 72px;
}
.home-exercise .exercise-block .block-content .icontext-item .icon-custom {
flex-basis: 60px;
font-size: 32px;
color: #f55a1f;
text-align: center;
}
.home-exercise .exercise-block .block-content .icontext-item .title-item {
margin-bottom: 4px;
font-size: 24px;
font-weight: 600;
}
.home-exercise .exercise-block .block-content .text-content {
padding-left: 63px;
color: #6f7990;
font-weight: 500;
}
.home-exercise .exercise-block .block-content .text-content p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.home-exercise {
margin-top: 40px;
}
.home-exercise .exercise-block .block-content .icontext-item {
min-height: unset;
}
.home-exercise .exercise-block .content-exercise {
margin-bottom: 24px;
}
}
.home-works {
margin-top: 53px;
}
.home-works .works-block .title-works {
text-transform: uppercase;
text-align: center;
margin-bottom: 40.5px;
font-weight: bold;
}
.home-works .works-block .content-block .item-block {
padding: 8px 16px;
background: #f1f5f8;
border-radius: 5px;
margin-bottom: 20.5px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.home-works .works-block .content-block .item-block .item-title {
margin-bottom: 4px;
font-size: 24px;
font-weight: 600;
}
.home-works .works-block .content-block .item-block .item-content {
display: block;
color: #6f7990;
font-weight: 500; }
.home-works .works-block .content-block .item-block .item-content p:last-child {
margin-bottom: 0;
}
.home-works .works-block .content-block .item-block:last-child {
margin-bottom: 0;
}
.home-works .works-block .content-block .item-block.active .item-title {
color: #f55a1f;
}
.home-works .works-block .content-block .item-block.active .item-content p {
color: #24345b;
}
.home-works .works-block .content-block .item-block.active:before {
content: "";
width: 8px;
height: 100%;
left: 0;
top: 0;
position: absolute;
background: #f55a1f;
}
.home-works .works-block .image-block {
padding-left: 30px;
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
.home-works .works-block .content-block {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
justify-content: space-between;
margin-top: 20px;
}
.home-works .works-block .content-block .item-block {
flex: 0 0 49%;
height: auto;
margin: 10.25px 0;
}
.home-works .works-block .content-block .item-block:first-child {
margin-top: 10.25px;
}
.home-works .works-block .content-block .item-block:last-child {
margin-bottom: 10.25px;
}
.home-works .works-block .image-block {
padding-left: 0;
}
}
@media (max-width: 767px){
.home-works {
margin-top: 20px;
}
.home-works .works-block .title-works {
margin-bottom: 24px;
}
.home-works .works-block .image-block {
padding-left: 0;
margin-bottom: 24px;
}
}
.features-block {
padding: 50px 0 60px;
}
.features-block .features-block-title {
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.features-block .features > div {
margin-bottom: 20px;
}
.features-block .features .feature {
padding: 8px 16px;
height: 100%;
background-color: #f1f5f8;
border-radius: 5px;
}
.features-block .features .feature .feature-title {
margin-bottom: 4px;
font-size: 24px;
font-weight: 600;
}
.features-block .features .feature .feature-content {
color: #6f7990;
font-weight: 500;
}
.features-block .features .feature .feature-content p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px){
.features-block {
padding: 40px 0 20px;
}
.features-block .features-block-title {
margin-bottom: 24px;
}
}
.home-user {
margin-bottom: 40px;
}
.home-user .user-block {
background-color: #f1f5f8;
border-radius: 5px;
padding: 8px 16px;
}
.home-user .user-block .title-user {
text-align: center;
margin-bottom: 8px;
font-size: 24px;
font-weight: 600;
}
.home-user .user-block .content-user {
text-align: center;
font-weight: 500;
}
.home-user .user-block .content-user ul {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.home-user .user-block .content-user ul li {
list-style: none;
padding: 3px 12px;
position: relative;
}
.home-user .user-block .content-user ul li + li:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #24345b;
left: 0;
bottom: 0;
}
.home-user .user-block .content-user ul li .item-user {
color: #6f7990;
}
@media (max-width: 1024px){
.home-user .user-block .content-user ul li:nth-child(2n + 1):before {
display: none;
}
}
@media (max-width: 540px){
.home-user .user-block .content-user ul li:nth-child(2):before {
display: none;
}
}
@media (max-width: 435px){
.home-user .user-block .content-user ul li:before {
display: none;
}
}
.email-subscribers {
background-color: #24345b;
padding: 35px 0;
text-align: center;
color: #fff;
margin-bottom: 4px;
}
.email-subscribers .inner p {
margin-bottom: 4px;
font-weight: 400;
}
.email-subscribers .inner h1 {
margin-top: 0;
margin-bottom: 40px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: -0.03em;
}
.email-subscribers .inner form {
max-width: 538px;
margin: auto;
text-align: left;
}
.email-subscribers .inner form .form-control{
padding: 15px 16px;
}
.email-subscribers .inner form .field-group{
margin-bottom: 16px;
}
.email-subscribers .inner form .btn {
font-weight: 700;
width: 100%;
padding: 12px 24px;
}
.email-subscribers .inner form .btn-secondary {
color: #fff;
background-color: #f55a1f;
border-color: #f55a1f;
}
.email-subscribers .inner form .btn-secondary:hover {
color: #fff;
background-color: #e4460a;
border-color: #d7420a;
}
.email-subscribers .inner form .invalid-feedback {
position: static;
}
@media (min-width: 1025px){
.email-subscribers {
padding: 70px 0;
}
}  .about-page {
padding: 40px 0 115px;
}
.about-content .about-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 38px;
font-size: 39px;
font-weight: 700;
}
.about-content p {
font-weight: 500;
}
.about-content p:last-child {
margin-bottom: 0;
}
.about-slogan {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.about-slogan .slogan-content {
max-width: 491px;
position: relative;
}
.about-slogan .slogan-content p {
font-weight: 600;
font-size: 24px;
line-height: 36px;
}
.about-slogan .slogan-content::before {
content: "";
width: 181px;
height: 124px;
background: url(//exercisesoftware.us.elidev.info/wp-content/themes/exsoft-2022/assets/images/about-quotes.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: -1;
left: -37px;
top: -10px;
}
.about-page .base-loading {
min-height: 281px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.about-content{
text-align: center;
}
.about-slogan{
margin: 30px 0;
justify-content: center;
text-align: center;
}
}
@media (max-width: 767px) {
.about-page {
padding: 0 0 30px;
}
.about-content {
text-align: center;
}
.about-content .about-title {
margin-bottom: 24px;
}
.about-slogan {
height: auto;
margin: 30px 0;
justify-content: center;
text-align: center;
}
}  .contact-page {
padding: 40px 0 58px;
}
.contact-title {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 4px;
}
.contact-content {
margin-bottom: 40px;
font-weight: 500;
}
.contact-content p:last-child {
margin-bottom: 0;
}
.row-contact > div {
margin-bottom: 20px;
}
.block-contact {
padding: 8px 16px;
background: #f1f5f8;
border-radius: 5px;
height: 100%;
word-break: break-all;
}
.block-contact .block-contact-title {
margin-bottom: 4px;
font-size: 24px;
font-weight: 600;
}
.block-contact .block-contact-content {
color: #6f7990;
font-weight: 500;
}
.block-contact .block-contact-content p a{
text-decoration: none;
color: #0067c5;
}
.block-contact .block-contact-content p a:hover{
text-decoration: underline;
color: #24345b;
}
.block-contact .block-contact-content p:last-child {
margin-bottom: 0;
}
.contact-page .base-loading {
min-height: 321px;
}
@media (max-width: 767px){
.contact-page{
padding: 0 0 30px;
}
}  .plans-select .form-group {
max-width: 288px;
width: 100%;
margin-bottom: 16px;
}
.plans-select .form-group .form-check {
padding-left: 0;
margin-top: 27px;
margin-bottom: 10px;
padding-bottom: 0;
}
.plans-select .form-group .form-check input.form-check-input {
display: none;
}
.plans-select .form-group .form-check input.form-check-input:checked + label.form-check-label:after {
content: "Paid Monthly";
left: 4px;
}
.plans-select .form-group .form-check .form-check-label {
background: #edf0f8;
border-radius: 17px;
padding: 8px 4px;
font-size: 12px;
line-height: 18px;
width: 100%;
text-align: right;
position: relative;
display: flex;
justify-content: space-around;
color: #24345b;
z-index: 2;
}
.plans-select .form-group .form-check .form-check-label:before {
content: "Paid Monthly";
color: #24345b;
}
.plans-select .form-group .form-check .form-check-label:after {
content: "Paid Annually";
display: flex;
justify-content: center;
align-items: center;
position: absolute;
max-width: 138px;
width: 100%;
background: #24345b;
color: #fff;
height: calc(100% - 8px);
top: 4px;
right: 4px;
border-radius: 15px;
z-index: 1;
}
.plans-select .form-group select {
border: none;
padding: 4px 8px 4px 12px;
font-size: 12px;
height: 32px;
background: #edf0f8;
margin-bottom: 31px;
}
.plans-select .form-group select:focus {
box-shadow: none;
}
.plans-select .cate-block ul {
padding: 0 0 0 11px;
overflow: hidden;
}
.plans-select .cate-block ul li {
list-style: none;
font-weight: 500;
padding: 12px 0;
position: relative;
}
.plans-select .cate-block ul li:after {
content: "";
height: 1px;
width: 100%;
max-width: 427px;
background: #406587;
position: absolute;
bottom: 0;
left: 0;
}
.plans-select .cate-block ul li:last-child:after {
height: 0;
}
@media (max-width: 1377px){
.plans-select .form-group select {
margin-bottom: 30px;
}
.plans-select .cate-block ul li {
font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.plans-select form {
display: flex;
justify-content: space-between;
}
.plans-select form .form-group {
margin: auto;
}
.plans-select form .form-group .form-check {
margin-top: 0;
}
.plans-select form .form-group select {
margin-bottom: 20px;
}
}
@media (max-width: 767px){
.plans-select form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.plans-select form .form-group {
margin: auto;
}
.plans-select form .form-group .form-check {
margin-top: 0;
}
.plans-select form .form-group select {
margin-bottom: 20px;
}
}
.plans-price .price-block .price-head {
background: #406587;
padding: 12px 16px;
border-radius: 10px 10px 0 0;
}
.plans-price .price-block .price-head .price-content {
font-weight: 600;
color: #fff;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 12px;
min-height: 54px;
height: 100%;
}
.plans-price .price-block .price-head .price-content .price-title {
font-size: 18px;
max-width: 112px;
}
.plans-price .price-block .price-head .price-content .price-denomination {
font-size: 24px;
}
.plans-price .price-block .price-head .btn-try-free {
padding: 13px 0;
text-align: center;
display: block;
border-radius: 5px;
background: #f55a1f;
color: #fff;
}
.plans-page {
padding: 40px 0 57px;
}
.plans-page .plans-title {
text-transform: uppercase;
font-size: 39px;
font-weight: bold;
line-height: 132.1%;
max-width: 538px;
text-align: center;
margin: 0 auto 82px;
}
.plans-price .price-block .price-head .btn-try-free:hover {
background: #eb5f2b;
}
.plans-price .price-block .price-body {
border-radius: 0 0 10px 10px;
overflow: hidden;
}
.plans-price .price-block .price-body ul {
padding: 0;
margin: 0;
}
.plans-price .price-block .price-body ul li {
list-style: none;
padding: 12px 0;
text-align: center;
font-weight: 500;
}
.plans-price .price-block .price-body ul li:nth-child(odd) {
background: #dbefff;
}
.plans-price .price-block .price-body ul li:nth-child(even) {
background: #e6f3ff;
}
.plans-price .price-block.most-popular {
position: relative;
}
.plans-price .price-block.most-popular .price-head {
background: #333;
border-radius: 0;
}
.plans-price .price-block.most-popular::before {
content: attr(data-text);
position: absolute;
width: 100%;
padding: 11px 0;
top: -46px;
background: #35bc7a;
border-radius: 10px 10px 0 0;
text-align: center;
font-weight: 600;
font-size: 16px;
color: #fff;
}
.plans-price .price-block.most-popular .price-body ul li:nth-child(odd) {
background: #c3efd9;
}
.plans-price .price-block.most-popular .price-body ul li:nth-child(even) {
background: #d3f3e3;
}
@media (max-width: 1377px){
.plans-price .price-block .price-head .price-content .price-title {
font-size: 14px;
}
.plans-price .price-block .price-head .price-content .price-denomination {
font-size: 1.6rem;
}
.plans-price .price-block .price-head button {
padding: 6px 0;
}
.plans-price .price-block .price-body ul li {
font-size: 14px;
}
.plans-price .price-block.most-popular::before {
top: -43px;
font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.plans-price .mt-plans-7 {
margin-top: 50px;
}
.plans-price .price-block .price-head .price-content .price-title {
font-size: 18px;
}
.plans-price .price-block .price-head .price-content .price-denomination {
font-size: 24px;
}
.plans-price .price-block .price-head button {
padding: 11px 0;
}
.plans-price .price-block .price-body ul li {
font-size: 18px;
}
.plans-price .price-block.most-popular::before {
top: -46px;
font-size: 16px;
}
}
@media (max-width: 767px){
.plans-price .mt-plans-7 {
margin-top: 95px;
}
.plans-price .price-block .price-head .price-content .price-title {
font-size: 18px;
}
.plans-price .price-block .price-head .price-content .price-denomination {
font-size: 24px;
}
.plans-price .price-block .price-head button {
padding: 11px 0;
}
.plans-price .price-block .price-body ul li {
font-size: 18px;
}
.plans-price .price-block.most-popular::before {
top: -46px;
font-size: 16px;
}
}
.plans-utilities {
margin-top: 90px;
}
.plans-utilities .block-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -11px;
}
.plans-utilities .block-content .item-content {
flex: 0 0 calc(100% / 3);
padding: 0 11px;
position: relative;
display: flex;
align-items: center;
}
.plans-utilities .block-content .item-content:before {
content: "";
position: absolute;
width: 3px;
height: 60%;
background: #24345b;
top: 45%;
transform: translateY(-50%);
}
.plans-utilities .block-content .item-content:after {
content: "";
position: absolute;
height: 3px;
width: 93%;
background: #24345b;
bottom: 0;
left: 55%;
transform: translateX(-53%);
}
.plans-utilities .block-content .item-content p {
padding: 10px;
margin-bottom: 14px;
font-weight: 500;
}
.plans-utilities .block-content .item-content:nth-last-child(-n+3) p {
padding: 20px 12px;
}
.plans-utilities .block-content .item-content:nth-last-child(-n+3):after {
content: none;
}
@media (min-width: 768px) and (max-width: 1024px){
.plans-utilities .block-content .item-content {
flex: 0 0 calc(100% / 2);
}
.plans-utilities .block-content .item-content:nth-child(n+4):after {
content: "";
}
.plans-utilities .block-content .item-content:nth-last-child(-n+2) p {
padding: 10px;
}
.plans-utilities .block-content .item-content:nth-last-child(-n+2):after {
content: none;
}
}
@media (max-width: 767px){
.plans-utilities .block-content .item-content {
flex: 0 0 100%;
}
.plans-utilities .block-content .item-content:nth-child(n+4):after {
content: "";
}
.plans-utilities .block-content .item-content:nth-last-child(-n + 1):after {
content: none;
}
}  .product-hero .inner {
background-color: #e6f3ff;
border-radius: 40px;
padding: 40px 113px 36px;
display: flex;
}
.product-hero .inner .product-hero-left {
width: 48.5%;
flex-basis: 48.5%;
}
.product-hero .inner .product-hero-right {
width: 50.5%;
flex-basis: 50.5%;
flex-shrink: 0;
}
.product-hero--left .inner {
flex-direction: row-reverse;
}
.product-hero .product-hero-right {
text-align: center;
padding-left: 10px;
}
.product-hero .product-hero-right img {
max-width: 300px;
}
.product-hero .product-hero-title {
margin-bottom: 8px;
text-transform: uppercase;
font-weight: bold;
}
.product-hero .product-hero-content {
margin-bottom: 34px;
color: #6f7990;
font-size: 18px;
font-weight: 500;
}
.product-hero .product-hero-content p:last-child {
margin-bottom: 0;
}
.product-hero .product-hero-features {
margin-bottom: 8px;
}
.product-hero .product-hero-features .feature {
position: relative;
margin-bottom: 32px;
padding-left: 10px;
font-weight: 500;
}
.product-hero .product-hero-features .feature::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background-color: #24345b;
}
.product-hero .client-apps a {
display: inline-block;
vertical-align: middle;
}
.product-hero .client-apps a + a {
margin-left: 15px;
}
@media (max-width: 1025px){
.product-hero .inner {
padding: 40px 40px 36px;
}
}
@media (max-width: 1024px){
.product-hero .inner {
display: block;
}
.product-hero .inner .product-hero-left, .product-hero .inner .product-hero-right {
width: auto;
}
.product-hero .inner .product-hero-right {
padding-top: 30px;
padding-left: 0;
}
}
@media (max-width: 767px){
.product-hero .inner {
padding: 40px 20px;
}
}
.product-content-block {
padding: 40px 0;
}
.product-content-block:nth-child(2n) {
padding: 44px 0;
background-color: #edf0f8;
}
.product-content-block .inner {
display: flex;
align-items: center;
}
.product-content-block .inner .content-block-left {
width: 37%;
flex-basis: 37%;
flex-shrink: 0;
padding-right: 60px;
}
.product-content-block .inner .content-block-right {
width: 63%;
flex-basis: 63%;
flex-shrink: 0;
}
.product-content-block--left .inner {
flex-direction: row-reverse;
}
.product-content-block--left .inner .content-block-left {
padding-right: 0;
padding-left: 60px;
}
.product-content-block .content-block-title {
margin-bottom: 25px;
text-transform: uppercase;
font-weight: 700;
}
.product-content-block .content-block-features {
list-style: none;
margin: 0;
padding: 0;
}
.product-content-block .content-block-features li {
position: relative;
margin-bottom: 24px;
padding-left: 60px;
min-height: 32px;
font-weight: 500;
}
.product-content-block .content-block-features li:last-child {
margin-bottom: 0;
}
.product-content-block .content-block-features li em {
position: absolute;
left: 16px;
top: 50%;
color: #f55a1f;
font-size: 30px;
transform: translateY(-50%);
}
.product-content-block .content-block-features li em.exicon-fitness-ball {
font-size: 24px;
}
.product-content-block .content-block-features li em.exicon-fitness-ball2 {
font-size: 20px;
}
.product-content-block .content-block-features li em.exicon-body-building2 {
font-size: 31px;
}
.product-content-block .content-block-link {
margin-top: 24px;
}
.product-content-block .content-block-link .btn {
min-width: 260px;
padding: 12px 24px;
color: #fff;
background-color: #f55a1f;
border-color: #f55a1f;
}
.product-content-block .content-block-link .btn:hover {
background-color: #e4460a;
border-color: #d7420a;
}
.product-content-block .content-block-video {
margin-top: 27px;
}
.product-content-block .content-block-video .btn em {
vertical-align: middle;
margin-right: 8px;
}
.product-content-block .content-block-images .content-block-image {
text-align: center;
}
.product-content-block .content-block-images--slider {
position: relative;
padding: 24px 24px 0;
background-color: #edf0f8;
border-radius: 15px;
border: 1px solid #a3b3db;
}
.product-content-block .content-block-images--slider .tab-slider {
display: none;
}
.product-content-block .content-block-images--slider .tab-slider.active {
display: block;
}
.product-content-block .content-block-images .content-block-slider {
position: relative;
}
.product-content-block .content-block-images .content-block-slider.hide-control .carousel-control-prev, .product-content-block .content-block-images .content-block-slider.hide-control .carousel-control-next {
display: none;
}
.product-content-block .content-block-images .content-block-slider .image-item {
text-align: center;
}
.product-content-block .content-block-images .content-block-slider .image-item .stop-player {
display: none;
}
.product-content-block .content-block-images .content-block-slider .image-item .carousel-caption {
position: static;
font-size: 16px;
line-height: 18.75px;
font-weight: normal;
color: #6f7990;
}
.product-content-block .content-block-images .content-block-slider .carousel-control-next, .product-content-block .content-block-images .content-block-slider .carousel-control-prev {
top: 41%;
bottom: auto;
width: 34px;
height: 34px;
background-color: #fff;
border-radius: 3px;
opacity: 1;
}
.product-content-block .content-block-images .content-block-slider .carousel-control-next em, .product-content-block .content-block-images .content-block-slider .carousel-control-prev em {
color: #0067c5;
}
.product-content-block .content-block-images .content-block-images-bottom {
position: relative;
padding: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.product-content-block .content-block-images .content-block-images-bottom:before {
content: '';
position: absolute;
top: 0;
left: -24px;
right: -24px;
height: 1px;
background-color: #a3b3db;
}
.product-content-block .content-block-images .content-block-images-bottom .title {
margin: 0;
}
.product-content-block .content-block-images .content-block-images-tab {
display: flex;
align-items: center;
list-style: none;
background-color: #a3b3db;
padding: 4px;
border-radius: 17px;
}
.product-content-block .content-block-images .content-block-images-tab .image-tab {
display: block;
flex-shrink: 0;
flex: 1;
background: none;
border: 0;
margin: 0;
padding: 4px 30px;
font-size: 12px;
line-height: 18px;
text-align: center;
white-space: nowrap;
color: #24345b;
cursor: pointer;
}
.product-content-block .content-block-images .content-block-images-tab .image-tab.active {
background: #24345b;
color: #fff;
border-radius: 13px;
padding: 4px 25px;
cursor: default;
}
@media (min-width: 1378px) {
.product-content-block .content-block-images .content-block-image img {
max-width: 720px;
}
}
@media (max-width: 1377px) {
.product-content-block .inner .content-block-left {
width: 50%;
flex-basis: 50%;
}
.product-content-block .inner .content-block-right {
width: 50%;
flex-basis: 50%;
}
.product-content-block .content-block-images .content-block-images-bottom {
padding: 30px 0;
}
}
@media (max-width: 1024px){
.product-content-block .inner {
display: block;
}
.product-content-block .inner .content-block-left, .product-content-block .inner .content-block-right {
width: auto;
}
.product-content-block .inner .content-block-left {
margin-bottom: 24px;
padding: 0;
}
.product-content-block .content-block-features li {
margin-bottom: 24px;
}
.product-content-block .content-block-images .content-block-image img {
max-width: 100%;
}
}
@media (max-width: 767px){
.product-content-block {
padding: 40px 0;
}
.product-content-block:nth-child(2n) {
padding: 40px 0;
}
}
.features-block {
padding: 50px 0 60px;
}
.features-block .features-block-title {
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.features-block .features > div {
margin-bottom: 20px;
}
.features-block .features .feature {
padding: 8px 16px;
height: 100%;
background-color: #f1f5f8;
border-radius: 5px;
}
.features-block .features .feature .feature-title {
margin-bottom: 4px;
font-size: 24px;
font-weight: 600;
}
.features-block .features .feature .feature-content {
color: #6f7990;
font-weight: 500;
}
.features-block .features .feature .feature-content p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px){
.features-block {
padding: 40px 0 20px;
}
.features-block .features-block-title {
margin-bottom: 24px;
}
}  .cookies{
position: fixed;
top: calc(100vh - 100px);
background: #333333;
min-height: 100px;
width: 100%;
z-index: 1001;
padding: 19px 24px;
transition: all 1s ease-out;
display: flex;
}
.cookies.hide{
top: calc(100vh);
}
.cookies.show{
top: calc(100vh - 100px);
}
.cookies .cookies__title{
font-size: 14px;
line-height: 21px;
color: #fff;
font-weight: 100;
flex: 100%;
}
.cookies .cookies__title p{
margin: 0
}
.cookies .cookies__title p .cookies__link{
color: #f5f3ff;
text-decoration: underline;
}
.cookies .cookies__group-btn{
flex: 35%;
text-align: right;
margin: auto;
}
.cookies .cookies__group-btn button{
font-weight: 400;
}
.cookies .cookies__group-btn button:focus{
box-shadow: none;
}
.cookies .cookies__group-btn button.cookies__btn-accept{
padding: 8px 24px;
}
.cookies .cookies__group-btn button.cookies__btn-manage{
padding: 8px 16px;
}
.cookies .cookies__group-btn button.cookies__btn-manage:hover{
background-color: #878889
}
.cookies .cookies__group-btn button.btn-custom.cookies__btn-manage{
color: #fff;
}
body .modal-custom{
position: fixed;
top: 0;
height: 100vh;
z-index: 1002;
display: flex;
width: 100vw;
}
body .modal-custom .modal-backdrop{
opacity: 0;
z-index: 1003!important;
transition: opacity .15s linear;
}
body .modal-custom .modal-backdrop.show{
opacity: .5
}
body .modal-custom .modal-content{
border: none;
border-radius: 0;
background: #fff;
width: 448px;
left: 100%;
top: 0;
transition: all 1s ease-out;
z-index: 1004;
position: fixed;
height: 100vh;
}
body .modal-custom .modal-content.show{
left: calc(100vw - 448px);
}
body .modal-custom .modal-content .modal-header{
background-color: #406587;
border-radius: 0;
flex-wrap: wrap;
padding: 24px;
}
body .modal-custom .modal-content .modal-header .modal-title{
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
body .modal-custom .modal-content .modal-header .modal-description{
color: #fff;
font-weight: 400;
font-size: 14px;
margin-top: 8px;
}
body .modal-custom .modal-content .modal-header .close{
position: absolute;
right: 24px;
top: 25px;
margin: 0;
padding: 0;
font-weight: 400;
line-height: 1;
color: #fff;
text-shadow: none;
opacity: 1;
background-color: transparent;
border: 0;
}
body .modal-custom .modal-content .modal-header .close .icon {
font-size: 16px;
}
body .modal-custom .modal-content .modal-body{
padding: 0;
height: calc(100vh - 170px);
}
body .modal-custom .modal-content .modal-body .custom-form-footer{
position: absolute;
bottom: 16px;
padding: 24px;
box-shadow: 0px -4px 20px rgba(36, 52, 91, 0.1);
width: 100%;
display: flex;
}
body .modal-custom .modal-content .modal-body .modal-body-content{
height: calc(100% - 100px);
padding: 24px;
overflow-y: scroll;
}
body .modal-custom .modal-content .modal-body .custom-form-footer button{
width: 100%;
font-weight: 400;
}
body .modal-custom .modal-content .modal-body .custom-form-footer button[type="cancel"]{
margin-right: 10px;
}
body .modal-custom .modal-content .modal-body .modal-body-content .field-group .form-check{
position: relative;
padding-left: 0;
}
body .modal-custom .modal-content .modal-body .modal-body-content .field-group .form-check label {
cursor: pointer;
}
body .modal-custom .modal-content .modal-body .modal-body-content .field-group .form-check input[type="checkbox"]{
opacity: 0;
width: 0;
height: 0;
}
body .modal-custom .modal-content .modal-body .modal-body-content .field-group .form-check input[type="checkbox"]+label:before{
content: "";
position: absolute;
width: 36px;
height: 20px;
border-radius: 20px;
background-color: #fff;
border: 1px solid rgba(111,121,144,.55);
right: 0;
top: 50%;
transform: translateY(-50%);
transition: all .2s ease-in-out;
}
body .modal-custom .modal-content .modal-body .modal-body-content .field-group .form-check input[type="checkbox"]:checked+label:before{
border: 1px solid #0067c5;
}
body .modal-custom .modal-content .modal-body .modal-body-content .field-group .form-check input[type="checkbox"]+label:after{
content: "";
top: 50%;
position: absolute;
width: 12px;
height: 12px;
background: rgba(111,121,144,.55);
border-radius: 50%;
right: 19px;
transform: translateY(-50%);
transition: all .2s ease-in-out;
}
body .modal-custom .modal-content .modal-body .modal-body-content .field-group .form-check input[type="checkbox"]:checked+label:after{
right: 3px;
background: #0067c5;
}
.form-check-input:disabled~.form-check-label:after, .form-check-input[disabled]~.form-check-label:after,
.form-check-input:disabled~.form-check-label:before, .form-check-input[disabled]~.form-check-label:before {
opacity: .5;
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
opacity: 1!important;
}
body .modal-custom .modal-content .modal-body .modal-body-content .field-group .description{
font-size: 12px;
line-height: 18px;
color: #6F7990;
}
body .modal-custom .modal-content .modal-body .modal-body-content::-webkit-scrollbar {
width: 6px;
height: 6px;
}
body .modal-custom .modal-content .modal-body .modal-body-content::-webkit-scrollbar-track {
background: #fff;
}
body .modal-custom .modal-content .modal-body .modal-body-content::-webkit-scrollbar-thumb {
background: rgba(111, 121, 144, .3);
border-radius: 3px;
}
body .modal-custom .modal-content .modal-body .modal-body-content::-webkit-scrollbar-thumb:hover {
background: rgba(111, 121, 144, .3);
opacity: 1;
}