new home page

This commit is contained in:
Jerry
2020-10-27 12:57:15 +03:00
parent 744522e062
commit befe22b0a3
42 changed files with 1722 additions and 163 deletions

View File

@@ -1502,6 +1502,8 @@ footer {
opacity: 0.7; }
footer.v2 .footer-menu .social a .icon-linkedin {
font-size: 18px; }
footer.v2 .footer-menu .social + .copyright {
margin-top: 10px; }
footer.v2 .footer-menu .copyright {
display: block; }
footer.v2 .footer-menu .copyright a {
@@ -1667,7 +1669,7 @@ footer {
.main-page .promo-top .opacity-bg {
background: rgba(255, 255, 255, 0.7);
padding: 20px;
max-width: 614px;
max-width: 610px;
margin: 0 auto; }
@media (min-width: 769px) {
.main-page .promo-top .opacity-bg {
@@ -1696,16 +1698,47 @@ footer {
font-size: 48px; } }
.main-page .promo-top .line2 {
margin-top: 5px;
font-weight: 200;
font-weight: 500;
color: #46362d;
font-size: 16px; }
font-size: 16px;
line-height: 1;
height: 32px; }
.main-page .promo-top .line2 .animated-text {
color: #7bb2d1; }
@-webkit-keyframes cursor-animation {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes cursor-animation {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
.main-page .promo-top .line2 .animated-text .at-cursor {
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
width: 2px;
height: 24px;
margin: -5px 2px;
background: #7bb2d1;
-webkit-animation: cursor-animation .5s infinite;
animation: cursor-animation .5s infinite; }
@media (min-width: 769px) {
.main-page .promo-top .line2 {
font-size: 20px;
font-size: 19px;
margin-top: 15px; } }
@media (min-width: 992px) {
.main-page .promo-top .line2 {
font-size: 24px; } }
font-size: 22px; } }
.main-page .promo-top .button {
margin: 5px; }
@media (min-width: 769px) {
@@ -1727,16 +1760,16 @@ footer {
.main-page .promo-top {
padding: 90px 0; } }
.main-page .mp-app-links {
background: #e6ebf2;
padding: 10px 0;
text-align: center;
font-size: 16px; }
font-size: 13px; }
.main-page .mp-app-links:before, .main-page .mp-app-links:after {
content: " ";
display: table; }
.main-page .mp-app-links:after {
clear: both; }
.main-page .mp-app-links img {
max-height: 42px;
max-width: 160px; }
.main-page .mp-capabs {
display: block;
@@ -1835,19 +1868,30 @@ footer {
.main-page .promo-header.small {
padding-top: 0; }
.main-page .promo-header h3 {
color: #7a724e;
color: #46362D;
font-size: 24px;
font-weight: 100;
font-weight: 700;
line-height: 1;
margin: 0;
padding: 0; }
padding: 0;
font-family: 'PT Serif', serif; }
.main-page .promo-header h3:before {
content: "";
display: inline-block;
width: 50px;
height: 4px;
vertical-align: top;
margin-right: -51px;
background: #7BB2D1;
position: relative;
top: -4px; }
@media (min-width: 769px) {
.main-page .promo-header {
padding: 50px 0 20px; }
padding: 50px 0 60px; }
.main-page .promo-header.small {
padding-top: 0; }
.main-page .promo-header h3 {
font-size: 30px; } }
font-size: 36px; } }
.main-page .promo-header.facebook h3 {
display: inline-block;
font-size: 35px;
@@ -1942,6 +1986,12 @@ footer {
font-size: 34px; }
.main-page .feature-block .fb-text p.with-icon .icon-add-to-binder {
font-size: 39px; }
.main-page .feature-block .fb-text p .icon-feature {
display: inline-block;
vertical-align: baseline;
width: 31px;
height: 29px;
background: url(../img/home-page/law/icon-feature.svg) center center no-repeat; }
.main-page .feature-block.promo .cont {
color: #666; }
.main-page .feature-block.promo .fb-title {
@@ -2152,6 +2202,67 @@ footer {
padding: 0 10px; }
.main-page .feature-block.feat-descr.with-bg .fb-text .custom-marks li .icon-promo-check {
color: #c5bab4; }
.main-page .feature-block.home-page {
background: none; }
.main-page .feature-block.home-page .cont {
max-width: 1010px;
color: #46362D; }
.main-page .feature-block.home-page .fb-title {
color: #46362D;
font-size: 24px;
font-weight: 700;
line-height: 1;
margin: 0;
padding: 0;
font-family: 'PT Serif', serif;
margin-bottom: 3px; }
.main-page .feature-block.home-page .fb-title:before {
content: "";
display: inline-block;
width: 50px;
height: 4px;
vertical-align: top;
margin-right: -51px;
background: #7bb2d1;
position: relative;
top: -4px; }
.main-page .feature-block.home-page .fb-img {
-webkit-box-shadow: none;
box-shadow: none; }
.main-page .feature-block.home-page .fb-img img {
-webkit-box-shadow: none;
box-shadow: none; }
@media (min-width: 769px) {
.main-page .feature-block.home-page .fb-text {
font-size: 17px;
line-height: 22px; }
.main-page .feature-block.home-page .fb-title {
font-size: 36px; }
.main-page .feature-block.home-page .fb-title,
.main-page .feature-block.home-page .fb-text {
margin-left: 40%; }
.main-page .feature-block.home-page .fb-img {
display: block;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: none;
box-shadow: none;
width: 44%;
text-align: left; }
.main-page .feature-block.home-page .fb-img img {
-webkit-box-shadow: none;
box-shadow: none; }
.main-page .feature-block.home-page.right .fb-title,
.main-page .feature-block.home-page.right .fb-text {
margin-left: 0;
margin-right: 40%; }
.main-page .feature-block.home-page.right .fb-img {
text-align: right;
left: auto;
right: 0; } }
.main-page .fb-bot-text {
font-size: 11px;
font-weight: 300;
@@ -2168,15 +2279,13 @@ footer {
clear: both; }
@media (min-width: 769px) {
.main-page .mp-serve {
padding: 50px 0; } }
padding: 10px 0 50px; } }
.main-page .mp-serve .cont {
max-width: 1180px;
max-width: 1480px;
padding: 0 20px; }
@media (min-width: 768px) {
.main-page .mp-serve .cont {
padding: 0 20px; } }
.main-page .mp-serve .sc-cont .divider {
min-height: 10px; }
@media (min-width: 769px) {
.main-page .mp-serve .sc-cont {
display: -webkit-box;
@@ -2186,22 +2295,36 @@ footer {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%; }
.main-page .mp-serve .sc-cont .divider {
display: block;
width: 1.47%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; } }
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
@media (min-width: 769px) {
.main-page .mp-serve .sc-cont .divider {
display: block;
width: 1%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; } }
@media (min-width: 769px) and (max-width: 992px) {
.main-page .mp-serve .sc-cont .divider {
width: 2%; }
.main-page .mp-serve .sc-cont .divider:nth-child(4n) {
display: none; } }
@media (min-width: 993px) and (max-width: 1200px) {
.main-page .mp-serve .sc-cont .divider {
width: 1.5%; }
.main-page .mp-serve .sc-cont .divider:nth-child(6n) {
display: none; } }
.main-page .mp-serve .serve-col {
padding: 15px 15px 20px;
font-size: 16px;
padding: 10px 15px;
font-size: 14px;
color: #32221a;
font-weight: 100;
position: relative;
background: #fff;
-webkit-box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4); }
box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
margin-bottom: 15px; }
.main-page .mp-serve .serve-col + .serve-col {
border-top: 2px solid #fff; }
@media (min-width: 769px) {
@@ -2212,17 +2335,26 @@ footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 32.333333%;
padding: 45px 30px 115px; } }
padding: 10px 10px 90px; } }
@media (min-width: 769px) and (max-width: 992px) {
.main-page .mp-serve .serve-col {
width: 49%; } }
@media (min-width: 993px) and (max-width: 1200px) {
.main-page .mp-serve .serve-col {
width: 32.3333333333%; } }
@media (min-width: 1201px) {
.main-page .mp-serve .serve-col {
width: 19.2%; } }
.main-page .mp-serve .serve-col .buttons {
width: 100%;
margin-top: 20px; }
margin-top: 15px;
margin-bottom: 5px; }
@media (min-width: 769px) {
.main-page .mp-serve .serve-col .buttons {
position: absolute;
left: 30px;
bottom: 30px;
margin-top: 1; } }
left: 0;
bottom: 20px;
text-align: center; } }
.main-page .mp-serve .serve-col .buttons .button {
position: relative;
height: 48px;
@@ -2235,18 +2367,18 @@ footer {
box-shadow: none; }
.main-page .mp-serve .serve-col .sc-title {
font-weight: bold;
font-size: 24px; }
font-size: 22px;
line-height: 1.1;
margin-bottom: 15px; }
.main-page .mp-serve .serve-col .normal {
font-size: 14px;
font-weight: normal;
color: #003366; }
.main-page .mp-serve .serve-col:hover {
background: #7bb2d1;
-webkit-box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4); }
.main-page .mp-serve .serve-col:hover .sc-title {
color: #fff; }
.main-page .mp-serve .serve-col:hover .normal {
color: #fff; }
color: #003366;
margin-bottom: 15px; }
.main-page .mp-serve .serve-col .sc-img {
display: block;
float: right;
margin: 0 0 5px 10px; }
.main-page .mp-serve.reviews {
background: none; }
.main-page .mp-serve.reviews .cont {
@@ -2321,6 +2453,57 @@ footer {
top: 15px;
margin-left: -5px;
margin: -10px 0; }
.main-page .subscribe-block {
background: -webkit-gradient(linear, left top, right top, from(#3D2A20), color-stop(77.89%, #90705B));
background: linear-gradient(90deg, #3D2A20 0%, #90705B 77.89%);
-webkit-box-shadow: 0px 5px 20px 0px #000000 50%;
box-shadow: 0px 5px 20px 0px #000000 50%;
border-radius: 20px;
padding: 20px;
position: relative;
color: #fff; }
.main-page .subscribe-block .sb-img {
position: absolute;
right: 0;
top: 0;
height: 100%;
padding: 10px 20px 10px 0;
overflow: hidden;
max-width: 30%; }
.main-page .subscribe-block .sb-img img {
max-height: 100%;
max-width: 100%; }
.main-page .subscribe-block .sb-line1 {
font-size: 20px;
font-weight: 600; }
.main-page .subscribe-block .sb-line2 {
font-size: 14px; }
.main-page .subscribe-block .sb-text {
margin-right: 30%;
font-family: 'PT Serif', serif;
text-align: center;
max-width: 380px; }
.main-page .subscribe-block .sub-input {
margin-top: 20px;
text-align: center; }
.main-page .subscribe-block .sub-input input.email {
width: 280px;
max-width: 100%;
height: 40px;
border-radius: 10px; }
.main-page .subscribe-block .sub-input .button.xxl {
height: 40px;
line-height: 40px; }
@media (min-width: 541px) {
.main-page .subscribe-block .sub-input {
text-align: left; } }
@media (min-width: 769px) {
.main-page .subscribe-block {
padding: 30px 40px; }
.main-page .subscribe-block .sb-line1 {
font-size: 24px; }
.main-page .subscribe-block .sb-line2 {
font-size: 18px; } }
.main-page .mp-small-block {
padding: 15px 0 65px;
margin-bottom: 20px; }
@@ -2340,6 +2523,11 @@ footer {
@media (min-width: 769px) {
.main-page .mp-small-block .sb-head {
font-size: 30px; } }
.main-page .mp-small-block .promo-header + .feature-links {
margin-top: 10px; }
@media (min-width: 769px) {
.main-page .mp-small-block .promo-header {
padding: 20px 0; } }
.main-page .mp-small-block .feature-links {
margin-top: 50px; }
.main-page .mp-small-block .feature-links:before, .main-page .mp-small-block .feature-links:after {
@@ -2391,6 +2579,29 @@ footer {
@media (min-width: 769px) {
.main-page .mp-small-block .buttons .button {
line-height: 44px; } }
.main-page .mp-small-block.bot-flex .cont {
max-width: 1340px; }
.main-page .mp-small-block.bot-flex .flex .right {
margin-top: 30px; }
@media (min-width: 993px) {
.main-page .mp-small-block.bot-flex .flex {
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; }
.main-page .mp-small-block.bot-flex .flex .left, .main-page .mp-small-block.bot-flex .flex .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
margin-top: 0; }
.main-page .mp-small-block.bot-flex .flex .left {
padding-right: 10px; } }
.main-page .mp-footer {
display: block;
background: url(../img/main-page/feature-bg.jpg) center center no-repeat;
@@ -2609,6 +2820,44 @@ footer {
height: auto !important;
max-width: 100%; }
.features-list {
background: #e6ebf2;
padding: 20px 0 1px;
font-weight: 300;
font-size: 14px;
line-height: 18px;
color: #616161;
word-spacing: 0;
margin: 0 0 50px; }
.features-list .cont {
max-width: 1230px;
padding: 0 10px; }
.features-list .fl-block {
display: block;
width: 100%;
word-spacing: normal;
padding: 0 20px;
margin-bottom: 30px; }
.features-list .fl-block .fl-title {
font-weight: 600;
margin: 7px 0;
color: #7a724e; }
.features-list .fl-block .fl-img img {
width: 50px; }
@media (min-width: 480px) {
.features-list {
font-size: 17px;
line-height: 21px; }
.features-list .fl-block .fl-img img {
width: auto; } }
@media (min-width: 768px) {
.features-list {
padding: 1px 0 30px; }
.features-list .fl-block {
display: inline-block;
width: 49%;
vertical-align: top; } }
.pc-slider {
margin-bottom: 20px; }
.pc-slider .cont {
@@ -2715,6 +2964,8 @@ footer {
left: -5px; }
.pc-slider .splide__arrow--next {
right: -5px; }
.pc-slider .promo-header {
margin-top: -10px; }
.blog-page .bp-list-header {
display: block;
@@ -2833,18 +3084,30 @@ footer {
height: 70px;
line-height: 70px; } }
.blog-page .bp-list {
.blog-page .cat-publishing .cat-publishing {
display: block; }
.blog-page .cat-teaching .cat-teaching {
display: block; }
.blog-page .cat-learning .cat-learning {
display: block; }
.blog-page .cat-all .bp-block {
display: block; }
.bp-list {
display: block;
margin: 0 auto; }
.blog-page .bp-list:after {
.bp-list:after {
content: " ";
display: block;
clear: both; }
@media (min-width: 768px) {
.blog-page .bp-list .cont {
.bp-list .cont {
padding: 0 20px; } }
.blog-page .bp-block {
.bp-block {
display: none;
margin: 0 auto 20px;
max-width: 100%;
@@ -2852,18 +3115,18 @@ footer {
padding-bottom: 70px;
height: 260px; }
@media (min-width: 540px) {
.blog-page .bp-block {
.bp-block {
width: 46%;
margin: 0 2% 20px;
height: 360px;
float: left; } }
@media (min-width: 992px) {
.blog-page .bp-block {
.bp-block {
width: 30%;
margin: 0 1.6666666666666% 30px;
height: 360px;
float: left; } }
.blog-page .bp-block .bp-img {
.bp-block .bp-img {
display: block;
position: absolute;
left: 0;
@@ -2874,7 +3137,7 @@ footer {
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.blog-page .bp-block .bp-img:after {
.bp-block .bp-img:after {
content: "";
display: block;
position: absolute;
@@ -2883,7 +3146,7 @@ footer {
width: 100%;
height: 100%;
background: rgba(24, 102, 198, 0.7); }
.blog-page .bp-block .bp-title {
.bp-block .bp-title {
display: block;
z-index: 3;
font-weight: bold;
@@ -2897,7 +3160,7 @@ footer {
right: 10px;
bottom: 80px;
text-align: center; }
.blog-page .bp-block .bp-title .cont-overflow {
.bp-block .bp-title .cont-overflow {
position: absolute;
left: 0;
top: 50%;
@@ -2908,15 +3171,15 @@ footer {
width: 100%;
padding: 4px 0; }
@media (min-width: 540px) {
.blog-page .bp-block .bp-title {
.bp-block .bp-title {
font-size: 28px;
line-height: 32px; }
.blog-page .bp-block .bp-title .cont-overflow {
.bp-block .bp-title .cont-overflow {
max-height: 264px; } }
@media (min-width: 992px) {
.blog-page .bp-block .bp-title {
.bp-block .bp-title {
font-size: 32px; } }
.blog-page .bp-block .bp-description {
.bp-block .bp-description {
display: block;
position: absolute;
z-index: 3;
@@ -2928,66 +3191,22 @@ footer {
font-size: 16.2492px;
line-height: 18px;
padding: 10px; }
.blog-page .bp-block .bp-description .cont-overflow {
.bp-block .bp-description .cont-overflow {
display: block;
min-height: 38px;
max-height: 38px;
overflow: hidden; }
.blog-page .bp-block:hover {
.bp-block:hover {
text-decoration: none; }
.blog-page .bp-block:hover .bp-img:after {
.bp-block:hover .bp-img:after {
background: rgba(24, 102, 198, 0.9); }
.blog-page .cat-publishing .cat-publishing {
display: block; }
.mp-blog .cont {
max-width: 1230px; }
.blog-page .cat-teaching .cat-teaching {
.mp-blog .bp-block {
display: block; }
.blog-page .cat-learning .cat-learning {
display: block; }
.blog-page .cat-all .bp-block {
display: block; }
.features-list {
background: #e6ebf2;
padding: 20px 0 1px;
font-weight: 300;
font-size: 14px;
line-height: 18px;
color: #616161;
word-spacing: 0;
margin: 0 0 50px; }
.features-list .cont {
max-width: 1230px;
padding: 0 10px; }
.features-list .fl-block {
display: block;
width: 100%;
word-spacing: normal;
padding: 0 20px;
margin-bottom: 30px; }
.features-list .fl-block .fl-title {
font-weight: 600;
margin: 7px 0;
color: #7a724e; }
.features-list .fl-block .fl-img img {
width: 50px; }
@media (min-width: 480px) {
.features-list {
font-size: 17px;
line-height: 21px; }
.features-list .fl-block .fl-img img {
width: auto; } }
@media (min-width: 768px) {
.features-list {
padding: 50px 0 30px; }
.features-list .fl-block {
display: inline-block;
width: 49%;
vertical-align: top; } }
.blog-page-single {
font-family: 'PT Serif'; }
.blog-page-single .cont {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long