forked from LiveCarta/LiveCartaWP
600 lines
17 KiB
CSS
600 lines
17 KiB
CSS
.front-accordion .fa-head {
|
|
border: 1px solid #779bca;
|
|
color: #475669;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
|
|
position: relative;
|
|
z-index: 2; }
|
|
.front-accordion .fa-head .collapse-link {
|
|
color: #475669; }
|
|
.front-accordion .fa-head .collapse-link span {
|
|
color: #0c4e91; }
|
|
.front-accordion .fa-head.with-options .options-link {
|
|
color: #475669; }
|
|
.front-accordion .fa-head.with-options .options-link:hover {
|
|
color: #333; }
|
|
|
|
.front-accordion .form-group label {
|
|
color: #0c4e91; }
|
|
|
|
.front-accordion .form-group.checkbox-label label {
|
|
color: #333; }
|
|
|
|
/* Buttons. */
|
|
.button {
|
|
background: #ff6b00; }
|
|
.button.xxl {
|
|
border-radius: 25px;
|
|
padding: 0 28px;
|
|
border: none;
|
|
height: 40px;
|
|
line-height: 40px; }
|
|
.button.mp-top-left {
|
|
background: #ff6b00;
|
|
border-color: #ff6b00;
|
|
color: #fff; }
|
|
.button.mp-top-left:hover {
|
|
opacity: 1;
|
|
background: #ff8933;
|
|
border-color: #ff8933; }
|
|
.button.mp-top-right, .button.mp-top-blue {
|
|
background: #134d94;
|
|
border-color: #134d94;
|
|
color: #fff; }
|
|
.button.mp-top-right:hover, .button.mp-top-blue:hover {
|
|
background: #1965c1;
|
|
background: #1965c1;
|
|
opacity: 1; }
|
|
.button.mp-top-right.xl, .button.mp-top-blue.xl {
|
|
border: none;
|
|
line-height: 30px; }
|
|
@media (min-width: 769px) {
|
|
.button.mp-top-right.xl, .button.mp-top-blue.xl {
|
|
line-height: 36px; } }
|
|
.button.mp-btn {
|
|
background: #ff6b00;
|
|
border-color: #ff6b00; }
|
|
.button.mp-btn:hover {
|
|
opacity: 1;
|
|
background: #cc5600;
|
|
border-color: #cc5600; }
|
|
.button.bordered {
|
|
background: #fff;
|
|
border: 2px solid #134d96;
|
|
color: #134d96;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
line-height: 36px; }
|
|
.button.bordered.xxl {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none; }
|
|
.button.bordered:hover {
|
|
background: rgba(0, 0, 0, 0.05); }
|
|
|
|
.modal {
|
|
padding: 0 !important;
|
|
font-family: 'Open Sans',sans-serif; }
|
|
|
|
@media (min-width: 769px) {
|
|
.modal {
|
|
padding: 40px 20px 30px !important; } }
|
|
|
|
.modal .cont {
|
|
padding: 0 20px;
|
|
max-width: 960px; }
|
|
|
|
@media (min-width: 769px) {
|
|
.modal .cont {
|
|
padding: 0 75px; } }
|
|
|
|
.modal .modal-content {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
border-radius: 0; }
|
|
|
|
.modal .modal-dialog {
|
|
width: auto;
|
|
max-width: 768px;
|
|
min-height: 100%;
|
|
margin: 0 auto;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 0 10px #666;
|
|
box-shadow: 0 0 10px #666;
|
|
padding-bottom: 25px; }
|
|
|
|
@media (min-width: 769px) {
|
|
.modal .modal-dialog {
|
|
min-height: 0;
|
|
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); } }
|
|
|
|
.modal .modal-dialog .modal-head {
|
|
font-size: 20px;
|
|
color: #9e9671;
|
|
margin-bottom: 13px;
|
|
padding: 0;
|
|
border: 0; }
|
|
|
|
@media (min-width: 540px) {
|
|
.modal .modal-dialog .modal-head {
|
|
font-size: 24px; } }
|
|
|
|
.modal .modal-dialog .modal-head .cont {
|
|
padding-top: 35px;
|
|
color: #9e9671; }
|
|
|
|
.modal .modal-dialog .modal-head .header-number {
|
|
font-weight: 600;
|
|
margin-right: 5px; }
|
|
|
|
.modal .modal-dialog .modal-head.alert {
|
|
padding: 0;
|
|
color: #b94c11; }
|
|
|
|
.modal .modal-dialog .modal-head.alert .cont {
|
|
color: #b94c11; }
|
|
|
|
.modal .modal-dialog .editions-list {
|
|
list-style: none;
|
|
font-size: 12px;
|
|
padding: 0 0 0 18px;
|
|
font-weight: 700;
|
|
color: #333;
|
|
margin-top: 5px; }
|
|
|
|
.modal.wide .modal-dialog {
|
|
max-width: 840px; }
|
|
|
|
.modal.confirm .modal-dialog {
|
|
max-width: 480px;
|
|
padding: 15px;
|
|
min-height: 0; }
|
|
|
|
@media (min-width: 768px) {
|
|
.modal.confirm .cont {
|
|
padding: 0 20px; } }
|
|
|
|
.modal .close-modal {
|
|
display: block;
|
|
position: absolute;
|
|
right: 14px;
|
|
top: 9px;
|
|
width: 30px;
|
|
height: 30px;
|
|
border: none;
|
|
font-weight: 700;
|
|
color: #9b9b9b;
|
|
cursor: pointer; }
|
|
|
|
.modal .close-modal span {
|
|
color: #9b9b9b;
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%) rotate(45deg);
|
|
transform: translate(-50%, -50%) rotate(45deg);
|
|
font-weight: 100;
|
|
font-size: 18px; }
|
|
|
|
.modal .close-modal:hover {
|
|
text-decoration: none;
|
|
opacity: .7; }
|
|
|
|
.modal .modal-body {
|
|
display: block;
|
|
padding: 15px 0 0; }
|
|
|
|
.modal .modal-body:after, .modal .modal-body:before {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.modal .modal-body:after {
|
|
clear: both; }
|
|
|
|
.modal .modal-body p {
|
|
font-size: 14px;
|
|
margin-bottom: 20px;
|
|
font-weight: 400;
|
|
color: #475669; }
|
|
|
|
.modal .modal-footer {
|
|
margin: 0 0;
|
|
text-align: right;
|
|
padding: 25px 0 15px;
|
|
border: none; }
|
|
|
|
.modal .button {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none; }
|
|
|
|
.modal .modal-dialog .modal-head .cont {
|
|
color: #3090f0; }
|
|
|
|
@media (max-width: 768px) {
|
|
.modal.redirect {
|
|
padding: 4px !important; } }
|
|
|
|
.modal.redirect .modal-body p {
|
|
color: #475669;
|
|
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); }
|
|
.modal.redirect .modal-body p.big {
|
|
font-size: 16px; }
|
|
@media (min-width: 540px) {
|
|
.modal.redirect .modal-body p.mr {
|
|
margin-right: 50%; } }
|
|
|
|
.modal.redirect .modal-dialog {
|
|
padding: 0 0 15px;
|
|
background-image: url("../img/modal-redirect.png");
|
|
background-repeat: no-repeat;
|
|
background-position: right bottom;
|
|
background-size: 50% auto;
|
|
min-height: 0; }
|
|
|
|
.modal.redirect .modal-footer {
|
|
text-align: left; }
|
|
|
|
.modal.redirect .cont {
|
|
padding: 0 15px; }
|
|
@media (min-width: 768px) {
|
|
.modal.redirect .cont {
|
|
padding: 0 30px; } }
|
|
|
|
.modal.redirect.cookies, .modal.redirect.cookies-settings {
|
|
z-index: 2147483639; }
|
|
.modal.redirect.cookies .modal-footer, .modal.redirect.cookies-settings .modal-footer {
|
|
text-align: right; }
|
|
.modal.redirect.cookies .button.bordered, .modal.redirect.cookies-settings .button.bordered {
|
|
line-height: 25px; }
|
|
|
|
.modal.redirect.cookies-settings .modal-dialog {
|
|
max-width: 640px; }
|
|
|
|
header {
|
|
background: #fff; }
|
|
header .main-logo {
|
|
height: 24px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 10px; }
|
|
@media (min-width: 769px) {
|
|
header .main-logo {
|
|
left: 30px;
|
|
height: 28px; } }
|
|
@media (min-width: 769px) {
|
|
header .main-logo.law-logo {
|
|
height: 26px; } }
|
|
header .header-menu ul li a {
|
|
color: #0c4e91;
|
|
font-weight: bold; }
|
|
header .header-menu ul li a:hover {
|
|
color: #0c4e91;
|
|
border-bottom-color: #0c4e91; }
|
|
header .header-menu ul li a.selected {
|
|
color: #0c4e91;
|
|
border-bottom-color: #0c4e91; }
|
|
header .header-menu ul li.active a {
|
|
color: #ff6b00; }
|
|
header .header-menu ul li.active a:hover {
|
|
border-bottom-color: #ff6b00; }
|
|
header .sign-block a {
|
|
color: #ff6b00;
|
|
font-weight: bold; }
|
|
header .sign-block a:hover {
|
|
color: #ff6b00; }
|
|
header .sign-block > a, header .sign-block .signed-user {
|
|
color: #ff6b00; }
|
|
header .sign-block > a:hover, header .sign-block .signed-user:hover {
|
|
color: #ff6b00;
|
|
border-bottom-color: #ff6b00; }
|
|
header .sign-block > a .icon-caret, header .sign-block > a .icon-account-settings, header .sign-block .signed-user .icon-caret, header .sign-block .signed-user .icon-account-settings {
|
|
color: #0c4e91; }
|
|
header .sign-block .button.bordered {
|
|
color: #ff6b00;
|
|
border-color: #ff6b00;
|
|
border-radius: 20px;
|
|
height: 40px;
|
|
line-height: 36px; }
|
|
header .sign-block .button.bordered:hover {
|
|
border: 2px solid #ff6b00;
|
|
background: #ff6b00;
|
|
color: #fff; }
|
|
header .sign-block .button.mp-top-left {
|
|
color: #fff;
|
|
border: none;
|
|
background: #ff6b00;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border-radius: 20px;
|
|
height: 40px;
|
|
line-height: 40px; }
|
|
header .sign-block .button.mp-top-left:hover {
|
|
color: #fff;
|
|
opacity: 0.7; }
|
|
header .sign-block .signed-user-block .dropdown-menu .profile-with-warning .email-confirm-link {
|
|
background: #134d94; }
|
|
header .sign-block .signed-user-block .dropdown-menu .profile-with-warning .email-confirm-link:hover {
|
|
background: #1965c1; }
|
|
header .mobile-menu .btn-toggle-menu {
|
|
color: #333;
|
|
text-shadow: none; }
|
|
header .mobile-menu .btn-toggle-menu:hover {
|
|
color: #999; }
|
|
header .mobile-nav .mm-bg {
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
|
|
header .mobile-nav .header-menu li a {
|
|
color: #0c4e91; }
|
|
header .mobile-nav .header-menu li a:hover {
|
|
color: #0c4e91;
|
|
background: rgba(0, 0, 0, 0.1); }
|
|
header .mobile-nav .sign-block .signed-user-block .dropdown-menu a {
|
|
color: #333; }
|
|
header .mobile-nav .sign-block .signed-user-block .dropdown-menu a:hover {
|
|
color: #333;
|
|
background: rgba(0, 0, 0, 0.1); }
|
|
header .mobile-nav .sign-block .button.bordered {
|
|
border: none;
|
|
border-radius: 0;
|
|
line-height: normal;
|
|
height: auto;
|
|
opacity: 1; }
|
|
header .mobile-nav .sign-block .button.mp-top-left {
|
|
background: #fff;
|
|
color: #ff6b00;
|
|
border-radius: 0;
|
|
line-height: normal;
|
|
height: auto;
|
|
border: none; }
|
|
header .mobile-nav .sign-block .button.mp-top-left:hover {
|
|
background: #ff6b00;
|
|
color: #fff;
|
|
opacity: 1; }
|
|
|
|
footer.v2 {
|
|
color: #fff;
|
|
background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
|
|
background: linear-gradient(to right, #539aea, #0e3f7b); }
|
|
|
|
/* Main Page */
|
|
.main-page .mp-top {
|
|
background-image: url(../img/main-page/top-bg-live.jpg); }
|
|
.main-page .mp-top .top-text {
|
|
background: -webkit-gradient(linear, left top, right top, from(rgba(19, 77, 149, 0.4)), to(rgba(1, 26, 51, 0.4)));
|
|
background: linear-gradient(to right, rgba(19, 77, 149, 0.4), rgba(1, 26, 51, 0.4)); }
|
|
|
|
.main-page .mp-capabs h4 {
|
|
color: #3090f0; }
|
|
|
|
.main-page .mp-capabs .cap-col .cc-img {
|
|
border: none;
|
|
background: #fff;
|
|
-webkit-box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.4);
|
|
box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.4); }
|
|
|
|
.main-page .mp-capabs .cap-col .cc-title {
|
|
color: #003366; }
|
|
|
|
.main-page .mp-capabs .cap-col .cc-text {
|
|
color: #475669; }
|
|
|
|
.main-page .mp-capabs .buttons {
|
|
margin-top: 60px;
|
|
text-align: center; }
|
|
|
|
.main-page .mp-footer {
|
|
background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
|
|
background: linear-gradient(to right, #539aea, #0e3f7b); }
|
|
.main-page .mp-footer .buttons {
|
|
margin: 25px 0 22px; }
|
|
.main-page .mp-footer .buttons .button {
|
|
min-width: 175px; }
|
|
.main-page .mp-footer .copyright {
|
|
color: #fff;
|
|
font-size: 9px;
|
|
font-weight: 300;
|
|
margin-top: 5px; }
|
|
.main-page .mp-footer .bot-logo {
|
|
background: url(../img/live-bot-logo.png) center center no-repeat; }
|
|
|
|
.main-page .breadcrumbs .breadcrumb li {
|
|
color: #536174; }
|
|
|
|
.main-page .breadcrumbs .breadcrumb a {
|
|
color: #536174; }
|
|
|
|
.main-page .about-top h1 {
|
|
color: #003366; }
|
|
|
|
.main-page .about-top p {
|
|
color: #48566b; }
|
|
.main-page .about-top p.big {
|
|
color: #003366; }
|
|
|
|
.main-page .about-bot {
|
|
background: #edf4fd; }
|
|
.main-page .about-bot .ab-line {
|
|
color: #48566b; }
|
|
.main-page .about-bot .ab-line [class^="icon-"], .main-page .about-bot .ab-line [class*=" icon-"] {
|
|
color: #98c2f2; }
|
|
|
|
.main-page .mp-small-block.with-bg {
|
|
background: #edf4fc; }
|
|
|
|
.main-page .mp-small-block .sb-head {
|
|
color: #539aea; }
|
|
|
|
.main-page .mp-small-block .feature-links .feature-link {
|
|
color: #003366;
|
|
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); }
|
|
.main-page .mp-small-block .feature-links .feature-link:hover {
|
|
color: #fff;
|
|
background: #125095; }
|
|
|
|
@media (min-width: 769px) {
|
|
.main-page .mp-small-block .buttons .button {
|
|
line-height: 48px; } }
|
|
|
|
.main-page .feature-block .cont {
|
|
color: #475669; }
|
|
|
|
.main-page .feature-block.with-bg {
|
|
background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
|
|
background: linear-gradient(to right, #539aea, #0e3f7b);
|
|
background-size: cover; }
|
|
.main-page .feature-block.with-bg .cont {
|
|
color: #ffffff; }
|
|
|
|
.main-page .feature-block.with-bg.facebook {
|
|
background: -webkit-gradient(linear, left top, right top, from(#0e3f7b), to(#539aea));
|
|
background: linear-gradient(to right, #0e3f7b, #539aea); }
|
|
|
|
.main-page .feature-block .fb-img img {
|
|
-webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.4);
|
|
box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.4); }
|
|
|
|
.main-page .feature-block .fb-text p.with-icon [class^="icon-"], .main-page .feature-block .fb-text p.with-icon [class*=" icon-"] {
|
|
color: #94c0ef; }
|
|
|
|
.main-page .feature-block .fb-text p .icon-feature {
|
|
background: url(../img/home-page/live/icon-feature.svg) center center no-repeat; }
|
|
|
|
.main-page .feature-block.promo .cont {
|
|
color: #475669; }
|
|
|
|
.main-page .feature-block.promo .fb-title {
|
|
color: #003366; }
|
|
|
|
.main-page .feature-block.promo .fb-text p.with-icon [class^="icon-"], .main-page .feature-block.promo .fb-text p.with-icon [class*=" icon-"] {
|
|
color: #98c2f2; }
|
|
|
|
.main-page .feature-block.promo.with-bg .cont, .main-page .feature-block.promo.with-bg .fb-title {
|
|
color: #ffffff; }
|
|
|
|
.main-page .feature-block.promo.with-bg .fb-text p.with-icon [class^="icon-"], .main-page .feature-block.promo.with-bg .fb-text p.with-icon [class*=" icon-"] {
|
|
color: #aac1dd; }
|
|
|
|
.main-page .feature-block.feat-descr .fb-img {
|
|
-webkit-box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
|
|
box-shadow: 5px 5px 18px rgba(4, 40, 79, 0.4);
|
|
background: #fff;
|
|
border-color: #fff; }
|
|
|
|
.main-page .feature-block.feat-descr .fb-text .custom-marks li .icon-promo-check {
|
|
color: #98c2f2; }
|
|
|
|
.main-page .feature-block.feat-descr.with-bg .fb-text .custom-marks li .icon-promo-check {
|
|
color: #98c2f2; }
|
|
|
|
.main-page .feature-block.home-page .fb-title {
|
|
color: #10417E; }
|
|
.main-page .feature-block.home-page .fb-title:before {
|
|
background-color: #FF7919; }
|
|
|
|
.main-page .feature-block.home-page .fb-text {
|
|
color: #144684; }
|
|
|
|
.main-page .promo-top .opacity-bg {
|
|
background: rgba(255, 255, 255, 0.7); }
|
|
|
|
.main-page .promo-top .line1 {
|
|
color: #003366; }
|
|
|
|
.main-page .promo-top .line2 {
|
|
color: #003366; }
|
|
.main-page .promo-top .line2 .animated-text {
|
|
color: #458be2; }
|
|
.main-page .promo-top .line2 .animated-text .at-cursor {
|
|
background: #458be2; }
|
|
|
|
@media (min-width: 769px) {
|
|
.main-page .promo-top .button.xxl {
|
|
line-height: 48px; } }
|
|
|
|
.main-page .promo-header h3 {
|
|
color: #10417E; }
|
|
.main-page .promo-header h3:before {
|
|
background: #ff6b00; }
|
|
|
|
.main-page .faq-search {
|
|
background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b));
|
|
background: linear-gradient(to right, #539aea, #0e3f7b);
|
|
border-bottom: none; }
|
|
.main-page .faq-search .start-search {
|
|
color: #134d96; }
|
|
|
|
.main-page .faq-list .faq-question {
|
|
color: #337ab7; }
|
|
.main-page .faq-list .faq-question a {
|
|
color: #475669; }
|
|
.main-page .faq-list .faq-question a:hover {
|
|
color: #3090f0;
|
|
text-shadow: none; }
|
|
|
|
.main-page .faq-answer .answer-cont {
|
|
border: 1px solid #d7d7d7; }
|
|
|
|
.main-page .faq-answer h4, .main-page .faq-answer h1 {
|
|
color: #3090f0; }
|
|
|
|
.main-page .faq-answer .answer-text {
|
|
color: #48566b; }
|
|
.main-page .faq-answer .answer-text ul li:before {
|
|
background: #48566b; }
|
|
|
|
.main-page .mp-app-links .cont {
|
|
color: #10417E; }
|
|
|
|
.main-page .mp-serve {
|
|
background: #e6ebf2; }
|
|
.main-page .mp-serve .serve-col {
|
|
color: #475669;
|
|
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); }
|
|
.main-page .mp-serve .serve-col + .serve-col {
|
|
border-top: 2px solid #fff; }
|
|
.main-page .mp-serve .serve-col .buttons .button {
|
|
border-radius: 26px;
|
|
border-color: #134d96; }
|
|
.main-page .mp-serve .serve-col .buttons .button:hover {
|
|
color: #fff;
|
|
border-color: #fff;
|
|
background: #125095; }
|
|
.main-page .mp-serve .serve-col .sc-title {
|
|
color: #10417e; }
|
|
.main-page .mp-serve .serve-col .normal {
|
|
color: #144684; }
|
|
|
|
.main-page .subscribe-block {
|
|
background: -webkit-gradient(linear, left top, right top, from(#10417E), color-stop(77.89%, #5298E8));
|
|
background: linear-gradient(90deg, #10417E 0%, #5298E8 77.89%); }
|
|
|
|
.pc-slider .serve-col {
|
|
border: 2px solid #69a7ec; }
|
|
.pc-slider .serve-col .sc-author-text {
|
|
color: #454545; }
|
|
.pc-slider .serve-col .sc-author-text .quote-icon {
|
|
background-image: url("../img/promo-calendar/quote.svg"); }
|
|
.pc-slider .serve-col .sc-author {
|
|
color: #4F4F4F; }
|
|
|
|
.pc-slider .slider-header {
|
|
color: #134D94; }
|
|
@media (min-width: 769px) {
|
|
.pc-slider .slider-header {
|
|
color: #246CB5; } }
|
|
|
|
.pc-slider .splide__arrow--next, .pc-slider .splide__arrow--prev {
|
|
background-image: url("../img/promo-calendar/arrow.svg"); }
|
|
|
|
.features-list .fl-block .fl-title {
|
|
color: #246CB5; }
|