diff --git a/htdocs/wp-content/themes/lawcarta/assets/css/main-page.css b/htdocs/wp-content/themes/lawcarta/assets/css/main-page.css new file mode 100644 index 0000000..d497a69 --- /dev/null +++ b/htdocs/wp-content/themes/lawcarta/assets/css/main-page.css @@ -0,0 +1,2251 @@ +/* Common and utility classes. */ +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +*, +*:before, +*:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; } + +.hide { + display: none; } + +.pull-left { + float: left; } + +.pull-right { + float: right; } + +.text-left { + text-align: left; } + +.text-center { + text-align: center; } + +.text-right { + text-align: right; } + +.thin { + font-weight: 300; } + +img.img-responsive { + max-width: 100%; + height: auto; } + +.page-break { + page-break-after: always; } + +.text-danger { + color: red; } + +.mg-all { + margin: 10px; } + +.mg-top { + margin-top: 10px; } + +.mg-right { + margin-right: 10px; } + +.mg-bottom { + margin-bottom: 10px; } + +.mg-left { + margin-left: 10px; } + +.mg-none { + margin: 0; } + +.mg-top-0 { + margin-top: 0; } + +.mg-right-0 { + margin-right: 0; } + +.mg-bottom-0 { + margin-bottom: 0; } + +.mg-left-0 { + margin-left: 0; } + +/* Base. */ +body { + color: #000; + font: normal 13px arial, helvetica, sans-serif; + font-family: 'Open Sans', sans-serif; + min-width: 300px; + font-size: 12px; + padding-right: 0 !important; } + @media (min-width: 480px) { + body { + font-size: 14px; } } + +html, +body { + width: 100%; + height: 100%; } + +.wrapper { + display: block; + position: relative; + min-height: 100%; + background-color: #f5f5f5; + overflow: hidden; + font-family: 'Open Sans', sans-serif; } + .wrapper.white { + background-color: #fff; } + .wrapper.new-footer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100%; } + .wrapper.new-footer .content { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } + .wrapper.new-footer .footer { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + +.content { + padding: 40px 0 0; + margin-bottom: 320px; } + .content.no-pb { + padding-bottom: 0; + margin-bottom: 0; } + .content.no-pb .cont.back-white { + margin-bottom: 32px; } + @media (min-width: 769px) { + .content { + padding-top: 72px; } } + .content.white { + background: #fff; } + +.cont, +.cont-help { + max-width: 1230px; + padding: 0 15px; + color: #000; + margin: 0 auto; + position: relative; } + @media (min-width: 769px) { + .cont, + .cont-help { + padding: 0 40px; } + .cont.back-white, .cont.mobile-pad, .cont.back-white.mobile-pad, + .cont-help.back-white, + .cont-help.mobile-pad, + .cont-help.back-white.mobile-pad { + padding: 35px 80px; } } + .cont.mobile-pad, .cont.back-white.mobile-pad, + .cont-help.mobile-pad, + .cont-help.back-white.mobile-pad { + padding: 10px; } + .cont.back-white, + .cont-help.back-white { + padding: 10px 15px; + background: #fff; + max-width: 770px; + margin: 0 auto; + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); } + .cont.mp20, + .cont-help.mp20 { + max-width: none; + margin: 16px 23px; + padding: 20px; } + .cont.wide, + .cont-help.wide { + max-width: none; + margin: 0; + padding: 0; } + @media (min-width: 769px) { + .cont, + .cont-help { + padding: 0 40px; } + .cont.back-white, .cont.mobile-pad, .cont.back-white.mobile-pad, + .cont-help.back-white, + .cont-help.mobile-pad, + .cont-help.back-white.mobile-pad { + padding: 35px 80px; } } + .content > .cont, .content > + .cont-help { + padding: 0; } + @media (min-width: 769px) { + .content > .cont, .content > + .cont-help { + padding: 0 40px; } + .content > .cont.back-white, .content > .cont.mobile-pad, .content > .cont.back-white.mobile-pad, .content > + .cont-help.back-white, .content > + .cont-help.mobile-pad, .content > + .cont-help.back-white.mobile-pad { + padding: 35px 80px; } } + +.text-under { + position: relative; + width: 100%; + padding: 5px 0; + font-size: 10px; + text-align: center; + color: #999; + margin-bottom: -116px; } + @media (min-width: 769px) { + .text-under { + padding: 20px 0 0; + font-size: 12px; } } + +.cont-help { + position: static; } + +a img { + border: none; } + +a:focus { + text-decoration: none; } + +.svg-icon { + display: inline-block; + width: 1em; + height: 1em; + vertical-align: middle; + fill: currentColor; + position: relative; + top: -1px; } + +input[type=text], +input[type=password], +input[type=email], +input[type=tel], +select, +textarea, +textarea.form-control { + display: inline-block; + zoom: 1; + vertical-align: middle; + border: 1px solid #cccccc; + height: 28px; + min-width: 156px; + -webkit-box-shadow: inset 0 0 5px #f1f1f1; + box-shadow: inset 0 0 5px #f1f1f1; + border-radius: 0; + font-size: 14px; } + input[type=text]:disabled, + input[type=password]:disabled, + input[type=email]:disabled, + input[type=tel]:disabled, + select:disabled, + textarea:disabled, + textarea.form-control:disabled { + opacity: 0.7; + cursor: default; } + input[type=text]:disabled:hover, + input[type=password]:disabled:hover, + input[type=email]:disabled:hover, + input[type=tel]:disabled:hover, + select:disabled:hover, + textarea:disabled:hover, + textarea.form-control:disabled:hover { + cursor: default; } + +input[type=text], +input[type=password], +input[type=email], +input[type=tel], +textarea { + padding: 0 10px; } + +input.form-control.small, +.modal input.form-control.small { + width: 150px; } + +.input-group.half, +.half .input-group { + width: 300px; + max-width: 100%; } + +textarea, +textarea.form-control { + overflow: auto; + resize: none; + height: 79px; + padding: 0 10px; } + +select { + cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; + padding-left: 6px; + min-width: 0; } + +.dropdown-menu { + font-size: 13px; } + @media (min-width: 480px) { + .dropdown-menu { + font-size: 14px; } } + +.show-sm { + display: block; } + @media (min-width: 769px) { + .show-sm { + display: none; } } + +@media (max-width: 768px) { + .hide-sm { + display: none !important; } } + +.collapse-link { + color: #666633; + line-height: 1; + position: relative; + top: 0; + padding: 8px 0 8px 12px; + width: 28px; + display: inline-block; + zoom: 1; + vertical-align: middle; } + .collapse-link:focus, .collapse-link:hover { + text-decoration: none; + color: #666633; } + .collapse-link span { + display: block; + position: relative; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-transition: 0.3s -webkit-transform ease-in; + transition: 0.3s -webkit-transform ease-in; + transition: 0.3s transform ease-in; + transition: 0.3s transform ease-in, 0.3s -webkit-transform ease-in; } + +.collapse-field { + display: block; + cursor: pointer; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + +.front-accordion { + display: block; + margin: 10px 15px 0; } + @media (min-width: 769px) { + .front-accordion { + margin: 10px 23px 0; } } + .front-accordion .top-tipsy { + display: block; + margin: 0 0 15px; + font-size: 14px; + color: #999; } + .front-accordion .fa-head { + display: block; + height: 34px; + line-height: 34px; + font-size: 14px; + font-weight: 600; + color: #46362d; + -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); + border-radius: 4px; + border: 1px solid #767572; + background: #b6b3a0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + @media (min-width: 769px) { + .front-accordion .fa-head { + font-size: 17px; + height: 38px; + line-height: 38px; } } + .front-accordion .fa-head .gray { + text-transform: uppercase; + color: #777; + display: inline; + font-size: 14px; } + .front-accordion .fa-head.with-options { + padding-right: 50px; + position: relative; } + .front-accordion .fa-head.with-options .options-link { + position: absolute; + right: 10px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + margin-top: 1px; + font-size: 22px; + color: #663; } + .front-accordion .fa-head.with-options .options-link:hover { + text-decoration: none; + color: #444; } + .front-accordion .collapse-link { + position: relative; + top: 0; + width: auto; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #663; + display: block; } + .front-accordion .collapse-link span { + display: block; + position: relative; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-transition: 0.3s -webkit-transform ease-in; + transition: 0.3s -webkit-transform ease-in; + transition: 0.3s transform ease-in; + transition: 0.3s transform ease-in, 0.3s -webkit-transform ease-in; } + .front-accordion .collapse-link .icon-caret { + top: 1px; + display: inline-block; } + .front-accordion .collapse-link.collapsed span { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + .front-accordion .fa-body { + background: #fff; + overflow: hidden; } + .front-accordion .fa-cont { + border: 1px solid #cccccc; + border-top: none; + padding: 20px 21px 7px; + background: #f5f5f5; } + .front-accordion .table tr td { + max-width: 250px; } + .front-accordion .inner-padding { + padding-left: 20px; } + .front-accordion .form-group { + position: relative; + margin-bottom: 6px; + width: 938px; + max-width: 100%; + padding-bottom: 1px; + min-height: 29px; } + @media (min-width: 769px) { + .front-accordion .form-group { + padding-left: 173px; } } + .front-accordion .form-group input[type=text], + .front-accordion .form-group textarea { + width: 765px; + max-width: 100%; } + .front-accordion .form-group .button, + .front-accordion .form-group input[type=text], + .front-accordion .form-group select, + .front-accordion .form-group textarea { + margin-bottom: 11px; } + .front-accordion .form-group p { + font-size: 13px; + color: #333333; } + .front-accordion .form-group p:nth-child(2) { + padding-top: 5px; } + .front-accordion .form-group p .red { + color: #ab3d01; } + @media (min-width: 769px) { + .front-accordion .form-group p { + font-size: 15px; } } + .front-accordion .form-group label { + display: block; + line-height: normal; + font-size: 13px; + font-weight: 600; + color: #776c4e; + max-width: 165px; } + @media (min-width: 769px) { + .front-accordion .form-group label { + position: absolute; + left: 0; + top: 0; + font-size: 15px; + padding-top: 3px; } } + @media (min-width: 769px) { + .front-accordion .form-group input.isbn { + max-width: 375px; } } + .front-accordion .form-group .button .icon-add { + font-size: 8px; + position: relative; + top: -1px; } + .front-accordion .form-group .editable-field { + display: block; + position: relative; + padding-right: 20px; } + .front-accordion .form-group .editable-field a.edit, + .front-accordion .form-group .editable-field a.edit-save { + color: #333; } + .front-accordion .form-group .editable-field a.edit:hover, + .front-accordion .form-group .editable-field a.edit-save:hover { + text-decoration: none; + opacity: 0.7; } + .front-accordion .form-group .editable-field a.edit-save { + display: none; } + .front-accordion .form-group .editable-field input { + margin: 0; + height: 31px; + position: relative; + top: -3px; + display: none; } + .front-accordion .form-group .editable-field.edit-start input { + display: block; } + .front-accordion .form-group .editable-field.edit-start p { + display: none; } + .front-accordion .form-group .editable-field.edit-start a.edit-save { + display: block; + position: absolute; + right: 0; + top: 50%; + margin-top: -3px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + .front-accordion .form-group.checkbox-label { + padding-left: 0; + width: auto; } + .front-accordion .form-group.checkbox-label label { + position: relative; + max-width: none; } + .front-accordion .form-group.checkbox-label.disabled label { + color: #aaa; } + .front-accordion .form-group.checkbox-label.pl { + padding-left: 30px; } + .front-accordion .buttons-control { + text-align: center; + padding: 5px 0 10px; } + .front-accordion .toc-btns { + display: block; + margin: -3px 0; } + .front-accordion .toc-btns .button, .front-accordion .toc-btns .btn { + display: inline-block; + vertical-align: middle; } + +/* Icons. */ +@font-face { + font-family: lawcarta; + src: url("../fonts/lawcarta.eot?20160218-2"); + src: url("../fonts/lawcarta.eot?20160218-2#iefix") format("embedded-opentype"), url("../fonts/lawcarta.ttf?20160218-2") format("truetype"), url("../fonts/lawcarta.woff?20160218-2") format("woff"), url("../fonts/lawcarta.svg?20160218-2#lawcarta") format("svg"); + font-weight: normal; + font-style: normal; } + +[class^="icon-"], +[class*=" icon-"] { + font-family: lawcarta; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.icon-menu:before { + content: "\e20e"; } + +.icon-close:before { + content: "\e609"; } + +.icon-search:before { + content: "\e924"; } + +.icon-shop:before { + content: "\e909"; } + +.icon-account-settings:before { + content: "\e600"; } + +.icon-caret:before { + content: "\ea1c"; } + +.icon-open-doc:before { + content: "\e610"; } + +.icon-highlight:before { + content: "\e923"; } + +.icon-add-text-block:before { + content: "\e903"; } + +.icon-add-to-binder:before { + content: "\e931"; } + +.icon-share:before { + content: "\e927"; } + +.icon-coautor:before { + content: "\e91f"; } + +.icon-multimedia:before { + content: "\e92d"; } + +.icon-auto-save:before { + content: "\e92b"; } + +.icon-word-tools:before { + content: "\e92c"; } + +.icon-actions:before { + content: "\e92a"; } + +.icon-twitter1:before { + content: "\e92f"; } + +.icon-instagram:before { + content: "\e934"; } + +.icon-facebook1:before { + content: "\e930"; } + +.icon-linkedin:before { + content: "\e932"; } + +.icon-pinterest:before { + content: "\e933"; } + +.icon-download-pdf:before { + content: "\e91a"; } + +.icon-new-edition:before { + content: "\e91d"; } + +.icon-preview:before { + content: "\e921"; } + +.icon-promo-check:before { + content: "\e929"; } + +/* Buttons. */ +.btn { + font-size: 13px; } + @media (min-width: 480px) { + .btn { + font-size: 14px; } } + +.button { + display: inline-block; + zoom: 1; + vertical-align: middle; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: none; + background: #7397a8; + height: 29px; + line-height: 29px; + padding: 0 18px; + font-size: 13px; + color: #fff; + text-transform: uppercase; + border-radius: 6px; + cursor: pointer; + position: relative; + font-weight: 600; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + text-align: center; } + .button.xxl { + height: 33px; + line-height: 30px; + border: 2px solid #62818b; + padding: 0 10px; + font-size: 14px; + font-weight: bold; + -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); + box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); } + @media (min-width: 769px) { + .button.xxl { + padding: 0 22px; + height: 47px; + line-height: 43px; + font-size: 18px; } } + .button, .button:hover { + outline: none; + text-decoration: none; + color: #fff; } + .button:hover { + opacity: 0.8; } + .button:active { + top: 1px; } + .button[disabled], .button.disabled { + color: #666; + background: #ccc; + cursor: not-allowed; } + .button[disabled]:hover, .button.disabled:hover { + opacity: 1; } + .button:focus { + outline: none; + color: #fff; } + .button.mp-btn, .button.mp-top-left { + background: #7bb2d1; + border-color: #7bb2d1; } + .button.mp-btn:hover, .button.mp-top-left:hover { + opacity: 1; + background: #559cc4; + border-color: #559cc4; } + .button.bordered, .button.mp-top-right, .button.mp-top-blue { + background: white; + border-color: #46362d; + color: #46362d; } + .button.bordered:hover, .button.mp-top-right:hover, .button.mp-top-blue:hover { + background: #fdfdfd; } + .button.mp-top-right.xl, .button.mp-top-blue.xl { + border: 2px solid #46362d; + line-height: 26px; } + @media (min-width: 769px) { + .button.mp-top-right.xl, .button.mp-top-blue.xl { + line-height: 36px; } } + .button.mp-top-right { + background: #46362d; + border-color: #46362d; + color: #fff; } + .button.mp-top-right:hover { + background: #755a4b; + border-color: #755a4b; } + +.main-page .button.xxl { + font-size: 14px; + font-weight: bold; + -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); + box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); } + +/* Header. */ +header { + height: 40px; + background: url(../img/header-bg.png) repeat-x; + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); + text-align: center; + position: fixed; + left: 0; + top: 0; + width: 100%; + z-index: 22; } + @media (min-width: 769px) { + header { + height: 72px; } } + header .main-logo { + display: block; + position: absolute; + height: 41px; + left: 20px; + top: 1px; + -webkit-transform: scale(0.8); + transform: scale(0.8); + left: 0; } + header .main-logo img { + max-height: 100%; } + @media (min-width: 769px) { + header .main-logo { + left: 40px; + top: 15px; + -webkit-transform: none; + transform: none; } } + header .cont { + height: 100%; + text-align: center; + padding: 0 40px 0 280px; + 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; } + header .cont .header-menu { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: right; } + header .cont .header-menu.static { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + header .cont .header-menu.center { + text-align: center; } + header .cont .sign-block { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + header .header-menu { + position: relative; + display: none; } + @media (min-width: 992px) { + header .header-menu { + display: inline-block; } } + header .header-menu .site-search { + display: inline-block; + zoom: 1; + vertical-align: middle; + margin-right: 10px; + height: 20px; + line-height: 20px; } + header .header-menu .site-search input { + display: none; } + header .header-menu .site-search .site-search-open { + display: block; + color: #9b9371; + font-size: 19px; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); } + header .header-menu .site-search .site-search-open:hover { + text-decoration: none; + opacity: 0.7; } + header .header-menu .site-search.closed input { + display: block; } + header .header-menu ul { + list-style: none; + margin: 0; + padding: 4px 0 0; + display: block; } + header .header-menu ul li { + display: inline-block; + zoom: 1; + vertical-align: top; + font-size: 15px; + text-transform: uppercase; + height: 15px; + margin: 0 3px; + position: relative; } + header .header-menu ul li.guest-data { + display: none; } + header .header-menu ul li .ss-title { + position: relative; + color: #b2aa87; + display: block; + line-height: 1; + padding: 2px 0 0; + font-weight: bold; } + header .header-menu ul li a { + position: relative; + display: block; + padding: 0 5px 6px; + line-height: 1; + font-weight: normal; + border-bottom: 3px solid transparent; + color: #b2aa87; } + header .header-menu ul li a.nav-shop { + padding-right: 30px; } + header .header-menu ul li a:hover { + text-decoration: none; + border-color: #7397a8; + background: none; } + header .header-menu ul li a.selected { + text-decoration: none; + border-color: #7a724e; + background: none; } + header .header-menu ul li.active a { + color: #fff; } + header .header-menu ul li.active a:hover { + border-bottom-color: #fff; } + header .header-menu ul li .icon-shop { + font-size: 20px; + position: absolute; + z-index: 1; + right: 0; + top: -2px; } + header .header-menu ul li .icon-search { + top: 2px; + margin-right: 3px; + margin: -2px 0; + display: inline-block; + vertical-align: middle; + position: relative; + top: -1px; } + header .header-menu ul li .hover-list { + display: none; + position: absolute; + left: 0; + top: 100%; } + header .header-menu ul li:hover .hover-list { + display: block; + text-align: left; + background: #fafafa; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); + padding: 6px 0; } + header .header-menu ul li:hover .hover-list li { + display: block; + float: none; + height: auto; } + header .header-menu ul li:hover .hover-list a { + border: none; + display: block; + padding: 0 20px; + height: 35px; + line-height: 35px; + font-size: 13px; + color: #333; + font-weight: 600; + position: relative; + text-transform: none; + white-space: nowrap; } + header .header-menu ul li:hover .hover-list a:hover { + text-decoration: none; + background: #fff; } + header .sign-block { + font-size: 13px; + color: #ffffff; + padding-left: 20px; + display: none; + right: 11px; } + @media (min-width: 992px) { + header .sign-block { + display: inline-block; + right: auto; } } + header .sign-block .signed-user-block { + position: relative; } + header .sign-block .signed-user-block .user-options-list, + header .sign-block .signed-user-block .dropdown-menu { + text-align: left; + position: absolute; + left: auto; + right: 0; + top: 100%; + white-space: nowrap; + background: #fafafa; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); + z-index: 10; + padding: 6px 0; } + header .sign-block .signed-user-block .user-options-list a, + header .sign-block .signed-user-block .dropdown-menu a { + display: block; + padding: 0 20px; + height: 35px; + line-height: 35px; + font-size: 13px; + color: #333333; + font-weight: 600; + position: relative; } + header .sign-block .signed-user-block .user-options-list a:hover, + header .sign-block .signed-user-block .dropdown-menu a:hover { + text-decoration: none; + background: #fff; } + header .sign-block .button.bordered { + background: rgba(255, 255, 255, 0.9); } + header .sign-block .button.bordered + .button.bordered { + margin-left: 5px; } + header .sign-block .signed-user { + padding-right: 45px; + display: block; + position: relative; + color: #fff; } + header .sign-block .signed-user .icon-caret { + font-size: 18px; + -webkit-transform: scaleY(0.6) rotate(90deg); + transform: scaleY(0.6) rotate(90deg); + position: absolute; + right: 0; + top: 50%; + color: #9b9371; + line-height: 1; + margin-top: -8px; } + header .sign-block .signed-user .icon-account-settings { + font-size: 18px; + position: absolute; + right: 19px; + top: 50%; + line-height: 1; + margin-top: -9px; + color: #9b9371; } + header .sign-block > a { + font-size: 15px; + color: #fff; } + header .sign-block > a:hover { + text-decoration: none; + border-bottom: 3px solid #fff; } + header .sign-block .button + .button { + margin-left: 5px; } + header .mobile-menu { + display: inline-block; + position: absolute; + top: 10px; + right: 20px; } + @media (min-width: 769px) { + header .mobile-menu { + top: 24px; } } + @media (min-width: 992px) { + header .mobile-menu { + display: none; } } + header .mobile-menu .btn-toggle-menu { + font-size: 24px; + color: #ddd; + text-shadow: 1px 1px 5px #000; + outline: none; + line-height: 1; + display: block; + width: 20px; + height: 20px; } + header .mobile-menu .btn-toggle-menu:hover { + text-decoration: none; + color: #fff; } + header .mobile-menu .btn-toggle-menu .icon-menu { + display: inline-block; + vertical-align: top; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + header .mobile-menu .btn-toggle-menu .icon-close { + display: none; + vertical-align: middle; + font-size: 16px; + margin-right: 4px; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + header .mobile-menu .btn-toggle-menu.on .icon-menu { + display: none; } + header .mobile-menu .btn-toggle-menu.on .icon-close { + display: inline-block; } + header .mobile-nav { + display: none; + position: fixed; + z-index: 10000; + top: 40px; + right: 0; + color: #fff; + background-color: #222; + -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.75); + box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.75); + padding: 10px 0 5px; + max-width: 100%; + min-width: 200px; } + @media (min-width: 769px) { + header .mobile-nav { + top: 71px; } } + @media (min-width: 992px) { + header .mobile-nav { + display: none !important; } } + header .mobile-nav .header-menu { + display: block; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + text-align: left; } + header .mobile-nav .header-menu ul { + padding: 0; } + header .mobile-nav .header-menu li { + display: block; + padding: 0; + margin: 0; + height: auto; } + header .mobile-nav .header-menu li a { + display: block; + color: #b2aa87; + padding: 10px 20px; + margin: 0; + border: none; + font-size: 12px; } + @media (min-width: 480px) { + header .mobile-nav .header-menu li a { + font-size: 14px; } } + header .mobile-nav .header-menu li a:hover { + color: #fff; + background-color: #191919; + text-decoration: none; } + header .mobile-nav .header-menu li a .icon-shop { + display: inline-block; + position: relative; + left: auto; + right: auto; + top: auto; + bottom: auto; + margin: -10px 0; + font-size: 12px; } + @media (min-width: 480px) { + header .mobile-nav .header-menu li a .icon-shop { + font-size: 14px; } } + header .mobile-nav .sign-block { + display: block; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + margin: 0; + padding: 0; + -webkit-box-shadow: none; + box-shadow: none; } + header .mobile-nav .sign-block .signed-user-block { + margin: 0; + padding: 0; } + header .mobile-nav .sign-block .signed-user-block .dropdown-menu { + display: block; + position: relative; + left: auto; + right: auto; + top: auto; + bottom: auto; + background: none; + border: none; + border-radius: 0; + float: none; + padding: 0; + margin: 0; + -webkit-box-shadow: none; + box-shadow: none; } + header .mobile-nav .sign-block .signed-user-block .dropdown-menu a { + display: block; + color: #fff; + padding: 10px 20px; + margin: 0; + border: none; + font-weight: normal; + line-height: normal; + font-size: 12px; } + @media (min-width: 480px) { + header .mobile-nav .sign-block .signed-user-block .dropdown-menu a { + font-size: 14px; } } + header .mobile-nav .sign-block .signed-user-block .dropdown-menu a:hover { + color: #fff; + background-color: #191919; + text-decoration: none; } + header .mobile-nav .sign-block a.signed-user { + display: none; } + header .mobile-nav .sign-block .button.bordered + .button.bordered { + margin: 0; } + header .mobile-nav .sign-block .button { + display: block; + color: #fff; + padding: 10px 20px; + margin: 0; + border: none; + font-size: 12px; + background: none; + border-radius: 0; + line-height: normal; + -webkit-box-shadow: none; + box-shadow: none; + height: auto; + text-align: left; + text-transform: none; + text-transform: uppercase; } + header .mobile-nav .sign-block .button + .button { + margin: 0; } + @media (min-width: 480px) { + header .mobile-nav .sign-block .button { + font-size: 14px; } } + header .mobile-nav .sign-block .button:hover { + color: #fff; + background-color: #191919; + text-decoration: none; } + header .mobile-nav .sign-block .button .icon-shop { + display: inline-block; + position: relative; + left: auto; + right: auto; + top: auto; + bottom: auto; + margin: -10px 0; + font-size: 12px; } + @media (min-width: 480px) { + header .mobile-nav .sign-block .button .icon-shop { + font-size: 14px; } } + header .mobile-nav > ul { + margin: 0; + padding: 0; + list-style-type: none; } + header .mobile-nav > ul li { + display: block; + text-align: left; } + header .mobile-nav > ul li.divider { + background-color: #111; + height: 2px; } + header .mobile-nav > ul li.base a { + color: #b2aa87; } + header .mobile-nav > ul li a { + display: block; + color: #eee; + padding: 10px 20px; } + header .mobile-nav > ul li a:hover { + color: #fff; + background-color: #191919; + text-decoration: none; } + +.dropdown-backdrop { + position: static; + z-index: 0; } + +/* Footer. */ +footer { + display: block; + position: absolute; + z-index: 10; + left: 0; + bottom: 0; + width: 100%; + background: #fff; + border-top: 1px solid #ccc; + -webkit-box-shadow: 0 -1px 0 #fff; + box-shadow: 0 -1px 0 #fff; + text-align: center; + font-size: 12px; + min-height: 84px; } + footer .cont { + padding: 0 20px; } + @media (min-width: 769px) { + footer .cont { + padding: 0 50px; } } + footer .footer-copyright { + padding-top: 10px; + color: #999; + text-align: left; } + footer .footer-right { + margin-right: 9px; + padding-top: 10px; } + @media (min-width: 769px) { + footer .footer-right { + padding-top: 20px; } } + footer .footer-menu { + text-align: left; } + footer .footer-menu ul { + margin: 0; + padding: 0; + list-style: none; } + footer .footer-menu ul li { + display: inline-block; + vertical-align: middle; + margin-right: 10px; } + footer .footer-menu ul li a { + color: #617ba5; } + footer .footer-social { + display: block; + margin-top: 7px; + padding-bottom: 20px; } + @media (min-width: 640px) { + footer .footer-social { + float: right; } } + footer .footer-social a { + display: inline-block; + line-height: 1; + font-size: 24px; + color: #4a7ba5; } + @media (min-width: 640px) { + footer .footer-social a { + float: left; + margin-left: 9px; } } + footer .footer-social a:hover { + text-decoration: none; + opacity: 0.8; } + footer .app-download { + text-align: left; + color: #fff; } + footer .app-download .title { + font-size: 12px; + text-transform: uppercase; + font-weight: 600; + margin-bottom: 10px; } + @media (min-width: 769px) { + footer .app-download .title { + margin-bottom: 15px; } } + footer .app-download img { + max-width: 140px; } + footer .app-download.old { + margin-top: 10px; + padding-bottom: 10px; } + footer .app-download.old .title { + display: none; } + footer.v2 { + position: relative; + padding: 30px 0; + color: #fff; + background: url(../img/main-page/feature-bg.jpg) center center no-repeat; + background-size: cover; } + @media (min-width: 769px) { + footer.v2 { + padding: 60px 0 40px; } } + footer.v2 .footer-menu { + color: #fff; } + footer.v2 .footer-menu:before, footer.v2 .footer-menu:after { + content: " "; + display: table; } + footer.v2 .footer-menu:after { + clear: both; } + @media (min-width: 769px) { + footer.v2 .footer-menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } } + footer.v2 .footer-menu .fm-col { + font-size: 12px; + font-weight: 100; + display: block; + width: 50%; + float: left; + margin-bottom: 20px; } + footer.v2 .footer-menu .fm-col.right { + clear: both; + width: auto; } + @media (min-width: 480px) { + footer.v2 .footer-menu .fm-col { + width: 33.333333%; } + footer.v2 .footer-menu .fm-col.right { + width: 66.6666666%; + clear: none; } } + @media (min-width: 769px) { + footer.v2 .footer-menu .fm-col { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: auto; } + footer.v2 .footer-menu .fm-col.right { + width: auto; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + clear: both; } } + footer.v2 .footer-menu .fm-col a { + display: block; + margin-top: 5px; } + footer.v2 .footer-menu .title { + font-size: 12px; + text-transform: uppercase; + font-weight: 600; + margin-bottom: 10px; } + @media (min-width: 769px) { + footer.v2 .footer-menu .title { + margin-bottom: 15px; } } + footer.v2 .footer-menu a { + color: #fff; } + footer.v2 .footer-menu .social a { + display: inline-block; + vertical-align: middle; + margin: 3px 5px 0 0; + font-size: 16px; } + footer.v2 .footer-menu .social a:hover { + text-decoration: none; + opacity: 0.7; } + footer.v2 .footer-menu .social a .icon-linkedin { + font-size: 18px; } + footer.v2 .footer-menu .sub-input { + display: block; + color: #000; + margin-bottom: 5px; + margin-top: -5px; } + footer.v2 .footer-menu .sub-input ::-webkit-input-placeholder { + font-size: 14px; + font-weight: 100; + color: #48566b; } + footer.v2 .footer-menu .sub-input ::-moz-placeholder { + font-size: 14px; + font-weight: 100; + color: #48566b; } + footer.v2 .footer-menu .sub-input :-ms-input-placeholder { + font-size: 14px; + font-weight: 100; + color: #48566b; } + footer.v2 .footer-menu .sub-input :-moz-placeholder { + font-size: 14px; + font-weight: 100; + color: #48566b; } + footer.v2 .footer-menu .sub-input input[type=email] { + width: 200px; + border-radius: 20px; + margin-top: 5px; + margin-right: 5px; } + footer.v2 .footer-menu .sub-input .button { + top: -1px; + margin-top: 5px; } + footer.v2 .footer-menu .copyright { + display: block; } + footer.v2 .footer-menu .copyright a { + display: inline-block; + vertical-align: bottom; } + footer.v2 .footer-menu .copyright p { + display: inline-block; + vertical-align: bottom; + font-size: 6px; + margin: 0; + padding: 0; + position: relative; + top: -2px; + left: 10px; } + footer.v2 .footer-menu .flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-top: 20px; + max-width: 400px; } + footer.v2 .footer-menu .flex .sub-input input { + width: 100%; } + footer.v2 .footer-menu .flex .fm-col { + -webkit-box-flex: 1; + -ms-flex: 1 1; + flex: 1 1; } + footer.v2 .footer-menu .flex .fm-col .title { + font-size: 14px; + margin-bottom: 10px; + width: auto; } + footer.v2 .footer-menu .flex .fm-col.right { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-left: 20px; + width: auto; + max-width: 40%; } + footer.v2 .footer-menu .flex .fm-col .social a .icon-facebook1 { + font-size: 20px; } + footer.v2 .footer-menu .flex .fm-col .social a .icon-twitter1 { + font-size: 20px; } + footer.v2 .footer-menu .flex .fm-col .social a .icon-dribbble { + font-size: 20px; } + footer.v2 .footer-menu .fm-line { + margin-bottom: 20px; } + footer.v2 .footer-menu .fm-line + .fm-line { + margin-top: 15px; } + footer.v2 .footer-menu .fm-line .title { + margin-bottom: 10px; + font-size: 14px; } + footer.v2 .footer-menu .fm-line a { + display: inline-block; + vertical-align: middle; + margin-right: 10px; + margin-bottom: 5px; + font-size: 14px; + font-weight: 100; } + +/* Main Page */ +.main-page { + display: block; + position: relative; } + .main-page .cont { + max-width: 1000px; + padding: 0 20px; } + .main-page .button { + min-width: 190px; } + @media (min-width: 769px) { + .main-page .button.xxl { + height: 48px; + line-height: 48px; } } + .main-page .mp-top { + display: block; + background: url("../img/main-page/top-bg.jpg") center center no-repeat; + background-size: cover; + padding: 35px 0 30px; } + .main-page .mp-top .cont { + max-width: 920px; } + .main-page .mp-top .top-text { + display: inline-block; + max-width: 100%; + background: rgba(0, 0, 0, 0.3); + padding: 7px 15px 15px; + margin-bottom: 20px; } + @media (min-width: 769px) { + .main-page .mp-top .top-text { + padding: 7px 25px 30px; + margin-bottom: 50px; } } + .main-page .mp-top .line1 { + font-family: 'PT Serif', serif; + font-size: 34px; + color: #fff; + line-height: 1.2; } + @media (min-width: 769px) { + .main-page .mp-top .line1 { + font-size: 60px; + line-height: normal; } } + @media (min-width: 992px) { + .main-page .mp-top .line1 { + font-size: 72px; } } + .main-page .mp-top .line2 { + margin-top: 5px; + font-weight: 200; + color: #fff; + font-size: 16px; } + @media (min-width: 769px) { + .main-page .mp-top .line2 { + font-size: 20px; } } + @media (min-width: 992px) { + .main-page .mp-top .line2 { + font-size: 24px; } } + .main-page .mp-top .button { + margin: 5px; } + @media (min-width: 769px) { + .main-page .mp-top .button { + margin: 0; } } + .main-page .mp-top .button + .button { + margin-left: 5px; } + @media (min-width: 769px) { + .main-page .mp-top .button + .button { + margin-left: 30px; } } + @media (min-width: 769px) { + .main-page .mp-top { + padding-top: 85px; + height: 440px; } } + @media (min-width: 992px) { + .main-page .mp-top { + padding-top: 85px; + height: 580px; } } + .main-page .promo-top { + display: block; + padding: 30px 0; + position: relative; + overflow: hidden; } + .main-page .promo-top .promo-bg { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + background-position: 65% center; + background-repeat: no-repeat; + background-size: cover; + opacity: 0; + -webkit-transition: opacity 2000ms ease-out; + transition: opacity 2000ms ease-out; } + .main-page .promo-top .promo-bg.current { + opacity: 1; } + .main-page .promo-top .opacity-bg { + background: rgba(255, 255, 255, 0.7); + padding: 20px; + max-width: 614px; + margin: 0 auto; } + @media (min-width: 769px) { + .main-page .promo-top .opacity-bg { + margin: 0; + padding: 25px 35px 30px; } } + .main-page .promo-top .cont { + max-width: 1180px; } + .main-page .promo-top .top-text { + margin-bottom: 20px; } + @media (min-width: 769px) { + .main-page .promo-top .top-text { + margin-bottom: 40px; } } + .main-page .promo-top .line1 { + font-family: 'PT Serif', serif; + font-weight: bold; + font-size: 32px; + color: #32221a; + line-height: 1.2; } + @media (min-width: 769px) { + .main-page .promo-top .line1 { + font-size: 38px; + line-height: normal; } } + @media (min-width: 992px) { + .main-page .promo-top .line1 { + font-size: 48px; } } + .main-page .promo-top .line2 { + margin-top: 5px; + font-weight: 200; + color: #46362d; + font-size: 16px; } + @media (min-width: 769px) { + .main-page .promo-top .line2 { + font-size: 20px; + margin-top: 15px; } } + @media (min-width: 992px) { + .main-page .promo-top .line2 { + font-size: 24px; } } + .main-page .promo-top .button { + margin: 5px; } + @media (min-width: 769px) { + .main-page .promo-top .button { + margin: 0; } } + .main-page .promo-top .button + .button { + margin-left: 5px; } + @media (min-width: 769px) { + .main-page .promo-top .button + .button { + margin-left: 20px; } } + @media (min-width: 769px) { + .main-page .promo-top .button.xxl { + height: 48px; + line-height: 44px; } } + @media (min-width: 769px) { + .main-page .promo-top { + padding: 60px 0; } } + @media (min-width: 992px) { + .main-page .promo-top { + padding: 90px 0; } } + .main-page .mp-app-links { + background: #e6ebf2; + padding: 10px 0; + text-align: center; + font-size: 16px; } + .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-width: 160px; } + .main-page .mp-capabs { + display: block; + position: relative; + padding: 30px 0; } + @media (min-width: 769px) { + .main-page .mp-capabs { + padding: 65px 0 100px; } } + .main-page .mp-capabs h4 { + font-size: 20px; + color: #7bb2d1; + text-align: center; + font-weight: bold; + margin-bottom: 30px; } + @media (min-width: 769px) { + .main-page .mp-capabs h4 { + font-size: 24px; + margin-bottom: 50px; } } + .main-page .mp-capabs .cap-cols { + text-align: center; } + .main-page .mp-capabs .cap-col { + width: auto; + display: block; + text-align: left; + position: relative; } + @media (min-width: 769px) { + .main-page .mp-capabs .cap-col { + display: inline-block; + vertical-align: top; + width: 28%; + text-align: center; } } + .main-page .mp-capabs .cap-col .cc-img { + position: absolute; + left: 0; + top: 0; + width: 50px; + height: 50px; + border: 2px solid #9e966c; + background: #46362d; + border-radius: 50%; + margin: 0 auto; + display: block; } + .main-page .mp-capabs .cap-col .cc-img img { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + max-width: 80%; + max-height: 80%; } + .main-page .mp-capabs .cap-col .cc-img.mt img { + margin-top: -7px; } + @media (min-width: 769px) { + .main-page .mp-capabs .cap-col .cc-img { + position: relative; + left: auto; + top: auto; + width: 180px; + height: 180px; + border: 5px solid #9e966c; } } + .main-page .mp-capabs .cap-col .cc-title { + margin-top: 25px; + font-weight: bold; + font-size: 18px; + color: #46362d; + height: 50px; + line-height: 50px; + padding-left: 60px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + @media (min-width: 769px) { + .main-page .mp-capabs .cap-col .cc-title { + margin-top: 18px; + height: auto; + line-height: normal; + padding-left: 0; + font-size: 20px; } } + .main-page .mp-capabs .cap-col .cc-text { + margin-top: 10px; + font-size: 16px; + color: #232323; + line-height: 1.5; } + @media (min-width: 769px) { + .main-page .mp-capabs .cap-col .cc-text { + margin-top: 27px; } } + .main-page .mp-capabs .buttons { + margin-top: 25px; + text-align: center; } + @media (min-width: 769px) { + .main-page .mp-capabs .buttons { + margin-top: 60px; } } + .main-page .promo-header { + padding: 30px 0 20px; + text-align: center; } + .main-page .promo-header h3 { + color: #7a724e; + font-size: 24px; + font-weight: 100; + line-height: 1; + margin: 0; + padding: 0; } + @media (min-width: 769px) { + .main-page .promo-header { + padding: 50px 0 20px; } + .main-page .promo-header h3 { + font-size: 30px; } } + .main-page .feature-block { + display: block; + position: relative; + padding: 30px 0; + overflow: hidden; } + .main-page .feature-block:before, .main-page .feature-block:after { + content: " "; + display: table; } + .main-page .feature-block:after { + clear: both; } + @media (min-width: 769px) { + .main-page .feature-block { + padding: 80px 0; } } + .main-page .feature-block .cont { + color: #32221a; } + .main-page .feature-block.with-bg { + background: url(../img/main-page/feature-bg.jpg) center center no-repeat; + background-size: cover; } + .main-page .feature-block.with-bg .cont { + color: #ffffff; } + .main-page .feature-block .fb-img { + float: left; + width: 45%; + display: none; + text-align: center; } + .main-page .feature-block .fb-img img { + max-width: 100%; + -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.4); + box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.4); } + @media (min-width: 769px) { + .main-page .feature-block .fb-img { + display: block; } } + @media (min-width: 769px) { + .main-page .feature-block .fb-title, + .main-page .feature-block .fb-text, + .main-page .feature-block .fb-buttons { + margin-left: 50%; } } + .main-page .feature-block .fb-title { + font-size: 30px; + line-height: 1.1; + font-weight: bold; + font-family: 'PT Serif', serif; + margin-bottom: 15px; } + @media (min-width: 769px) { + .main-page .feature-block .fb-title { + margin-bottom: 50px; + font-size: 48px; } } + .main-page .feature-block .fb-text { + font-size: 14px; + line-height: 1.5; + margin-bottom: 20px; } + @media (min-width: 769px) { + .main-page .feature-block .fb-text { + font-size: 16px; + margin-bottom: 40px; } } + .main-page .feature-block .fb-text p.with-icon { + display: block; + padding-left: 55px; + position: relative; + font-weight: 100; + font-size: 16px; + margin-top: 20px; } + .main-page .feature-block .fb-text p.with-icon b { + display: block; } + .main-page .feature-block .fb-text p.with-icon [class^="icon-"], + .main-page .feature-block .fb-text p.with-icon [class*=" icon-"] { + position: absolute; + left: 0; + top: 2px; + color: #94c0ef; + font-size: 36px; + width: 44px; + text-align: center; } + .main-page .feature-block .fb-text p.with-icon .icon-search { + font-size: 37px; } + .main-page .feature-block .fb-text p.with-icon .icon-open-doc { + font-size: 39px; } + .main-page .feature-block .fb-text p.with-icon .icon-highlight { + font-size: 38px; } + .main-page .feature-block .fb-text p.with-icon .icon-add-text-block { + font-size: 43px; } + .main-page .feature-block .fb-text p.with-icon .icon-coautor { + font-size: 37px; } + .main-page .feature-block .fb-text p.with-icon .icon-word-tools { + font-size: 34px; } + .main-page .feature-block .fb-text p.with-icon .icon-add-to-binder { + font-size: 39px; } + .main-page .feature-block.promo .cont { + color: #666; } + .main-page .feature-block.promo .fb-title { + font-size: 30px; + margin-bottom: 15px; + color: #7a724e; } + @media (min-width: 769px) { + .main-page .feature-block.promo .fb-title { + font-size: 40px; + margin-bottom: 30px; } } + .main-page .feature-block.promo .fb-text { + font-weight: 100; } + .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: #9a8982; } + .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: #c5bab4; } + .main-page .feature-block.promo .fb-img img { + -webkit-box-shadow: none; + box-shadow: none; } + @media (min-width: 769px) { + .main-page .feature-block.promo .fb-title, + .main-page .feature-block.promo .fb-text, + .main-page .feature-block.promo .fb-buttons { + margin-left: 47%; } } + @media (min-width: 769px) { + .main-page .feature-block.about { + padding: 37px 0; } } + .main-page .feature-block.about .fb-text p { + max-width: 410px; } + @media (min-width: 769px) { + .main-page .feature-block.about .fb-title { + margin-bottom: 50px; } } + .main-page .feature-block.feat-descr { + padding: 50px 0; } + .main-page .feature-block.feat-descr .cont { + max-width: 1040px; } + .main-page .feature-block.feat-descr .basic { + font-size: 18px; + font-weight: normal; } + .main-page .feature-block.feat-descr .fb-title + .fb-text .basic:first-child { + margin-top: -10px; } + .main-page .feature-block.feat-descr .fb-img { + width: 170px; + height: 170px; + border-radius: 50%; + overflow: hidden; + position: relative; + background: #46362d; + border: 5px solid #9e966c; } + .main-page .feature-block.feat-descr .fb-img img { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + max-width: 90%; + max-height: 90%; } + .main-page .feature-block.feat-descr .fb-img.mt img { + margin-top: -5px; } + @media (min-width: 769px) { + .main-page .feature-block.feat-descr .fb-title, + .main-page .feature-block.feat-descr .fb-text, + .main-page .feature-block.feat-descr .fb-buttons { + margin-left: 220px; } } + .main-page .feature-block.feat-descr .fb-text { + margin-bottom: 0; } + .main-page .feature-block.feat-descr .fb-text .custom-marks { + margin-top: 35px; + list-style: none; + padding-left: 0; } + @media (min-width: 769px) { + .main-page .feature-block.feat-descr .fb-text .custom-marks { + padding-left: 40px; } } + .main-page .feature-block.feat-descr .fb-text .custom-marks li { + padding-left: 45px; + position: relative; } + .main-page .feature-block.feat-descr .fb-text .custom-marks li .icon-promo-check { + position: absolute; + left: 0; + top: 0; + font-size: 25px; + color: #9a8982; } + .main-page .feature-block.feat-descr .fb-text p, + .main-page .feature-block.feat-descr .fb-text span.pblock { + margin-bottom: 10px; + display: block; } + .main-page .feature-block.feat-descr .fb-text p b, + .main-page .feature-block.feat-descr .fb-text span.pblock b { + display: block; } + .main-page .feature-block.feat-descr .fb-buttons { + margin: 50px 0 -10px; } + .main-page .feature-block.feat-descr .fb-buttons .button { + margin-right: 10px; + margin-bottom: 10px; + min-width: 186px; + padding: 0 10px; } + .main-page .feature-block.feat-descr.with-bg .fb-text .custom-marks li .icon-promo-check { + color: #c5bab4; } + .main-page .fb-bot-text { + font-size: 11px; + font-weight: 300; + color: #232323; + text-align: center; + padding: 10px 0 40px; } + .main-page .mp-serve { + background: #e6ebf2; + padding: 10px 0; } + .main-page .mp-serve:before, .main-page .mp-serve:after { + content: " "; + display: table; } + .main-page .mp-serve:after { + clear: both; } + @media (min-width: 769px) { + .main-page .mp-serve { + padding: 50px 0; } } + .main-page .mp-serve .cont { + max-width: 1180px; + 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; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -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; } } + .main-page .mp-serve .serve-col { + padding: 15px 15px 20px; + font-size: 16px; + 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); } + .main-page .mp-serve .serve-col + .serve-col { + border-top: 2px solid #fff; } + @media (min-width: 769px) { + .main-page .mp-serve .serve-col + .serve-col { + border: none; } } + @media (min-width: 769px) { + .main-page .mp-serve .serve-col { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 32.333333%; + padding: 45px 30px 115px; } } + .main-page .mp-serve .serve-col .buttons { + width: 100%; + margin-top: 20px; } + @media (min-width: 769px) { + .main-page .mp-serve .serve-col .buttons { + position: absolute; + left: 30px; + bottom: 30px; + margin-top: 1; } } + .main-page .mp-serve .serve-col .buttons .button { + position: relative; + height: 48px; + line-height: 44px; + font-size: 14px; + font-weight: bold; + padding: 0 30px; + border: 2px solid #62818b; + -webkit-box-shadow: none; + box-shadow: none; } + .main-page .mp-serve .serve-col .sc-title { + font-weight: bold; + font-size: 24px; } + .main-page .mp-serve .serve-col .normal { + 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; } + .main-page .mp-small-block { + padding: 15px 0 65px; + margin-bottom: 20px; } + .main-page .mp-small-block:last-child { + margin-bottom: 0; } + .main-page .mp-small-block .cont { + max-width: 1100px; } + .main-page .mp-small-block.with-bg { + background: #edf4fc; } + .main-page .mp-small-block .sb-head { + font-size: 24px; + color: #7a724e; + font-weight: 100; + text-align: center; + margin-bottom: 30px; + margin-top: 25px; } + @media (min-width: 769px) { + .main-page .mp-small-block .sb-head { + font-size: 30px; } } + .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 { + content: " "; + display: table; } + .main-page .mp-small-block .feature-links:after { + clear: both; } + .main-page .mp-small-block .feature-links .feature-link { + display: block; + width: auto; + float: none; + text-align: center; + height: 60px; + position: relative; + font-size: 20px; + font-weight: bold; + color: #7a724e; + 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); + margin-bottom: 5px; + line-height: 1.1; } + .main-page .mp-small-block .feature-links .feature-link:hover { + color: #fff; + background: #7bb2d1; } + @media (min-width: 480px) { + .main-page .mp-small-block .feature-links .feature-link { + width: 32.33333333%; + float: left; + height: 100px; } + .main-page .mp-small-block .feature-links .feature-link + .feature-link { + margin-left: 1.3333333333%; } } + @media (min-width: 769px) { + .main-page .mp-small-block .feature-links .feature-link { + font-size: 24px; } } + .main-page .mp-small-block .feature-links .feature-link span { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 85%; } + .main-page .mp-small-block .feature-links .feature-link small { + font-size: 18px; } + .main-page .mp-small-block .buttons { + text-align: center; } + .main-page .mp-small-block .buttons .button { + margin: 0 10px 10px; } + @media (min-width: 769px) { + .main-page .mp-small-block .buttons .button { + line-height: 44px; } } + .main-page .mp-footer { + display: block; + background: url(../img/main-page/feature-bg.jpg) center center no-repeat; + background-size: cover; + text-align: center; + padding: 50px 0 45px; + color: #fff; } + .main-page .mp-footer .line1 { + color: #fff; + font-size: 24px; } + .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 { + opacity: 0.35; + width: 74px; + height: 74px; + margin: 0 auto; + background: url(../img/bot-logo.png) center center no-repeat; } + .main-page .mp-interest { + position: relative; + padding: 35px 0; + color: #fff; + background: -webkit-gradient(linear, left top, right top, from(#539aea), to(#0e3f7b)); + background: linear-gradient(to right, #539aea, #0e3f7b); } + .main-page .breadcrumbs { + font-family: 'Open Sans', sans-serif; + padding: 28px 0 18px; } + .main-page .breadcrumbs .cont { + max-width: 1020px; } + .main-page .breadcrumbs .breadcrumb { + background: none; + font-size: 14px; + padding: 0; + margin-bottom: 0; } + .main-page .breadcrumbs .breadcrumb li { + color: #777; } + .main-page .breadcrumbs .breadcrumb li + li { + padding-left: 24px; + position: relative; } + .main-page .breadcrumbs .breadcrumb li + li:before { + position: absolute; + left: 3px; + top: 9px; + content: ""; + display: block; + padding: 0; + width: 7px; + height: 7px; + border-top: 1px solid #536174; + border-right: 1px solid #536174; + -webkit-transform: rotate(45deg) translateY(-50%); + transform: rotate(45deg) translateY(-50%); } + .main-page .breadcrumbs .breadcrumb a { + color: #777; } + .main-page .about-top { + display: block; + padding: 0 0 20px; } + .main-page .about-top .cont { + max-width: 1020px; } + .main-page .about-top h1 { + font-family: 'PT Serif', serif; + font-weight: bold; + color: #7a724e; + font-size: 48px; + margin-bottom: 10px; } + .main-page .about-top p { + font-size: 18px; + font-weight: 100; + color: #48566b; + margin: 0; } + .main-page .about-top p + p { + margin-top: 10px; } + .main-page .about-top p.big { + font-size: 23px; + color: #003366; } + @media (min-width: 769px) { + .main-page .about-top { + padding: 0 0 30px; } } + .main-page .about-bot { + display: block; + background: #edf4fd; + padding: 30px 0; + margin-top: 15px; } + @media (min-width: 769px) { + .main-page .about-bot { + padding: 60px 0; } } + .main-page .about-bot .cont { + max-width: 840px; } + .main-page .about-bot .ab-line { + display: block; + padding-left: 70px; + position: relative; + font-size: 16px; + font-weight: 100; + color: #48566b; } + .main-page .about-bot .ab-line + .ab-line { + margin-top: 30px; } + .main-page .about-bot .ab-line [class^="icon-"], + .main-page .about-bot .ab-line [class*=" icon-"] { + position: absolute; + left: 10px; + top: 0; + width: 50px; + text-align: center; + color: #9a8982; } + .main-page .about-bot .ab-line .icon-download-pdf { + font-size: 36px; } + .main-page .about-bot .ab-line .icon-new-edition { + font-size: 46px; + padding-left: 2px; } + .main-page .about-bot .ab-line .icon-preview { + font-size: 24px; + padding-left: 2px; } + @media (min-width: 769px) { + .main-page .about-bot .ab-line { + padding-left: 120px; } + .main-page .about-bot .ab-line [class^="icon-"], + .main-page .about-bot .ab-line [class*=" icon-"] { + left: 40px; } } + .main-page .faq-search { + display: block; + padding: 18px 0; + background: #fff; + border-bottom: 1px solid #767572; } + .main-page .faq-search .cont { + max-width: 870px; + position: relative; } + .main-page .faq-search input { + width: 100%; + height: 30px; + padding: 0 45px 0 15px; + border-radius: 15px; } + .main-page .faq-search .start-search { + position: absolute; + right: 20px; + top: 0px; + font-size: 18px; + color: #7b724e; + padding: 3px 15px; + border-radius: 15px; } + .main-page .faq-search .start-search:hover { + text-decoration: none; + color: #000; + background: rgba(0, 0, 0, 0.05); } + .main-page .faq-list .cont { + max-width: 1020px; } + .main-page .faq-list .front-accordion { + margin: 0 0 20px; } + .main-page .faq-list .front-accordion .fa-body { + background: #f5f5f5; } + .main-page .faq-list .front-accordion .fa-body .fa-cont { + padding: 10px 20px; } + .main-page .faq-list .faq-question { + display: block; + border-bottom: 1px solid #dddddd; + font-weight: 100; + font-size: 14px; + color: #337ab7; } + .main-page .faq-list .faq-question a { + display: block; + padding: 10px 12px; + margin: 0 -10px; + color: #475669; } + .main-page .faq-list .faq-question a:hover { + text-decoration: none; + text-shadow: 0 0 1px rgba(123, 114, 78, 0.7); } + .main-page .faq-list .faq-question:last-child { + border-bottom: none; } + .main-page .faq-answer .cont { + max-width: 1020px; } + .main-page .faq-answer .answer-cont { + border: 1px solid #d7d7d7; + padding: 15px 20px; } + @media (min-width: 769px) { + .main-page .faq-answer .answer-cont { + padding: 22px 55px; } } + .main-page .faq-answer h4 { + font-size: 18px; + color: #7b724e; + font-weight: 100; + margin: 0 0 15px -10px; } + @media (min-width: 769px) { + .main-page .faq-answer h4 { + margin: 0 0 25px -30px; } } + .main-page .faq-answer .answer-text { + font-weight: 100; + color: #666; } + .main-page .faq-answer .answer-text p { + margin-bottom: 14px; } + .main-page .faq-answer .answer-text .normal { + font-weight: normal; } + .main-page .faq-answer .answer-text ul { + list-style: none; + padding-left: 0; + margin-bottom: 14px; } + .main-page .faq-answer .answer-text ul li { + padding-left: 24px; + position: relative; } + .main-page .faq-answer .answer-text ul li:before { + content: ""; + display: block; + position: absolute; + left: 12px; + top: 9px; + width: 2px; + height: 2px; + background: #48566b; } + .main-page .faq-answer img { + width: auto !important; + height: auto !important; + max-width: 100%; } diff --git a/htdocs/wp-content/themes/lawcarta/assets/css/main-page.min.css b/htdocs/wp-content/themes/lawcarta/assets/css/main-page.min.css new file mode 100644 index 0000000..a5edbc8 --- /dev/null +++ b/htdocs/wp-content/themes/lawcarta/assets/css/main-page.min.css @@ -0,0 +1,4 @@ +/*! + * main page UI Styles. +*/ +html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.hide{display:none}.pull-left{float:left}.pull-right{float:right}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.thin{font-weight:300}img.img-responsive{max-width:100%;height:auto}.page-break{page-break-after:always}.text-danger{color:red}.mg-all{margin:10px}.mg-top{margin-top:10px}.mg-right{margin-right:10px}.mg-bottom{margin-bottom:10px}.mg-left{margin-left:10px}.mg-none{margin:0}.mg-top-0{margin-top:0}.mg-right-0{margin-right:0}.mg-bottom-0{margin-bottom:0}.mg-left-0{margin-left:0}body{color:#000;font:normal 13px arial,helvetica,sans-serif;font-family:'Open Sans',sans-serif;min-width:300px;font-size:12px;padding-right:0!important}@media (min-width:480px){body{font-size:14px}}body,html{width:100%;height:100%}.wrapper{display:block;position:relative;min-height:100%;background-color:#f5f5f5;overflow:hidden;font-family:'Open Sans',sans-serif}.wrapper.white{background-color:#fff}.wrapper.new-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.wrapper.new-footer .content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.wrapper.new-footer .footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.content{padding:40px 0 0;margin-bottom:320px}.content.no-pb{padding-bottom:0;margin-bottom:0}.content.no-pb .cont.back-white{margin-bottom:32px}@media (min-width:769px){.content{padding-top:72px}}.content.white{background:#fff}.cont,.cont-help{max-width:1230px;padding:0 15px;color:#000;margin:0 auto;position:relative}@media (min-width:769px){.cont,.cont-help{padding:0 40px}.cont-help.back-white,.cont-help.back-white.mobile-pad,.cont-help.mobile-pad,.cont.back-white,.cont.back-white.mobile-pad,.cont.mobile-pad{padding:35px 80px}}.cont-help.back-white.mobile-pad,.cont-help.mobile-pad,.cont.back-white.mobile-pad,.cont.mobile-pad{padding:10px}.cont-help.back-white,.cont.back-white{padding:10px 15px;background:#fff;max-width:770px;margin:0 auto;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);box-shadow:0 2px 6px rgba(0,0,0,.5)}.cont-help.mp20,.cont.mp20{max-width:none;margin:16px 23px;padding:20px}.cont-help.wide,.cont.wide{max-width:none;margin:0;padding:0}@media (min-width:769px){.cont,.cont-help{padding:0 40px}.cont-help.back-white,.cont-help.back-white.mobile-pad,.cont-help.mobile-pad,.cont.back-white,.cont.back-white.mobile-pad,.cont.mobile-pad{padding:35px 80px}}.content>.cont,.content>.cont-help{padding:0}@media (min-width:769px){.content>.cont,.content>.cont-help{padding:0 40px}.content>.cont-help.back-white,.content>.cont-help.back-white.mobile-pad,.content>.cont-help.mobile-pad,.content>.cont.back-white,.content>.cont.back-white.mobile-pad,.content>.cont.mobile-pad{padding:35px 80px}}.text-under{position:relative;width:100%;padding:5px 0;font-size:10px;text-align:center;color:#999;margin-bottom:-116px}@media (min-width:769px){.text-under{padding:20px 0 0;font-size:12px}}.cont-help{position:static}a img{border:none}a:focus{text-decoration:none}.svg-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;fill:currentColor;position:relative;top:-1px}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea,textarea.form-control{display:inline-block;zoom:1;vertical-align:middle;border:1px solid #ccc;height:28px;min-width:156px;-webkit-box-shadow:inset 0 0 5px #f1f1f1;box-shadow:inset 0 0 5px #f1f1f1;border-radius:0;font-size:14px}input[type=email]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=text]:disabled,select:disabled,textarea.form-control:disabled,textarea:disabled{opacity:.7;cursor:default}input[type=email]:disabled:hover,input[type=password]:disabled:hover,input[type=tel]:disabled:hover,input[type=text]:disabled:hover,select:disabled:hover,textarea.form-control:disabled:hover,textarea:disabled:hover{cursor:default}input[type=email],input[type=password],input[type=tel],input[type=text],textarea{padding:0 10px}.modal input.form-control.small,input.form-control.small{width:150px}.half .input-group,.input-group.half{width:300px;max-width:100%}textarea,textarea.form-control{overflow:auto;resize:none;height:79px;padding:0 10px}select{cursor:pointer;-webkit-box-shadow:none;box-shadow:none;padding-left:6px;min-width:0}.dropdown-menu{font-size:13px}@media (min-width:480px){.dropdown-menu{font-size:14px}}.show-sm{display:block}@media (min-width:769px){.show-sm{display:none}}@media (max-width:768px){.hide-sm{display:none!important}}.collapse-link{color:#663;line-height:1;position:relative;top:0;padding:8px 0 8px 12px;width:28px;display:inline-block;zoom:1;vertical-align:middle}.collapse-link:focus,.collapse-link:hover{text-decoration:none;color:#663}.collapse-link span{display:block;position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.3s -webkit-transform ease-in;transition:.3s -webkit-transform ease-in;transition:.3s transform ease-in;transition:.3s transform ease-in,.3s -webkit-transform ease-in}.collapse-field{display:block;cursor:pointer;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.front-accordion{display:block;margin:10px 15px 0}@media (min-width:769px){.front-accordion{margin:10px 23px 0}}.front-accordion .top-tipsy{display:block;margin:0 0 15px;font-size:14px;color:#999}.front-accordion .fa-head{display:block;height:34px;line-height:34px;font-size:14px;font-weight:600;color:#46362d;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.5);box-shadow:0 2px 3px rgba(0,0,0,.5);border-radius:4px;border:1px solid #767572;background:#b6b3a0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (min-width:769px){.front-accordion .fa-head{font-size:17px;height:38px;line-height:38px}}.front-accordion .fa-head .gray{text-transform:uppercase;color:#777;display:inline;font-size:14px}.front-accordion .fa-head.with-options{padding-right:50px;position:relative}.front-accordion .fa-head.with-options .options-link{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:1px;font-size:22px;color:#663}.front-accordion .fa-head.with-options .options-link:hover{text-decoration:none;color:#444}.front-accordion .collapse-link{position:relative;top:0;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#663;display:block}.front-accordion .collapse-link span{display:block;position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.3s -webkit-transform ease-in;transition:.3s -webkit-transform ease-in;transition:.3s transform ease-in;transition:.3s transform ease-in,.3s -webkit-transform ease-in}.front-accordion .collapse-link .icon-caret{top:1px;display:inline-block}.front-accordion .collapse-link.collapsed span{-webkit-transform:rotate(0);transform:rotate(0)}.front-accordion .fa-body{background:#fff;overflow:hidden}.front-accordion .fa-cont{border:1px solid #ccc;border-top:none;padding:20px 21px 7px;background:#f5f5f5}.front-accordion .table tr td{max-width:250px}.front-accordion .inner-padding{padding-left:20px}.front-accordion .form-group{position:relative;margin-bottom:6px;width:938px;max-width:100%;padding-bottom:1px;min-height:29px}@media (min-width:769px){.front-accordion .form-group{padding-left:173px}}.front-accordion .form-group input[type=text],.front-accordion .form-group textarea{width:765px;max-width:100%}.front-accordion .form-group .button,.front-accordion .form-group input[type=text],.front-accordion .form-group select,.front-accordion .form-group textarea{margin-bottom:11px}.front-accordion .form-group p{font-size:13px;color:#333}.front-accordion .form-group p:nth-child(2){padding-top:5px}.front-accordion .form-group p .red{color:#ab3d01}@media (min-width:769px){.front-accordion .form-group p{font-size:15px}}.front-accordion .form-group label{display:block;line-height:normal;font-size:13px;font-weight:600;color:#776c4e;max-width:165px}@media (min-width:769px){.front-accordion .form-group label{position:absolute;left:0;top:0;font-size:15px;padding-top:3px}}@media (min-width:769px){.front-accordion .form-group input.isbn{max-width:375px}}.front-accordion .form-group .button .icon-add{font-size:8px;position:relative;top:-1px}.front-accordion .form-group .editable-field{display:block;position:relative;padding-right:20px}.front-accordion .form-group .editable-field a.edit,.front-accordion .form-group .editable-field a.edit-save{color:#333}.front-accordion .form-group .editable-field a.edit-save:hover,.front-accordion .form-group .editable-field a.edit:hover{text-decoration:none;opacity:.7}.front-accordion .form-group .editable-field a.edit-save{display:none}.front-accordion .form-group .editable-field input{margin:0;height:31px;position:relative;top:-3px;display:none}.front-accordion .form-group .editable-field.edit-start input{display:block}.front-accordion .form-group .editable-field.edit-start p{display:none}.front-accordion .form-group .editable-field.edit-start a.edit-save{display:block;position:absolute;right:0;top:50%;margin-top:-3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.front-accordion .form-group.checkbox-label{padding-left:0;width:auto}.front-accordion .form-group.checkbox-label label{position:relative;max-width:none}.front-accordion .form-group.checkbox-label.disabled label{color:#aaa}.front-accordion .form-group.checkbox-label.pl{padding-left:30px}.front-accordion .buttons-control{text-align:center;padding:5px 0 10px}.front-accordion .toc-btns{display:block;margin:-3px 0}.front-accordion .toc-btns .btn,.front-accordion .toc-btns .button{display:inline-block;vertical-align:middle}@font-face{font-family:lawcarta;src:url(../fonts/lawcarta.eot?20160218-2);src:url(../fonts/lawcarta.eot?20160218-2#iefix) format("embedded-opentype"),url(../fonts/lawcarta.ttf?20160218-2) format("truetype"),url(../fonts/lawcarta.woff?20160218-2) format("woff"),url(../fonts/lawcarta.svg?20160218-2#lawcarta) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:lawcarta;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-menu:before{content:"\e20e"}.icon-close:before{content:"\e609"}.icon-search:before{content:"\e924"}.icon-shop:before{content:"\e909"}.icon-account-settings:before{content:"\e600"}.icon-caret:before{content:"\ea1c"}.icon-open-doc:before{content:"\e610"}.icon-highlight:before{content:"\e923"}.icon-add-text-block:before{content:"\e903"}.icon-add-to-binder:before{content:"\e931"}.icon-share:before{content:"\e927"}.icon-coautor:before{content:"\e91f"}.icon-multimedia:before{content:"\e92d"}.icon-auto-save:before{content:"\e92b"}.icon-word-tools:before{content:"\e92c"}.icon-actions:before{content:"\e92a"}.icon-twitter1:before{content:"\e92f"}.icon-instagram:before{content:"\e934"}.icon-facebook1:before{content:"\e930"}.icon-linkedin:before{content:"\e932"}.icon-pinterest:before{content:"\e933"}.icon-download-pdf:before{content:"\e91a"}.icon-new-edition:before{content:"\e91d"}.icon-preview:before{content:"\e921"}.icon-promo-check:before{content:"\e929"}.btn{font-size:13px}@media (min-width:480px){.btn{font-size:14px}}.button{display:inline-block;zoom:1;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:#7397a8;height:29px;line-height:29px;padding:0 18px;font-size:13px;color:#fff;text-transform:uppercase;border-radius:6px;cursor:pointer;position:relative;font-weight:600;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);text-align:center}.button.xxl{height:33px;line-height:30px;border:2px solid #62818b;padding:0 10px;font-size:14px;font-weight:700;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.5);box-shadow:3px 3px 5px rgba(0,0,0,.5)}@media (min-width:769px){.button.xxl{padding:0 22px;height:47px;line-height:43px;font-size:18px}}.button,.button:hover{outline:0;text-decoration:none;color:#fff}.button:hover{opacity:.8}.button:active{top:1px}.button.disabled,.button[disabled]{color:#666;background:#ccc;cursor:not-allowed}.button.disabled:hover,.button[disabled]:hover{opacity:1}.button:focus{outline:0;color:#fff}.button.mp-btn,.button.mp-top-left{background:#7bb2d1;border-color:#7bb2d1}.button.mp-btn:hover,.button.mp-top-left:hover{opacity:1;background:#559cc4;border-color:#559cc4}.button.bordered,.button.mp-top-blue,.button.mp-top-right{background:#fff;border-color:#46362d;color:#46362d}.button.bordered:hover,.button.mp-top-blue:hover,.button.mp-top-right:hover{background:#fdfdfd}.button.mp-top-blue.xl,.button.mp-top-right.xl{border:2px solid #46362d;line-height:26px}@media (min-width:769px){.button.mp-top-blue.xl,.button.mp-top-right.xl{line-height:36px}}.button.mp-top-right{background:#46362d;border-color:#46362d;color:#fff}.button.mp-top-right:hover{background:#755a4b;border-color:#755a4b}.main-page .button.xxl{font-size:14px;font-weight:700;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.5);box-shadow:3px 3px 5px rgba(0,0,0,.5)}header{height:40px;background:url(../img/header-bg.png) repeat-x;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);box-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center;position:fixed;left:0;top:0;width:100%;z-index:22}@media (min-width:769px){header{height:72px}}header .main-logo{display:block;position:absolute;height:41px;left:20px;top:1px;-webkit-transform:scale(.8);transform:scale(.8);left:0}header .main-logo img{max-height:100%}@media (min-width:769px){header .main-logo{left:40px;top:15px;-webkit-transform:none;transform:none}}header .cont{height:100%;text-align:center;padding:0 40px 0 280px;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}header .cont .header-menu{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:right}header .cont .header-menu.static{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}header .cont .header-menu.center{text-align:center}header .cont .sign-block{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}header .header-menu{position:relative;display:none}@media (min-width:992px){header .header-menu{display:inline-block}}header .header-menu .site-search{display:inline-block;zoom:1;vertical-align:middle;margin-right:10px;height:20px;line-height:20px}header .header-menu .site-search input{display:none}header .header-menu .site-search .site-search-open{display:block;color:#9b9371;font-size:19px;text-shadow:1px 1px 2px rgba(0,0,0,.75)}header .header-menu .site-search .site-search-open:hover{text-decoration:none;opacity:.7}header .header-menu .site-search.closed input{display:block}header .header-menu ul{list-style:none;margin:0;padding:4px 0 0;display:block}header .header-menu ul li{display:inline-block;zoom:1;vertical-align:top;font-size:15px;text-transform:uppercase;height:15px;margin:0 3px;position:relative}header .header-menu ul li.guest-data{display:none}header .header-menu ul li .ss-title{position:relative;color:#b2aa87;display:block;line-height:1;padding:2px 0 0;font-weight:700}header .header-menu ul li a{position:relative;display:block;padding:0 5px 6px;line-height:1;font-weight:400;border-bottom:3px solid transparent;color:#b2aa87}header .header-menu ul li a.nav-shop{padding-right:30px}header .header-menu ul li a:hover{text-decoration:none;border-color:#7397a8;background:0 0}header .header-menu ul li a.selected{text-decoration:none;border-color:#7a724e;background:0 0}header .header-menu ul li.active a{color:#fff}header .header-menu ul li.active a:hover{border-bottom-color:#fff}header .header-menu ul li .icon-shop{font-size:20px;position:absolute;z-index:1;right:0;top:-2px}header .header-menu ul li .icon-search{top:2px;margin-right:3px;margin:-2px 0;display:inline-block;vertical-align:middle;position:relative;top:-1px}header .header-menu ul li .hover-list{display:none;position:absolute;left:0;top:100%}header .header-menu ul li:hover .hover-list{display:block;text-align:left;background:#fafafa;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.75);box-shadow:0 1px 5px rgba(0,0,0,.75);padding:6px 0}header .header-menu ul li:hover .hover-list li{display:block;float:none;height:auto}header .header-menu ul li:hover .hover-list a{border:none;display:block;padding:0 20px;height:35px;line-height:35px;font-size:13px;color:#333;font-weight:600;position:relative;text-transform:none;white-space:nowrap}header .header-menu ul li:hover .hover-list a:hover{text-decoration:none;background:#fff}header .sign-block{font-size:13px;color:#fff;padding-left:20px;display:none;right:11px}@media (min-width:992px){header .sign-block{display:inline-block;right:auto}}header .sign-block .signed-user-block{position:relative}header .sign-block .signed-user-block .dropdown-menu,header .sign-block .signed-user-block .user-options-list{text-align:left;position:absolute;left:auto;right:0;top:100%;white-space:nowrap;background:#fafafa;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.75);box-shadow:0 1px 5px rgba(0,0,0,.75);z-index:10;padding:6px 0}header .sign-block .signed-user-block .dropdown-menu a,header .sign-block .signed-user-block .user-options-list a{display:block;padding:0 20px;height:35px;line-height:35px;font-size:13px;color:#333;font-weight:600;position:relative}header .sign-block .signed-user-block .dropdown-menu a:hover,header .sign-block .signed-user-block .user-options-list a:hover{text-decoration:none;background:#fff}header .sign-block .button.bordered{background:rgba(255,255,255,.9)}header .sign-block .button.bordered+.button.bordered{margin-left:5px}header .sign-block .signed-user{padding-right:45px;display:block;position:relative;color:#fff}header .sign-block .signed-user .icon-caret{font-size:18px;-webkit-transform:scaleY(.6) rotate(90deg);transform:scaleY(.6) rotate(90deg);position:absolute;right:0;top:50%;color:#9b9371;line-height:1;margin-top:-8px}header .sign-block .signed-user .icon-account-settings{font-size:18px;position:absolute;right:19px;top:50%;line-height:1;margin-top:-9px;color:#9b9371}header .sign-block>a{font-size:15px;color:#fff}header .sign-block>a:hover{text-decoration:none;border-bottom:3px solid #fff}header .sign-block .button+.button{margin-left:5px}header .mobile-menu{display:inline-block;position:absolute;top:10px;right:20px}@media (min-width:769px){header .mobile-menu{top:24px}}@media (min-width:992px){header .mobile-menu{display:none}}header .mobile-menu .btn-toggle-menu{font-size:24px;color:#ddd;text-shadow:1px 1px 5px #000;outline:0;line-height:1;display:block;width:20px;height:20px}header .mobile-menu .btn-toggle-menu:hover{text-decoration:none;color:#fff}header .mobile-menu .btn-toggle-menu .icon-menu{display:inline-block;vertical-align:top;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}header .mobile-menu .btn-toggle-menu .icon-close{display:none;vertical-align:middle;font-size:16px;margin-right:4px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}header .mobile-menu .btn-toggle-menu.on .icon-menu{display:none}header .mobile-menu .btn-toggle-menu.on .icon-close{display:inline-block}header .mobile-nav{display:none;position:fixed;z-index:10000;top:40px;right:0;color:#fff;background-color:#222;-webkit-box-shadow:inset 0 5px 10px rgba(0,0,0,.75);box-shadow:inset 0 5px 10px rgba(0,0,0,.75);padding:10px 0 5px;max-width:100%;min-width:200px}@media (min-width:769px){header .mobile-nav{top:71px}}@media (min-width:992px){header .mobile-nav{display:none!important}}header .mobile-nav .header-menu{display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;text-align:left}header .mobile-nav .header-menu ul{padding:0}header .mobile-nav .header-menu li{display:block;padding:0;margin:0;height:auto}header .mobile-nav .header-menu li a{display:block;color:#b2aa87;padding:10px 20px;margin:0;border:none;font-size:12px}@media (min-width:480px){header .mobile-nav .header-menu li a{font-size:14px}}header .mobile-nav .header-menu li a:hover{color:#fff;background-color:#191919;text-decoration:none}header .mobile-nav .header-menu li a .icon-shop{display:inline-block;position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:-10px 0;font-size:12px}@media (min-width:480px){header .mobile-nav .header-menu li a .icon-shop{font-size:14px}}header .mobile-nav .sign-block{display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none}header .mobile-nav .sign-block .signed-user-block{margin:0;padding:0}header .mobile-nav .sign-block .signed-user-block .dropdown-menu{display:block;position:relative;left:auto;right:auto;top:auto;bottom:auto;background:0 0;border:none;border-radius:0;float:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none}header .mobile-nav .sign-block .signed-user-block .dropdown-menu a{display:block;color:#fff;padding:10px 20px;margin:0;border:none;font-weight:400;line-height:normal;font-size:12px}@media (min-width:480px){header .mobile-nav .sign-block .signed-user-block .dropdown-menu a{font-size:14px}}header .mobile-nav .sign-block .signed-user-block .dropdown-menu a:hover{color:#fff;background-color:#191919;text-decoration:none}header .mobile-nav .sign-block a.signed-user{display:none}header .mobile-nav .sign-block .button.bordered+.button.bordered{margin:0}header .mobile-nav .sign-block .button{display:block;color:#fff;padding:10px 20px;margin:0;border:none;font-size:12px;background:0 0;border-radius:0;line-height:normal;-webkit-box-shadow:none;box-shadow:none;height:auto;text-align:left;text-transform:none;text-transform:uppercase}header .mobile-nav .sign-block .button+.button{margin:0}@media (min-width:480px){header .mobile-nav .sign-block .button{font-size:14px}}header .mobile-nav .sign-block .button:hover{color:#fff;background-color:#191919;text-decoration:none}header .mobile-nav .sign-block .button .icon-shop{display:inline-block;position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:-10px 0;font-size:12px}@media (min-width:480px){header .mobile-nav .sign-block .button .icon-shop{font-size:14px}}header .mobile-nav>ul{margin:0;padding:0;list-style-type:none}header .mobile-nav>ul li{display:block;text-align:left}header .mobile-nav>ul li.divider{background-color:#111;height:2px}header .mobile-nav>ul li.base a{color:#b2aa87}header .mobile-nav>ul li a{display:block;color:#eee;padding:10px 20px}header .mobile-nav>ul li a:hover{color:#fff;background-color:#191919;text-decoration:none}.dropdown-backdrop{position:static;z-index:0}footer{display:block;position:absolute;z-index:10;left:0;bottom:0;width:100%;background:#fff;border-top:1px solid #ccc;-webkit-box-shadow:0 -1px 0 #fff;box-shadow:0 -1px 0 #fff;text-align:center;font-size:12px;min-height:84px}footer .cont{padding:0 20px}@media (min-width:769px){footer .cont{padding:0 50px}}footer .footer-copyright{padding-top:10px;color:#999;text-align:left}footer .footer-right{margin-right:9px;padding-top:10px}@media (min-width:769px){footer .footer-right{padding-top:20px}}footer .footer-menu{text-align:left}footer .footer-menu ul{margin:0;padding:0;list-style:none}footer .footer-menu ul li{display:inline-block;vertical-align:middle;margin-right:10px}footer .footer-menu ul li a{color:#617ba5}footer .footer-social{display:block;margin-top:7px;padding-bottom:20px}@media (min-width:640px){footer .footer-social{float:right}}footer .footer-social a{display:inline-block;line-height:1;font-size:24px;color:#4a7ba5}@media (min-width:640px){footer .footer-social a{float:left;margin-left:9px}}footer .footer-social a:hover{text-decoration:none;opacity:.8}footer .app-download{text-align:left;color:#fff}footer .app-download .title{font-size:12px;text-transform:uppercase;font-weight:600;margin-bottom:10px}@media (min-width:769px){footer .app-download .title{margin-bottom:15px}}footer .app-download img{max-width:140px}footer .app-download.old{margin-top:10px;padding-bottom:10px}footer .app-download.old .title{display:none}footer.v2{position:relative;padding:30px 0;color:#fff;background:url(../img/main-page/feature-bg.jpg) center center no-repeat;background-size:cover}@media (min-width:769px){footer.v2{padding:60px 0 40px}}footer.v2 .footer-menu{color:#fff}footer.v2 .footer-menu:after,footer.v2 .footer-menu:before{content:" ";display:table}footer.v2 .footer-menu:after{clear:both}@media (min-width:769px){footer.v2 .footer-menu{display:-webkit-box;display:-ms-flexbox;display:flex}}footer.v2 .footer-menu .fm-col{font-size:12px;font-weight:100;display:block;width:50%;float:left;margin-bottom:20px}footer.v2 .footer-menu .fm-col.right{clear:both;width:auto}@media (min-width:480px){footer.v2 .footer-menu .fm-col{width:33.333333%}footer.v2 .footer-menu .fm-col.right{width:66.6666666%;clear:none}}@media (min-width:769px){footer.v2 .footer-menu .fm-col{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:auto}footer.v2 .footer-menu .fm-col.right{width:auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;clear:both}}footer.v2 .footer-menu .fm-col a{display:block;margin-top:5px}footer.v2 .footer-menu .title{font-size:12px;text-transform:uppercase;font-weight:600;margin-bottom:10px}@media (min-width:769px){footer.v2 .footer-menu .title{margin-bottom:15px}}footer.v2 .footer-menu a{color:#fff}footer.v2 .footer-menu .social a{display:inline-block;vertical-align:middle;margin:3px 5px 0 0;font-size:16px}footer.v2 .footer-menu .social a:hover{text-decoration:none;opacity:.7}footer.v2 .footer-menu .social a .icon-linkedin{font-size:18px}footer.v2 .footer-menu .sub-input{display:block;color:#000;margin-bottom:5px;margin-top:-5px}footer.v2 .footer-menu .sub-input ::-webkit-input-placeholder{font-size:14px;font-weight:100;color:#48566b}footer.v2 .footer-menu .sub-input ::-moz-placeholder{font-size:14px;font-weight:100;color:#48566b}footer.v2 .footer-menu .sub-input :-ms-input-placeholder{font-size:14px;font-weight:100;color:#48566b}footer.v2 .footer-menu .sub-input :-moz-placeholder{font-size:14px;font-weight:100;color:#48566b}footer.v2 .footer-menu .sub-input input[type=email]{width:200px;border-radius:20px;margin-top:5px;margin-right:5px}footer.v2 .footer-menu .sub-input .button{top:-1px;margin-top:5px}footer.v2 .footer-menu .copyright{display:block}footer.v2 .footer-menu .copyright a{display:inline-block;vertical-align:bottom}footer.v2 .footer-menu .copyright p{display:inline-block;vertical-align:bottom;font-size:6px;margin:0;padding:0;position:relative;top:-2px;left:10px}footer.v2 .footer-menu .flex{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:20px;max-width:400px}footer.v2 .footer-menu .flex .sub-input input{width:100%}footer.v2 .footer-menu .flex .fm-col{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}footer.v2 .footer-menu .flex .fm-col .title{font-size:14px;margin-bottom:10px;width:auto}footer.v2 .footer-menu .flex .fm-col.right{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:20px;width:auto;max-width:40%}footer.v2 .footer-menu .flex .fm-col .social a .icon-facebook1{font-size:20px}footer.v2 .footer-menu .flex .fm-col .social a .icon-twitter1{font-size:20px}footer.v2 .footer-menu .flex .fm-col .social a .icon-dribbble{font-size:20px}footer.v2 .footer-menu .fm-line{margin-bottom:20px}footer.v2 .footer-menu .fm-line+.fm-line{margin-top:15px}footer.v2 .footer-menu .fm-line .title{margin-bottom:10px;font-size:14px}footer.v2 .footer-menu .fm-line a{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:5px;font-size:14px;font-weight:100}.main-page{display:block;position:relative}.main-page .cont{max-width:1000px;padding:0 20px}.main-page .button{min-width:190px}@media (min-width:769px){.main-page .button.xxl{height:48px;line-height:48px}}.main-page .mp-top{display:block;background:url(../img/main-page/top-bg.jpg) center center no-repeat;background-size:cover;padding:35px 0 30px}.main-page .mp-top .cont{max-width:920px}.main-page .mp-top .top-text{display:inline-block;max-width:100%;background:rgba(0,0,0,.3);padding:7px 15px 15px;margin-bottom:20px}@media (min-width:769px){.main-page .mp-top .top-text{padding:7px 25px 30px;margin-bottom:50px}}.main-page .mp-top .line1{font-family:'PT Serif',serif;font-size:34px;color:#fff;line-height:1.2}@media (min-width:769px){.main-page .mp-top .line1{font-size:60px;line-height:normal}}@media (min-width:992px){.main-page .mp-top .line1{font-size:72px}}.main-page .mp-top .line2{margin-top:5px;font-weight:200;color:#fff;font-size:16px}@media (min-width:769px){.main-page .mp-top .line2{font-size:20px}}@media (min-width:992px){.main-page .mp-top .line2{font-size:24px}}.main-page .mp-top .button{margin:5px}@media (min-width:769px){.main-page .mp-top .button{margin:0}}.main-page .mp-top .button+.button{margin-left:5px}@media (min-width:769px){.main-page .mp-top .button+.button{margin-left:30px}}@media (min-width:769px){.main-page .mp-top{padding-top:85px;height:440px}}@media (min-width:992px){.main-page .mp-top{padding-top:85px;height:580px}}.main-page .promo-top{display:block;padding:30px 0;position:relative;overflow:hidden}.main-page .promo-top .promo-bg{position:absolute;left:0;top:0;right:0;bottom:0;background-position:65% center;background-repeat:no-repeat;background-size:cover;opacity:0;-webkit-transition:opacity 2s ease-out;transition:opacity 2s ease-out}.main-page .promo-top .promo-bg.current{opacity:1}.main-page .promo-top .opacity-bg{background:rgba(255,255,255,.7);padding:20px;max-width:614px;margin:0 auto}@media (min-width:769px){.main-page .promo-top .opacity-bg{margin:0;padding:25px 35px 30px}}.main-page .promo-top .cont{max-width:1180px}.main-page .promo-top .top-text{margin-bottom:20px}@media (min-width:769px){.main-page .promo-top .top-text{margin-bottom:40px}}.main-page .promo-top .line1{font-family:'PT Serif',serif;font-weight:700;font-size:32px;color:#32221a;line-height:1.2}@media (min-width:769px){.main-page .promo-top .line1{font-size:38px;line-height:normal}}@media (min-width:992px){.main-page .promo-top .line1{font-size:48px}}.main-page .promo-top .line2{margin-top:5px;font-weight:200;color:#46362d;font-size:16px}@media (min-width:769px){.main-page .promo-top .line2{font-size:20px;margin-top:15px}}@media (min-width:992px){.main-page .promo-top .line2{font-size:24px}}.main-page .promo-top .button{margin:5px}@media (min-width:769px){.main-page .promo-top .button{margin:0}}.main-page .promo-top .button+.button{margin-left:5px}@media (min-width:769px){.main-page .promo-top .button+.button{margin-left:20px}}@media (min-width:769px){.main-page .promo-top .button.xxl{height:48px;line-height:44px}}@media (min-width:769px){.main-page .promo-top{padding:60px 0}}@media (min-width:992px){.main-page .promo-top{padding:90px 0}}.main-page .mp-app-links{background:#e6ebf2;padding:10px 0;text-align:center;font-size:16px}.main-page .mp-app-links:after,.main-page .mp-app-links:before{content:" ";display:table}.main-page .mp-app-links:after{clear:both}.main-page .mp-app-links img{max-width:160px}.main-page .mp-capabs{display:block;position:relative;padding:30px 0}@media (min-width:769px){.main-page .mp-capabs{padding:65px 0 100px}}.main-page .mp-capabs h4{font-size:20px;color:#7bb2d1;text-align:center;font-weight:700;margin-bottom:30px}@media (min-width:769px){.main-page .mp-capabs h4{font-size:24px;margin-bottom:50px}}.main-page .mp-capabs .cap-cols{text-align:center}.main-page .mp-capabs .cap-col{width:auto;display:block;text-align:left;position:relative}@media (min-width:769px){.main-page .mp-capabs .cap-col{display:inline-block;vertical-align:top;width:28%;text-align:center}}.main-page .mp-capabs .cap-col .cc-img{position:absolute;left:0;top:0;width:50px;height:50px;border:2px solid #9e966c;background:#46362d;border-radius:50%;margin:0 auto;display:block}.main-page .mp-capabs .cap-col .cc-img img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:80%;max-height:80%}.main-page .mp-capabs .cap-col .cc-img.mt img{margin-top:-7px}@media (min-width:769px){.main-page .mp-capabs .cap-col .cc-img{position:relative;left:auto;top:auto;width:180px;height:180px;border:5px solid #9e966c}}.main-page .mp-capabs .cap-col .cc-title{margin-top:25px;font-weight:700;font-size:18px;color:#46362d;height:50px;line-height:50px;padding-left:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:769px){.main-page .mp-capabs .cap-col .cc-title{margin-top:18px;height:auto;line-height:normal;padding-left:0;font-size:20px}}.main-page .mp-capabs .cap-col .cc-text{margin-top:10px;font-size:16px;color:#232323;line-height:1.5}@media (min-width:769px){.main-page .mp-capabs .cap-col .cc-text{margin-top:27px}}.main-page .mp-capabs .buttons{margin-top:25px;text-align:center}@media (min-width:769px){.main-page .mp-capabs .buttons{margin-top:60px}}.main-page .promo-header{padding:30px 0 20px;text-align:center}.main-page .promo-header h3{color:#7a724e;font-size:24px;font-weight:100;line-height:1;margin:0;padding:0}@media (min-width:769px){.main-page .promo-header{padding:50px 0 20px}.main-page .promo-header h3{font-size:30px}}.main-page .feature-block{display:block;position:relative;padding:30px 0;overflow:hidden}.main-page .feature-block:after,.main-page .feature-block:before{content:" ";display:table}.main-page .feature-block:after{clear:both}@media (min-width:769px){.main-page .feature-block{padding:80px 0}}.main-page .feature-block .cont{color:#32221a}.main-page .feature-block.with-bg{background:url(../img/main-page/feature-bg.jpg) center center no-repeat;background-size:cover}.main-page .feature-block.with-bg .cont{color:#fff}.main-page .feature-block .fb-img{float:left;width:45%;display:none;text-align:center}.main-page .feature-block .fb-img img{max-width:100%;-webkit-box-shadow:16px 16px 16px rgba(0,0,0,.4);box-shadow:16px 16px 16px rgba(0,0,0,.4)}@media (min-width:769px){.main-page .feature-block .fb-img{display:block}}@media (min-width:769px){.main-page .feature-block .fb-buttons,.main-page .feature-block .fb-text,.main-page .feature-block .fb-title{margin-left:50%}}.main-page .feature-block .fb-title{font-size:30px;line-height:1.1;font-weight:700;font-family:'PT Serif',serif;margin-bottom:15px}@media (min-width:769px){.main-page .feature-block .fb-title{margin-bottom:50px;font-size:48px}}.main-page .feature-block .fb-text{font-size:14px;line-height:1.5;margin-bottom:20px}@media (min-width:769px){.main-page .feature-block .fb-text{font-size:16px;margin-bottom:40px}}.main-page .feature-block .fb-text p.with-icon{display:block;padding-left:55px;position:relative;font-weight:100;font-size:16px;margin-top:20px}.main-page .feature-block .fb-text p.with-icon b{display:block}.main-page .feature-block .fb-text p.with-icon [class*=" icon-"],.main-page .feature-block .fb-text p.with-icon [class^=icon-]{position:absolute;left:0;top:2px;color:#94c0ef;font-size:36px;width:44px;text-align:center}.main-page .feature-block .fb-text p.with-icon .icon-search{font-size:37px}.main-page .feature-block .fb-text p.with-icon .icon-open-doc{font-size:39px}.main-page .feature-block .fb-text p.with-icon .icon-highlight{font-size:38px}.main-page .feature-block .fb-text p.with-icon .icon-add-text-block{font-size:43px}.main-page .feature-block .fb-text p.with-icon .icon-coautor{font-size:37px}.main-page .feature-block .fb-text p.with-icon .icon-word-tools{font-size:34px}.main-page .feature-block .fb-text p.with-icon .icon-add-to-binder{font-size:39px}.main-page .feature-block.promo .cont{color:#666}.main-page .feature-block.promo .fb-title{font-size:30px;margin-bottom:15px;color:#7a724e}@media (min-width:769px){.main-page .feature-block.promo .fb-title{font-size:40px;margin-bottom:30px}}.main-page .feature-block.promo .fb-text{font-weight:100}.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:#9a8982}.main-page .feature-block.promo.with-bg .cont,.main-page .feature-block.promo.with-bg .fb-title{color:#fff}.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:#c5bab4}.main-page .feature-block.promo .fb-img img{-webkit-box-shadow:none;box-shadow:none}@media (min-width:769px){.main-page .feature-block.promo .fb-buttons,.main-page .feature-block.promo .fb-text,.main-page .feature-block.promo .fb-title{margin-left:47%}}@media (min-width:769px){.main-page .feature-block.about{padding:37px 0}}.main-page .feature-block.about .fb-text p{max-width:410px}@media (min-width:769px){.main-page .feature-block.about .fb-title{margin-bottom:50px}}.main-page .feature-block.feat-descr{padding:50px 0}.main-page .feature-block.feat-descr .cont{max-width:1040px}.main-page .feature-block.feat-descr .basic{font-size:18px;font-weight:400}.main-page .feature-block.feat-descr .fb-title+.fb-text .basic:first-child{margin-top:-10px}.main-page .feature-block.feat-descr .fb-img{width:170px;height:170px;border-radius:50%;overflow:hidden;position:relative;background:#46362d;border:5px solid #9e966c}.main-page .feature-block.feat-descr .fb-img img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:90%;max-height:90%}.main-page .feature-block.feat-descr .fb-img.mt img{margin-top:-5px}@media (min-width:769px){.main-page .feature-block.feat-descr .fb-buttons,.main-page .feature-block.feat-descr .fb-text,.main-page .feature-block.feat-descr .fb-title{margin-left:220px}}.main-page .feature-block.feat-descr .fb-text{margin-bottom:0}.main-page .feature-block.feat-descr .fb-text .custom-marks{margin-top:35px;list-style:none;padding-left:0}@media (min-width:769px){.main-page .feature-block.feat-descr .fb-text .custom-marks{padding-left:40px}}.main-page .feature-block.feat-descr .fb-text .custom-marks li{padding-left:45px;position:relative}.main-page .feature-block.feat-descr .fb-text .custom-marks li .icon-promo-check{position:absolute;left:0;top:0;font-size:25px;color:#9a8982}.main-page .feature-block.feat-descr .fb-text p,.main-page .feature-block.feat-descr .fb-text span.pblock{margin-bottom:10px;display:block}.main-page .feature-block.feat-descr .fb-text p b,.main-page .feature-block.feat-descr .fb-text span.pblock b{display:block}.main-page .feature-block.feat-descr .fb-buttons{margin:50px 0 -10px}.main-page .feature-block.feat-descr .fb-buttons .button{margin-right:10px;margin-bottom:10px;min-width:186px;padding:0 10px}.main-page .feature-block.feat-descr.with-bg .fb-text .custom-marks li .icon-promo-check{color:#c5bab4}.main-page .fb-bot-text{font-size:11px;font-weight:300;color:#232323;text-align:center;padding:10px 0 40px}.main-page .mp-serve{background:#e6ebf2;padding:10px 0}.main-page .mp-serve:after,.main-page .mp-serve:before{content:" ";display:table}.main-page .mp-serve:after{clear:both}@media (min-width:769px){.main-page .mp-serve{padding:50px 0}}.main-page .mp-serve .cont{max-width:1180px;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;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-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}}.main-page .mp-serve .serve-col{padding:15px 15px 20px;font-size:16px;color:#32221a;font-weight:100;position:relative;background:#fff;-webkit-box-shadow:5px 5px 18px rgba(4,40,79,.4);box-shadow:5px 5px 18px rgba(4,40,79,.4)}.main-page .mp-serve .serve-col+.serve-col{border-top:2px solid #fff}@media (min-width:769px){.main-page .mp-serve .serve-col+.serve-col{border:none}}@media (min-width:769px){.main-page .mp-serve .serve-col{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:32.333333%;padding:45px 30px 115px}}.main-page .mp-serve .serve-col .buttons{width:100%;margin-top:20px}@media (min-width:769px){.main-page .mp-serve .serve-col .buttons{position:absolute;left:30px;bottom:30px;margin-top:1}}.main-page .mp-serve .serve-col .buttons .button{position:relative;height:48px;line-height:44px;font-size:14px;font-weight:700;padding:0 30px;border:2px solid #62818b;-webkit-box-shadow:none;box-shadow:none}.main-page .mp-serve .serve-col .sc-title{font-weight:700;font-size:24px}.main-page .mp-serve .serve-col .normal{font-weight:400;color:#036}.main-page .mp-serve .serve-col:hover{background:#7bb2d1;-webkit-box-shadow:5px 5px 18px rgba(4,40,79,.4);box-shadow:5px 5px 18px rgba(4,40,79,.4)}.main-page .mp-serve .serve-col:hover .sc-title{color:#fff}.main-page .mp-serve .serve-col:hover .normal{color:#fff}.main-page .mp-small-block{padding:15px 0 65px;margin-bottom:20px}.main-page .mp-small-block:last-child{margin-bottom:0}.main-page .mp-small-block .cont{max-width:1100px}.main-page .mp-small-block.with-bg{background:#edf4fc}.main-page .mp-small-block .sb-head{font-size:24px;color:#7a724e;font-weight:100;text-align:center;margin-bottom:30px;margin-top:25px}@media (min-width:769px){.main-page .mp-small-block .sb-head{font-size:30px}}.main-page .mp-small-block .feature-links{margin-top:50px}.main-page .mp-small-block .feature-links:after,.main-page .mp-small-block .feature-links:before{content:" ";display:table}.main-page .mp-small-block .feature-links:after{clear:both}.main-page .mp-small-block .feature-links .feature-link{display:block;width:auto;float:none;text-align:center;height:60px;position:relative;font-size:20px;font-weight:700;color:#7a724e;background:#fff;-webkit-box-shadow:5px 5px 18px rgba(4,40,79,.4);box-shadow:5px 5px 18px rgba(4,40,79,.4);margin-bottom:5px;line-height:1.1}.main-page .mp-small-block .feature-links .feature-link:hover{color:#fff;background:#7bb2d1}@media (min-width:480px){.main-page .mp-small-block .feature-links .feature-link{width:32.33333333%;float:left;height:100px}.main-page .mp-small-block .feature-links .feature-link+.feature-link{margin-left:1.3333333333%}}@media (min-width:769px){.main-page .mp-small-block .feature-links .feature-link{font-size:24px}}.main-page .mp-small-block .feature-links .feature-link span{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%}.main-page .mp-small-block .feature-links .feature-link small{font-size:18px}.main-page .mp-small-block .buttons{text-align:center}.main-page .mp-small-block .buttons .button{margin:0 10px 10px}@media (min-width:769px){.main-page .mp-small-block .buttons .button{line-height:44px}}.main-page .mp-footer{display:block;background:url(../img/main-page/feature-bg.jpg) center center no-repeat;background-size:cover;text-align:center;padding:50px 0 45px;color:#fff}.main-page .mp-footer .line1{color:#fff;font-size:24px}.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{opacity:.35;width:74px;height:74px;margin:0 auto;background:url(../img/bot-logo.png) center center no-repeat}.main-page .mp-interest{position:relative;padding:35px 0;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#539aea),to(#0e3f7b));background:linear-gradient(to right,#539aea,#0e3f7b)}.main-page .breadcrumbs{font-family:'Open Sans',sans-serif;padding:28px 0 18px}.main-page .breadcrumbs .cont{max-width:1020px}.main-page .breadcrumbs .breadcrumb{background:0 0;font-size:14px;padding:0;margin-bottom:0}.main-page .breadcrumbs .breadcrumb li{color:#777}.main-page .breadcrumbs .breadcrumb li+li{padding-left:24px;position:relative}.main-page .breadcrumbs .breadcrumb li+li:before{position:absolute;left:3px;top:9px;content:"";display:block;padding:0;width:7px;height:7px;border-top:1px solid #536174;border-right:1px solid #536174;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.main-page .breadcrumbs .breadcrumb a{color:#777}.main-page .about-top{display:block;padding:0 0 20px}.main-page .about-top .cont{max-width:1020px}.main-page .about-top h1{font-family:'PT Serif',serif;font-weight:700;color:#7a724e;font-size:48px;margin-bottom:10px}.main-page .about-top p{font-size:18px;font-weight:100;color:#48566b;margin:0}.main-page .about-top p+p{margin-top:10px}.main-page .about-top p.big{font-size:23px;color:#036}@media (min-width:769px){.main-page .about-top{padding:0 0 30px}}.main-page .about-bot{display:block;background:#edf4fd;padding:30px 0;margin-top:15px}@media (min-width:769px){.main-page .about-bot{padding:60px 0}}.main-page .about-bot .cont{max-width:840px}.main-page .about-bot .ab-line{display:block;padding-left:70px;position:relative;font-size:16px;font-weight:100;color:#48566b}.main-page .about-bot .ab-line+.ab-line{margin-top:30px}.main-page .about-bot .ab-line [class*=" icon-"],.main-page .about-bot .ab-line [class^=icon-]{position:absolute;left:10px;top:0;width:50px;text-align:center;color:#9a8982}.main-page .about-bot .ab-line .icon-download-pdf{font-size:36px}.main-page .about-bot .ab-line .icon-new-edition{font-size:46px;padding-left:2px}.main-page .about-bot .ab-line .icon-preview{font-size:24px;padding-left:2px}@media (min-width:769px){.main-page .about-bot .ab-line{padding-left:120px}.main-page .about-bot .ab-line [class*=" icon-"],.main-page .about-bot .ab-line [class^=icon-]{left:40px}}.main-page .faq-search{display:block;padding:18px 0;background:#fff;border-bottom:1px solid #767572}.main-page .faq-search .cont{max-width:870px;position:relative}.main-page .faq-search input{width:100%;height:30px;padding:0 45px 0 15px;border-radius:15px}.main-page .faq-search .start-search{position:absolute;right:20px;top:0;font-size:18px;color:#7b724e;padding:3px 15px;border-radius:15px}.main-page .faq-search .start-search:hover{text-decoration:none;color:#000;background:rgba(0,0,0,.05)}.main-page .faq-list .cont{max-width:1020px}.main-page .faq-list .front-accordion{margin:0 0 20px}.main-page .faq-list .front-accordion .fa-body{background:#f5f5f5}.main-page .faq-list .front-accordion .fa-body .fa-cont{padding:10px 20px}.main-page .faq-list .faq-question{display:block;border-bottom:1px solid #ddd;font-weight:100;font-size:14px;color:#337ab7}.main-page .faq-list .faq-question a{display:block;padding:10px 12px;margin:0 -10px;color:#475669}.main-page .faq-list .faq-question a:hover{text-decoration:none;text-shadow:0 0 1px rgba(123,114,78,.7)}.main-page .faq-list .faq-question:last-child{border-bottom:none}.main-page .faq-answer .cont{max-width:1020px}.main-page .faq-answer .answer-cont{border:1px solid #d7d7d7;padding:15px 20px}@media (min-width:769px){.main-page .faq-answer .answer-cont{padding:22px 55px}}.main-page .faq-answer h4{font-size:18px;color:#7b724e;font-weight:100;margin:0 0 15px -10px}@media (min-width:769px){.main-page .faq-answer h4{margin:0 0 25px -30px}}.main-page .faq-answer .answer-text{font-weight:100;color:#666}.main-page .faq-answer .answer-text p{margin-bottom:14px}.main-page .faq-answer .answer-text .normal{font-weight:400}.main-page .faq-answer .answer-text ul{list-style:none;padding-left:0;margin-bottom:14px}.main-page .faq-answer .answer-text ul li{padding-left:24px;position:relative}.main-page .faq-answer .answer-text ul li:before{content:"";display:block;position:absolute;left:12px;top:9px;width:2px;height:2px;background:#48566b}.main-page .faq-answer img{width:auto!important;height:auto!important;max-width:100%} \ No newline at end of file diff --git a/htdocs/wp-content/themes/lawcarta/assets/img/app-store.png b/htdocs/wp-content/themes/lawcarta/assets/img/app-store.png new file mode 100644 index 0000000..7dbf74f Binary files /dev/null and b/htdocs/wp-content/themes/lawcarta/assets/img/app-store.png differ diff --git a/htdocs/wp-content/themes/lawcarta/assets/img/google-store.png b/htdocs/wp-content/themes/lawcarta/assets/img/google-store.png new file mode 100644 index 0000000..d2a3178 Binary files /dev/null and b/htdocs/wp-content/themes/lawcarta/assets/img/google-store.png differ diff --git a/htdocs/wp-content/themes/lawcarta/footer.php b/htdocs/wp-content/themes/lawcarta/footer.php index 1626142..f7f8b2e 100644 --- a/htdocs/wp-content/themes/lawcarta/footer.php +++ b/htdocs/wp-content/themes/lawcarta/footer.php @@ -63,11 +63,11 @@ require_once 'inc/walker-nav-menu.php'; - + + + diff --git a/htdocs/wp-content/themes/lawcarta/functions.php b/htdocs/wp-content/themes/lawcarta/functions.php index 29ce403..9fd901f 100644 --- a/htdocs/wp-content/themes/lawcarta/functions.php +++ b/htdocs/wp-content/themes/lawcarta/functions.php @@ -67,10 +67,15 @@ add_action('wp_enqueue_scripts', function () { wp_enqueue_script('jquery-ui', '//code.jquery.com/ui/1.12.1/jquery-ui.min.js', ['custom-jquery'], null, true); wp_enqueue_script('lawcarta-js', get_theme_file_uri('/assets/js/faqSearch.js'), ['custom-jquery'], null, true); - wp_enqueue_style('lawcarta-external-style', get_theme_file_uri('/assets/css/style.min.css'), ['jquery-ui']); - wp_enqueue_style('lawcarta-newcss', get_theme_file_uri('/assets/css/newcss.min.css'), ['lawcarta-external-style']); - wp_enqueue_style('lawcarta-custom', get_theme_file_uri('/assets/css/custom.css'), ['lawcarta-newcss']); - wp_enqueue_style('lawcarta-style', get_stylesheet_uri(), ['lawcarta-custom']); + if(is_front_page()){ + wp_enqueue_style('lawcarta-style-index', get_theme_file_uri('/assets/css/main-page.min.css')); + }else{ + wp_enqueue_style('lawcarta-external-style', get_theme_file_uri('/assets/css/style.min.css'), ['jquery-ui']); + wp_enqueue_style('lawcarta-newcss', get_theme_file_uri('/assets/css/newcss.min.css'), ['lawcarta-external-style']); + wp_enqueue_style('lawcarta-custom', get_theme_file_uri('/assets/css/custom.css'), ['lawcarta-newcss']); + wp_enqueue_style('lawcarta-style', get_stylesheet_uri(), ['lawcarta-custom']); + } + }); /** diff --git a/htdocs/wp-content/themes/livecarta/assets/css/live-main-page.css b/htdocs/wp-content/themes/livecarta/assets/css/live-main-page.css new file mode 100644 index 0000000..3c53aa8 --- /dev/null +++ b/htdocs/wp-content/themes/livecarta/assets/css/live-main-page.css @@ -0,0 +1,369 @@ +.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 { + 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(../../../lawcarta/assets/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 .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; } diff --git a/htdocs/wp-content/themes/livecarta/assets/css/live-main-page.min.css b/htdocs/wp-content/themes/livecarta/assets/css/live-main-page.min.css new file mode 100644 index 0000000..e35ed8b --- /dev/null +++ b/htdocs/wp-content/themes/livecarta/assets/css/live-main-page.min.css @@ -0,0 +1,4 @@ +/*! + * live-main-page UI Styles. +*/ +.front-accordion .fa-head{border:1px solid #779bca;color:#475669;background:#fff;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.5);box-shadow:0 2px 2px rgba(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}.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-blue,.button.mp-top-right{background:#134d94;border-color:#134d94;color:#fff}.button.mp-top-blue:hover,.button.mp-top-right:hover{background:#1965c1;background:#1965c1;opacity:1}.button.mp-top-blue.xl,.button.mp-top-right.xl{border:none;line-height:30px}@media (min-width:769px){.button.mp-top-blue.xl,.button.mp-top-right.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,.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:700}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:700}header .sign-block a:hover{color:#ff6b00}header .sign-block .signed-user,header .sign-block>a{color:#ff6b00}header .sign-block .signed-user:hover,header .sign-block>a:hover{color:#ff6b00;border-bottom-color:#ff6b00}header .sign-block .signed-user .icon-account-settings,header .sign-block .signed-user .icon-caret,header .sign-block>a .icon-account-settings,header .sign-block>a .icon-caret{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:.7}header .mobile-menu .btn-toggle-menu{color:#333;text-shadow:none}header .mobile-menu .btn-toggle-menu:hover{color:#999}header .mobile-nav{background:#fff;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);box-shadow:0 2px 6px rgba(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,.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,.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 .mp-top{background-image:url(../../../lawcarta/assets/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,.4)),to(rgba(1,26,51,.4)));background:linear-gradient(to right,rgba(19,77,149,.4),rgba(1,26,51,.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,.4);box-shadow:4px 4px 18px rgba(0,0,0,.4)}.main-page .mp-capabs .cap-col .cc-title{color:#036}.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:#036}.main-page .about-top p{color:#48566b}.main-page .about-top p.big{color:#036}.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:#036;background:#fff;-webkit-box-shadow:5px 5px 18px rgba(4,40,79,.4);box-shadow:5px 5px 18px rgba(4,40,79,.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:#fff}.main-page .feature-block .fb-img img{-webkit-box-shadow:16px 16px 16px rgba(0,0,0,.4);box-shadow:16px 16px 16px rgba(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:#036}.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:#fff}.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,.4);box-shadow:5px 5px 18px rgba(4,40,79,.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,.7)}.main-page .promo-top .line1{color:#036}.main-page .promo-top .line2{color:#036}@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,.4);box-shadow:5px 5px 18px rgba(4,40,79,.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:#036}.main-page .mp-serve .serve-col .normal{color:#036}.main-page .mp-serve .serve-col:hover{background:#125095;color:#fff;-webkit-box-shadow:5px 5px 18px rgba(4,40,79,.4);box-shadow:5px 5px 18px rgba(4,40,79,.4)}.main-page .mp-serve .serve-col:hover .sc-title{color:#fff}.main-page .mp-serve .serve-col:hover .normal{color:#fff} \ No newline at end of file diff --git a/htdocs/wp-content/themes/livecarta/functions.php b/htdocs/wp-content/themes/livecarta/functions.php index 7bb6ddb..0758a63 100644 --- a/htdocs/wp-content/themes/livecarta/functions.php +++ b/htdocs/wp-content/themes/livecarta/functions.php @@ -4,7 +4,12 @@ * Enqueue scripts and styles. */ function livecarta_scripts() { - wp_enqueue_style('livecarta-external-style', get_theme_file_uri('/assets/css/livecarta.css'), ['lawcarta-custom']); - wp_enqueue_style('lawcarta-style', get_stylesheet_uri(), ['livecarta-external-style']); + + if(is_front_page()){ + wp_enqueue_style('livecarta-style-index', get_theme_file_uri('/assets/css/live-main-page.min.css')); + }else{ + wp_enqueue_style('livecarta-external-style', get_theme_file_uri('/assets/css/livecarta.css'), ['lawcarta-custom']); + wp_enqueue_style('lawcarta-style', get_stylesheet_uri(), ['livecarta-external-style']); + } } add_action('wp_enqueue_scripts', 'livecarta_scripts');