forked from LiveCarta/LiveCartaWP
374 lines
11 KiB
CSS
374 lines
11 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); }
|
|
|
|
header {
|
|
background: #fff; }
|
|
header .main-logo {
|
|
height: 33px;
|
|
top: 5px;
|
|
left: -5px; }
|
|
@media (min-width: 769px) {
|
|
header .main-logo {
|
|
top: 20px;
|
|
left: 40px; } }
|
|
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 .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.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 .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; }
|
|
|
|
@media (min-width: 769px) {
|
|
.main-page .promo-top .button.xxl {
|
|
line-height: 48px; } }
|
|
|
|
.main-page .promo-header h3 {
|
|
color: #539aea; }
|
|
|
|
.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 {
|
|
color: #3090f0; }
|
|
|
|
.main-page .faq-answer .answer-text {
|
|
color: #48566b; }
|
|
.main-page .faq-answer .answer-text ul li:before {
|
|
background: #48566b; }
|
|
|
|
.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: #003366; }
|
|
.main-page .mp-serve .serve-col .normal {
|
|
color: #003366; }
|
|
.main-page .mp-serve .serve-col:hover {
|
|
background: #125095;
|
|
color: #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:hover .sc-title {
|
|
color: #fff; }
|
|
.main-page .mp-serve .serve-col:hover .normal {
|
|
color: #fff; }
|