/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
.icon-add_file {
background-image: url(../images/sprite.png);
background-position: -205px 0px;
width: 16px;
height: 21px;
}
.icon-arrow_down {
background-image: url(../images/sprite.png);
background-position: -25px -167px;
width: 22px;
height: 12px;
}
.icon-calculate {
background-image: url(../images/sprite.png);
background-position: -205px -160px;
width: 16px;
height: 16px;
}
.icon-calendar {
background-image: url(../images/sprite.png);
background-position: -76px -142px;
width: 19px;
height: 19px;
}
.icon-chat {
background-image: url(../images/sprite.png);
background-position: 0px -88px;
width: 24px;
height: 23px;
}
.icon-chat_hover {
background-image: url(../images/sprite.png);
background-position: -29px -88px;
width: 24px;
height: 23px;
}
.icon-check,
.simple-form .checkbox-block .checkbox:checked + .checkbox-custom::before,
.tm-result-item .checkbox:checked + .checkbox-custom:before {
background-image: url(../images/sprite.png);
background-position: -226px -121px;
width: 12px;
height: 9px;
}
.icon-check_order {
background-image: url(../images/sprite.png);
background-position: -58px -59px;
width: 24px;
height: 24px;
}
.icon-close_popup {
background-image: url(../images/sprite.png);
background-position: -155px -54px;
width: 21px;
height: 22px;
}
.icon-close_popup_white {
background-image: url(../images/sprite.png);
background-position: -155px -27px;
width: 21px;
height: 22px;
}
.icon-eye {
background-image: url(../images/sprite.png);
background-position: -155px 0px;
width: 21px;
height: 22px;
}
.icon-facebook {
background-image: url(../images/sprite.png);
background-position: -226px -100px;
width: 7px;
height: 16px;
}
.icon-faq_close,
.faq-block .question:after {
background-image: url(../images/sprite.png);
background-position: -78px -167px;
width: 21px;
height: 11px;
}
.icon-faq_open,
.faq-block .question.faq-open:after {
background-image: url(../images/sprite.png);
background-position: -52px -167px;
width: 21px;
height: 11px;
}
.icon-footer_clock {
background-image: url(../images/sprite.png);
background-position: 0px -142px;
width: 21px;
height: 20px;
}
.icon-footer_mail {
background-image: url(../images/sprite.png);
background-position: 0px -207px;
width: 18px;
height: 14px;
}
.icon-footer_man {
background-image: url(../images/sprite.png);
background-position: -205px -80px;
width: 13px;
height: 21px;
}
.icon-footer_marker {
background-image: url(../images/sprite.png);
background-position: -181px -81px;
width: 16px;
height: 23px;
}
.icon-footer_phone {
background-image: url(../images/sprite.png);
background-position: -148px -142px;
width: 18px;
height: 19px;
}
.icon-google {
background-image: url(../images/sprite.png);
background-position: 0px -189px;
width: 20px;
height: 13px;
}
.icon-header_clock {
/*background-image: url(../images/sprite.png);*/
/*background-position: -26px -142px;*/
background-image: url(../images/icons/svg/clock.svg);
/*width : 20px;
height : 20px;*/
width: 24px;
height: 24px;
}
.icon-header_mail {
background-image: url(../images/sprite.png);
background-position: -86px -88px;
width: 26px;
height: 20px;
}
.icon-header_marker {
/*background-image: url(../images/sprite.png);
background-position: -181px -109px;*/
background-image: url(../images/icons/svg/mapmarker.svg);
/*width: 16px;
height: 23px;*/
width: 24px;
height: 24px;
}
.icon-header_phone {
background-image: url(../images/sprite.png);
background-position: -124px -142px;
width: 19px;
height: 19px;
}
.icon-insta {
background-image: url(../images/sprite.png);
background-position: -226px -42px;
width: 15px;
height: 15px;
}
.icon-letter {
background-image: url(../images/sprite.png);
background-position: -56px -116px;
width: 25px;
height: 19px;
}
.icon-logout {
background-image: url(../images/sprite.png);
background-position: -114px -116px;
width: 23px;
height: 17px;
}
.icon-logout_hover {
background-image: url(../images/sprite.png);
background-position: -86px -116px;
width: 23px;
height: 17px;
}
.icon-newspaper {
background-image: url(../images/sprite.png);
background-position: -58px -88px;
width: 23px;
height: 23px;
}
.icon-pdf {
background-image: url(../images/sprite.png);
background-position: -181px 0px;
width: 19px;
height: 22px;
}
.icon-printer {
background-image: url(../images/sprite.png);
background-position: -66px 0px;
width: 27px;
height: 22px;
}
.icon-profile_user {
/*background-image: url(../images/sprite.png);
background-position: -98px -58px;*/
background-image: url(../images/icons/svg/user.svg);
width: 24px;
height: 24px;
}
.icon-profile_user_blue {
background-image: url(../images/sprite.png);
background-position: -66px -27px;
width: 24px;
height: 24px;
}
.icon-question {
background-image: url(../images/sprite.png);
background-position: 0px 0px;
width: 28px;
height: 24px;
}
.icon-question_hover,
.procedure-steps-list .help:hover i {
background-image: url(../images/sprite.png);
background-position: -33px 0px;
width: 28px;
height: 24px;
}
.icon-question_small {
background-image: url(../images/sprite.png);
background-position: 0px -167px;
width: 20px;
height: 17px;
}
.icon-search {
background-image: url(../images/sprite.png);
background-position: -226px -62px;
width: 15px;
height: 15px;
}
.icon-search_blue {
background-image: url(../images/sprite.png);
background-position: -51px -142px;
width: 20px;
height: 20px;
}
.icon-search_white {
background-image: url(../images/sprite.png);
background-position: -226px -22px;
width: 15px;
height: 15px;
}
.icon-select_arrow {
background-image: url(../images/sprite.png);
background-position: -226px -135px;
width: 11px;
height: 6px;
}
.icon-services_menu_1 {
background-image: url(../images/sprite.png);
background-position: -155px -107px;
width: 21px;
height: 21px;
}
.icon-services_menu_1_hover {
background-image: url(../images/sprite.png);
background-position: -155px -81px;
width: 21px;
height: 21px;
}
.icon-services_menu_2 {
background-image: url(../images/sprite.png);
background-position: -28px -116px;
width: 23px;
height: 21px;
}
.icon-services_menu_2_hover {
background-image: url(../images/sprite.png);
background-position: 0px -116px;
width: 23px;
height: 21px;
}
.icon-services_menu_3 {
background-image: url(../images/sprite.png);
background-position: -100px -142px;
width: 19px;
height: 19px;
}
.icon-services_menu_3_hover {
background-image: url(../images/sprite.png);
background-position: -181px -137px;
width: 19px;
height: 19px;
}
.icon-services_menu_4 {
background-image: url(../images/sprite.png);
background-position: -127px 0px;
width: 23px;
height: 22px;
}
.icon-services_menu_4_hover {
background-image: url(../images/sprite.png);
background-position: -127px -27px;
width: 23px;
height: 22px;
}
.icon-services_menu_5 {
background-image: url(../images/sprite.png);
background-position: -205px -26px;
width: 13px;
height: 22px;
}
.icon-services_menu_5_hover {
background-image: url(../images/sprite.png);
background-position: -205px -53px;
width: 13px;
height: 22px;
}
.icon-services_menu_6 {
background-image: url(../images/sprite.png);
background-position: -181px -27px;
width: 19px;
height: 22px;
}
.icon-services_menu_6_hover {
background-image: url(../images/sprite.png);
background-position: -181px -54px;
width: 19px;
height: 22px;
}
.icon-services_menu_7 {
background-image: url(../images/sprite.png);
background-position: 0px -29px;
width: 25px;
height: 25px;
}
.icon-services_menu_7_hover {
background-image: url(../images/sprite.png);
background-position: -30px -29px;
width: 25px;
height: 25px;
}
.icon-services_menu_8 {
background-image: url(../images/sprite.png);
background-position: -98px -29px;
width: 24px;
height: 24px;
}
.icon-services_menu_8_hover {
background-image: url(../images/sprite.png);
background-position: -98px 0px;
width: 24px;
height: 24px;
}
.icon-services_menu_9 {
background-image: url(../images/sprite.png);
background-position: -127px -54px;
width: 21px;
height: 24px;
}
.icon-services_menu_9_hover {
background-image: url(../images/sprite.png);
background-position: -127px -83px;
width: 21px;
height: 24px;
}
.icon-slider_next,
.js-slick .slick-arrow.slick-next {
background-image: url(../images/sprite.png);
background-position: -205px -133px;
width: 12px;
height: 22px;
}
.icon-slider_prev,
.js-slick .slick-arrow.slick-prev {
background-image: url(../images/sprite.png);
background-position: -205px -106px;
width: 12px;
height: 22px;
}
.icon-twitter {
background-image: url(../images/sprite.png);
background-position: -226px -82px;
width: 15px;
height: 13px;
}
.icon-user {
background-image: url(../images/sprite.png);
background-position: 0px -59px;
width: 24px;
height: 24px;
}
.icon-user_hover {
background-image: url(../images/sprite.png);
background-position: -29px -59px;
width: 24px;
height: 24px;
}
.icon-vk {
background-image: url(../images/sprite.png);
background-position: -104px -167px;
width: 18px;
height: 11px;
}
.icon-youtube {
background-image: url(../images/sprite.png);
background-position: -226px 0px;
width: 15px;
height: 17px;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-family: 'Roboto', Arial, Tahoma, sans-serif;
font-size: 14px;
background: #ffffff;
color: #000000;
}
a {
text-decoration: none;
color: inherit;
}
.icon {
display: inline-block;
vertical-align: middle;
}
*,
*:active,
*:focus {
outline: none !important;
}
.page {
position: relative;
overflow: hidden;
display: flex;
min-height: 100vh;
flex-direction: column;
}
.main-content {
flex: 1 1 auto;
position: relative;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.container {
position: relative;
}
.sm-visible {
display: none;
}
strong {
font-weight: 700;
}
h1,
.h1 {
font-size: 74px;
font-weight: 100;
line-height: 0.99;
text-shadow: 0px 11px 40.5px rgba(0, 0, 0, 0.07);
text-transform: uppercase;
margin-bottom: 20px;
}
h1 span,
.h1 span {
font-size: 1.1em;
}
h3,
.h3 {
font-size: 30px;
margin-bottom: 25px;
text-transform: uppercase;
line-height: 1.3;
}
h3.line-title,
.h3.line-title {
font-weight: 300;
position: relative;
padding-bottom: 22px;
border-bottom: 2px solid #e7e7e7;
}
h3.line-title:after,
.h3.line-title:after {
background: #1ba6d1;
bottom: -2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.js-slick .slick-arrow {
position: absolute;
z-index: 10;
top: 50%;
text-indent: -9999px;
cursor: pointer;
padding: 0;
margin-top: -11px;
background: transparent;
border: none;
transition: all 0.3s ease-out;
opacity: 0.45;
}
.js-slick .slick-arrow:hover {
opacity: 1;
}
.js-slick .slick-arrow.slick-prev {
left: -45px;
}
.js-slick .slick-arrow.slick-next {
right: -45px;
}
.border-line {
width: 186px;
height: 2px;
background: #e7e7e7;
margin: 0 auto 38px;
text-align: center;
}
.border-line span {
background: #ffa037;
width: 50px;
display: block;
height: 100%;
margin: 0 auto;
}
.button {
display: inline-flex;
text-align: center;
padding: 8px 15px;
font-size: 14px;
min-height: 42px;
align-items: center;
justify-content: center;
color: #ffffff;
border-radius: 1px;
background: #1ba6d1;
transition: all 0.3s ease-out;
text-transform: uppercase;
font-weight: 700;
border-radius: 2.7px;
}
.button:hover {
background: #0088b3;
}
.button i {
flex-shrink: 0;
margin-right: 12px;
}
.button.orange-btn {
background: #ffa037;
color: #fff;
text-decoration: none;
}
.button.orange-btn:hover {
background: #df8017;
text-decoration: none;
}
.button span {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: left;
}
button.button {
border: none;
cursor: pointer;
font-family: 'Roboto', Arial, Tahoma, sans-serif;
font-size: 14px;
}
.simple-form {
font-family: 'Roboto', Arial, Tahoma, sans-serif;
color: #0b3057;
}
.simple-form input,
.simple-form textarea,
.simple-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 20px;
border: solid 1px #dddddd;
transition: all 0.3s ease-out;
border-radius: 2px;
background: #ffffff;
font-family: 'Roboto', Arial, Tahoma, sans-serif;
font-weight: 100;
display: block;
width: 100%;
height: 42px;
color: #0b3057;
font-size: 16px;
font-weight: 300;
padding: 0 20px;
}
.simple-form input:focus,
.simple-form textarea:focus,
.simple-form select:focus {
border-color: #1ba6d1;
}
.simple-form textarea {
resize: none;
height: 104px;
padding: 15px 20px;
line-height: 1.15;
}
.simple-form select {
width: auto;
cursor: pointer;
padding: 0 50px 0 13px;
background: #ffffff url("../images/select_arrow.png") center right 20px no-repeat;
}
.simple-form button {
cursor: pointer;
border: none;
width: 100%;
margin-bottom: 20px;
font-size: 14px;
font-weight: 700;
}
.simple-form .file-upload {
margin-bottom: 20px;
}
.simple-form .file-upload input {
display: none;
}
.simple-form .file-upload label {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
height: 42px;
font-size: 14px;
font-weight: 700;
color: #ffffff;
background: #0c2b4c;
text-transform: uppercase;
padding: 10px;
transition: all 0.3s ease-out;
}
.simple-form .file-upload label:hover {
background: #001f40;
}
.simple-form .file-upload i {
flex-shrink: 0;
margin-right: 10px;
}
.simple-form .input-block {
position: relative;
}
.simple-form .checkbox-block {
margin-bottom: 20px;
}
.simple-form .checkbox-block label {
align-items: flex-start;
display: flex;
font-size: 16px;
font-weight: 300;
}
.simple-form .checkbox-block a {
text-decoration: underline;
}
.simple-form .checkbox-block a:hover {
text-decoration: none;
}
.simple-form .checkbox-block .checkbox,
.simple-form .checkbox-block .radio {
display: none;
}
.simple-form .checkbox-block .checkbox-custom {
position: relative;
width: 19px;
height: 19px;
margin-right: 20px;
border-radius: 2px;
background: #1ba6d1;
flex-shrink: 0;
margin-top: 3px;
}
.simple-form .checkbox-block .checkbox-custom,
.simple-form .checkbox-block .label {
cursor: pointer;
}
.simple-form .checkbox-block .label {
line-height: 1.5;
text-align: left;
}
.simple-form .checkbox-block .checkbox:checked + .checkbox-custom::before {
content: "";
position: absolute;
top: 5px;
left: 4px;
}
.simple-form .checkbox-block .radio-custom {
position: relative;
width: 23px;
height: 23px;
margin-right: 16px;
border-radius: 50%;
border: 1px solid #bebebe;
}
@media (max-width: 480px) {
.simple-form .checkbox-block .radio-custom {
width: 23px;
}
}
.simple-form .checkbox-block .radio:checked + .radio-custom::before {
content: "";
display: block;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
background: #1ba6d1;
border-radius: 50%;
}
.simple-form .checkbox-block .radio[disabled] ~ .label {
color: #bebebe;
}
.simple-form .captcha-block {
width: 298px;
}
.simple-form .captcha-block img {
max-width: 100%;
}
.simple-form ::-webkit-input-placeholder {
/* Chrome и Safari */
opacity: 1;
color: #0b3057;
}
.simple-form :-moz-placeholder {
/* Firefox 18- */
opacity: 1;
color: #0b3057;
}
.simple-form ::-moz-placeholder {
/* Firefox 19+ */
opacity: 1;
color: #0b3057;
}
.simple-form :-ms-input-placeholder {
/* IE10 */
opacity: 1;
color: #0b3057;
}
.simple-form .placeholder {
/* IE7 - IE9 */
opacity: 1;
color: #0b3057;
}
.simple-form.dark-form {
color: #ffffff;
}
.simple-form.dark-form input,
.simple-form.dark-form textarea,
.simple-form.dark-form select {
border: solid 1px #8a9cae;
background: transparent;
color: #ffffff;
}
.simple-form.dark-form input:focus,
.simple-form.dark-form textarea:focus,
.simple-form.dark-form select:focus {
background: #ffffff;
color: #000000;
border-color: #ffffff;
}
.simple-form.dark-form .checkbox-block .checkbox-custom {
background: #06192e;
}
.simple-form.dark-form ::-webkit-input-placeholder {
/* Chrome и Safari */
opacity: 1;
color: #ffffff;
}
.simple-form.dark-form :-moz-placeholder {
/* Firefox 18- */
opacity: 1;
color: #ffffff;
}
.simple-form.dark-form ::-moz-placeholder {
/* Firefox 19+ */
opacity: 1;
color: #ffffff;
}
.simple-form.dark-form :-ms-input-placeholder {
/* IE10 */
opacity: 1;
color: #ffffff;
}
.simple-form.dark-form .placeholder {
/* IE7 - IE9 */
opacity: 1;
color: #ffffff;
}
header {
position: relative;
z-index: 20;
}
.header-top {
background: #dbdbdb;
}
.header-information {
padding: 15px 0;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
}
.header-information .address {
display: flex;
align-items: center;
text-align: left;
line-height: 1.15;
margin-right: 30px;
}
.header-information .schedule span {
vertical-align: middle;
margin: 0 11px;
display: inline-block;
}
.header-information .schedule i {
margin-right: 0;
}
.header-information .profile-link {
display: flex;
align-items: center;
margin-left: 25px;
}
.header-information .profile-link span {
text-decoration: underline;
}
.header-information .profile-link:hover span {
text-decoration: none;
}
.header-information i {
flex-shrink: 0;
margin-right: 11px;
}
.header-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 33px 0 20px;
}
.main-logo {
margin-right: 24px;
margin-top: -20px;
}
.main-logo img {
max-width: 220px;
}
.search-form {
flex-grow: 1;
position: relative;
margin-bottom: -20px;
}
.search-form input {
width: 100%;
padding: 0 100px 0 40px;
}
.search-form i {
position: absolute;
z-index: 2;
top: 14px;
left: 14px;
}
.search-form button {
height: 42px;
width: 88px;
background: #023264;
border-radius: 2px;
position: absolute;
top: 0;
right: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
padding: 0;
transition: all 0.3s ease-out;
}
.search-form button:hover {
background: #205082;
}
.header-contacts {
display: flex;
align-items: center;
margin-left: 34px;
}
.header-contacts .mail {
margin-right: 35px;
}
.header-contacts .mail i {
margin-right: 10px;
}
.header-contacts .mail a:hover {
text-decoration: underline;
}
.header-contacts .backcall-link {
color: #ffa037;
text-transform: uppercase;
text-decoration: underline;
font-weight: 700;
display: inline-block;
margin-left: 35px;
}
.header-contacts .backcall-link:hover {
text-decoration: none;
}
.header-contacts .number {
margin-bottom: 9px;
}
.header-contacts .number i {
margin-right: 7px;
}
.header-contacts .number a {
font-size: 20px;
}
.header-bottom {
border-top: 2px solid #f4f4f4;
}
.header-menu {
display: flex;
position: relative;
}
.header-menu .menu-link {
display: block;
white-space: nowrap;
padding: 17px 21px;
font-size: 16px;
color: #000000;
text-transform: uppercase;
position: relative;
}
.header-menu .menu-link:before {
content: "";
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
transition: all 0.3s ease-out;
margin-top: -2px;
background: #ffa037;
height: 2px;
width: 0;
}
.header-menu .menu-link i {
margin-left: 9px;
margin-top: -1px;
}
.header-menu > li:hover .menu-link:before,
.header-menu > li.active .menu-link:before {
width: 100%;
}
.header-menu > li:hover .header-podmenu {
opacity: 1;
visibility: visible;
}
.header-podmenu {
color: #ffffff;
display: flex;
flex-wrap: wrap;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 10;
transition: all 0.3s ease-out;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-out 0.15s;
}
.header-podmenu:after {
content: "";
background: rgba(12, 49, 87, 0.93);
position: absolute;
z-index: -1;
left: 50%;
transform: translateX(-50%);
top: 0;
width: 100vw;
height: 100%;
}
.header-podmenu li {
width: 20%;
text-align: center;
}
.header-podmenu a {
display: block;
height: 100%;
padding: 24px 43px;
transition: all 0.3s ease-out;
}
.header-podmenu a:hover {
background: #0c3157;
}
.header-podmenu .image {
height: 62px;
line-height: 62px;
margin-bottom: 15px;
}
.header-podmenu .image img {
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: bottom;
}
.header-podmenu h6,
.header-podmenu .h6 {
font-size: 14px;
line-height: 1.29;
text-transform: uppercase;
}
footer {
background: #142c4a;
padding: 39px 0 22px;
color: #ffffff;
}
.footer-content {
display: flex;
margin: 0 -15px;
}
.footer-block {
width: 25%;
padding: 0 15px;
display: flex;
flex-direction: column;
text-align: left;
}
.footer-block .title {
border-bottom: solid 1px rgba(255, 255, 255, 0.33);
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
padding-bottom: 14px;
position: relative;
margin-bottom: 27px;
}
.footer-block .title:after {
background: #ffffff;
bottom: -1px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 54px;
}
.footer-logo {
margin-bottom: 15px;
}
.footer-logo img {
max-width: 200px;
}
.copyright {
margin-top: auto;
color: #989898;
font-weight: 100;
margin-bottom: 19px;
padding-left: 2px;
}
.footer-list {
color: #ffffff;
}
.footer-list li {
margin-bottom: 19px;
font-weight: 100;
}
.footer-list a {
transition: all 0.3s ease-out;
}
.footer-list a:hover {
text-decoration: underline;
color: #cccccc;
}
.footer-contacts li {
line-height: 1.36;
padding-left: 38px;
position: relative;
margin-bottom: 15px;
}
.footer-contacts li i {
position: absolute;
left: 2px;
top: 0;
}
.footer-contacts .icon-footer_mail {
top: 3px;
left: 3px;
}
.socials-list {
margin: 10px -2px 0;
}
.socials-list li {
display: inline-block;
vertical-align: middle;
margin: 0 6px 10px 4px;
}
.socials-list a {
display: block;
height: 30px;
width: 30px;
line-height: 28px;
text-align: center;
transition: all 0.3s ease-out;
}
.socials-list .vk:hover {
background: #6383a8;
}
.socials-list .facebook:hover {
background: #3b5a9a;
}
.socials-list .insta:hover {
background: #cb4e8f;
}
.socials-list .google:hover {
background: #db4437;
}
.socials-list .youtube:hover {
background: #db4437;
}
.socials-list .twitter:hover {
background: #1aa9e1;
}
.footer-block-mobile {
display: none;
}
.clients-section {
padding: 35px 0;
}
.clients-slider .slick-track {
display: flex;
align-items: center;
}
.clients-block {
text-align: center;
}
.clients-block img {
margin: 0 auto;
max-width: 100%;
}
.procedure-steps-section {
padding: 70px 0 60px;
text-align: center;
}
.procedure-steps-section h1.left,
.procedure-steps-section h2.left,
.procedure-steps-section h3.left {
text-align: left;
padding-bottom: 18px;
margin-bottom: 35px;
}
.procedure-steps-section h1 {
text-align: left;
margin-bottom: 35px;
font-size: 30px;
margin-bottom: 25px;
text-transform: uppercase;
line-height: 1.3;
font-weight: 300;
position: relative;
padding-bottom: 22px;
border-bottom: 2px solid #e7e7e7;
}
.procedure-steps-section h1.line-title {
font-weight: 300;
position: relative;
padding-bottom: 22px;
border-bottom: 2px solid #e7e7e7;
}
.procedure-steps-section h1.line-title:after {
background: #1ba6d1;
bottom: -2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.procedure-steps-section h1:after {
background: #1ba6d1;
bottom: -2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.procedure-steps-list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.procedure-steps-list li {
margin: 0 15px 30px;
width: calc(25% - 30px);
transition: all 0.3s ease-out;
background: #ffffff;
box-shadow: 0px 11px 40.5px 5.5px rgba(0, 0, 0, 0.07);
border-radius: 2px;
padding: 65px 20px 20px;
position: relative;
text-align: center;
min-height: 258px;
}
.procedure-steps-list li:hover {
box-shadow: 0 0 40.5px 5.5px rgba(14, 153, 205, 0.34);
}
.procedure-steps-list .image {
height: 104px;
line-height: 104px;
margin-bottom: 24px;
}
.procedure-steps-list .image img {
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: bottom;
}
.procedure-steps-list p {
font-size: 18px;
font-weight: 100;
line-height: 1.33;
}
.procedure-steps-list .number {
position: absolute;
left: 28px;
top: 32px;
z-index: 3;
font-size: 30px;
font-weight: 700;
color: #00b5e9;
line-height: 0.67;
}
.procedure-steps-list .help {
position: absolute;
z-index: 3;
cursor: pointer;
top: 25px;
right: 25px;
}
.procedure-steps-list a {
text-decoration: underline;
}
.tooltipster-content {
padding: 15px 15px 3px !important;
background: #fbfbfb;
}
.tooltipster-content h5,
.tooltipster-content .h5 {
color: #00b5e9;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 16px;
line-height: 1.2;
}
.tooltipster-content p {
line-height: 1.4;
margin-bottom: 10px;
font-size: 13px;
font-weight: 300;
}
.tooltipster-content a {
color: #00b5e9;
text-decoration: underline;
}
.tooltipster-content a:hover {
text-decoration: none;
}
.evaluation-form-section {
background: url("../images/evaluation_form_bg.jpg") center center no-repeat;
background-size: cover;
padding: 80px 0;
}
.evaluation-form-content {
color: #ffffff;
padding: 42px 100px 30px 44px;
background: rgba(11, 48, 86, 0.78);
text-align: center;
}
.evaluation-form-content h3,
.evaluation-form-content .h3 {
font-weight: 100;
display: inline-block;
}
.evaluation-form-content h3 .help-link,
.evaluation-form-content .h3 .help-link {
margin-left: 11px;
line-height: 0.8;
position: relative;
top: -3px;
}
.evaluation-form-content .border-line {
background: rgba(255, 255, 255, 0.18);
}
.evaluation-form .flex {
display: flex;
}
.evaluation-form .user-info {
width: 340px;
flex-shrink: 0;
}
.evaluation-form .dop-info {
padding-left: 30px;
flex-grow: 1;
}
.evaluation-form .file-upload {
float: right;
width: 370px;
}
.evaluation-form .mktu-block {
width: calc(100% - 370px - 30px);
}
.evaluation-form .mktu-block input {
padding-right: 45px;
}
.evaluation-form .help-link {
position: absolute;
right: 14px;
top: 11px;
line-height: 0.8;
}
.evaluation-form .captcha-block {
float: right;
margin-top: 16px;
width: 298px;
}
.evaluation-form textarea {
width: calc(100% - 298px - 30px);
}
.evaluation-form .submit-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.evaluation-form button {
width: 380px;
flex-shrink: 0;
}
.evaluation-form .checkbox-block {
flex-grow: 1;
margin-right: 30px;
}
.tm-form-section {
padding: 44px 0;
background: url("../images/tm_form_bg.jpg");
}
.tm-form-content {
color: #ffffff;
text-align: center;
}
.tm-form-content h3 {
margin-bottom: 7px;
}
.tm-form-content .title-desc {
font-size: 18px;
font-weight: 100;
line-height: 1.33;
margin-bottom: 41px;
}
.tm-form .flex {
display: flex;
align-items: flex-end;
}
.tm-form .user-info {
width: 483px;
flex-shrink: 0;
}
.tm-form .dop-info {
padding-left: 30px;
flex-grow: 1;
}
.tm-form p {
font-size: 16px;
font-weight: 100;
line-height: 1.5;
text-align: left;
margin-bottom: 18px;
}
.tm-form a {
text-decoration: underline;
}
.tm-form a:hover {
text-decoration: none;
}
.tm-form .captcha-block {
float: right;
margin-top: 16px;
width: 298px;
}
.tm-form textarea {
width: calc(100% - 298px - 30px);
}
.tm-form .submit-content {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.tm-form .file-upload {
width: 278px;
flex-shrink: 0;
margin: 0 30px 20px;
}
.tm-form button.button {
width: 380px;
flex-shrink: 0;
}
.tm-calculate-section {
background: #f8f8f8;
overflow: hidden;
padding: 28px 0 32px;
}
.tm-calculate-content {
padding-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.tm-calculate-content .text {
position: relative;
padding-left: 160px;
padding-right: 65px;
flex-grow: 1;
text-align: left;
}
.tm-calculate-content .button {
width: 380px;
flex-shrink: 0;
}
.tm-calculate-content h4,
.tm-calculate-content .h4 {
font-size: 24px;
color: #0b3057;
margin-bottom: 11px;
text-transform: uppercase;
}
.tm-calculate-content p {
font-size: 16px;
font-weight: 100;
line-height: 1.13;
}
.calculator-image {
position: absolute;
top: -33px;
left: 0;
z-index: 2;
}
.news-tv-section {
padding: 65px 0 35px;
}
.news-tv-section h3 {
padding-bottom: 11px;
margin-bottom: 29px;
}
.all-news-link {
width: 280px;
}
.last-news {
padding-bottom: 9px;
}
.last-news-block {
display: flex;
margin-bottom: 35px;
text-align: left;
font-weight: 300;
font-size: 14px;
}
.last-news-block .news-image {
width: 175px;
margin-right: 30px;
flex-shrink: 0;
display: block;
transition: all 0.3s ease-out;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: 140px;
border-radius: 4px;
/*border:1px solid rgba(0,0,0,.2);*/
box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.06 robot);
}
@media (max-width: 640px) {
.last-news-block .news-image {
height: 200px;
}
}
.last-news-block .news-image:hover {
opacity: 0.85;
}
.last-news-block .news-image img {
width: 100%;
}
.last-news-block .date {
margin-bottom: 7px;
}
.last-news-block h5,
.last-news-block .h5 {
line-height: 1.43;
font-weight: 700;
margin-bottom: 8px;
}
.last-news-block p {
line-height: 1.43;
max-height: 60px;
overflow: hidden;
}
.last-news-block a {
display: inline-block;
transition: all 0.3s ease-out;
}
.last-news-block a:hover {
text-decoration: underline;
color: #1ba6d1;
}
.last-tv {
margin-bottom: -22px;
}
.last-tv-block {
margin-bottom: 22px;
}
.last-tv-block p {
text-align: left;
font-size: 16px;
font-weight: 300;
line-height: 1.25;
margin-bottom: 15px;
}
.last-tv-block .video-frame {
height: 209px;
}
.last-tv-block iframe {
width: 100%;
height: 100%;
border-radius: 10px;
}
.step-instruction-section {
padding: 35px 0 30px;
}
.step-instruction-section .to-read {
width: 280px;
margin-top: 5px;
margin-left: 310px;
}
.step-instruction-content {
position: relative;
text-align: left;
overflow: hidden;
max-height: 335px;
}
.step-instruction-content p,
.step-instruction-content > div {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
margin-bottom: 18px;
}
.step-instruction-content p .step-instruction-paragraph a[href]:not(.button),
.step-instruction-content > div .step-instruction-paragraph a[href]:not(.button) {
color: #1ba6d1;
text-decoration: underline;
}
.step-instruction-content p .step-instruction-paragraph a[href]:not(.button):hover,
.step-instruction-content > div .step-instruction-paragraph a[href]:not(.button):hover {
text-decoration: none;
}
.step-instruction-content .read-close {
width: 280px;
margin-top: 10px;
display: none;
}
.step-instruction-content .read-close i {
transform: rotate(-180deg);
margin-top: -2px;
}
.step-instruction-content:after {
content: "";
bottom: 0;
left: 0;
height: 160px;
width: 100%;
position: absolute;
z-index: 8;
display: block;
pointer-events: none;
transition: all 0.3s ease-out;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.step-instruction-content.full-open {
max-height: 100%;
}
.step-instruction-content.full-open:after {
opacity: 0;
visibility: hidden;
}
.step-instruction-content.full-open .step-instruction-menu {
opacity: 1;
visibility: visible;
}
.step-instruction-description {
display: flex;
padding-bottom: 35px;
border-bottom: 1px solid #efefef;
margin-bottom: 30px;
}
.step-instruction-description .image {
flex-shrink: 0;
padding: 0 30px;
text-align: left;
width: 310px;
}
.step-instruction-description .image img {
max-width: 100%;
}
.step-instruction-description .text {
padding-top: 4px;
text-align: justify;
}
.step-instruction-description .text p a {
color: #1ba6d1;
text-decoration: underline;
}
.step-instruction-hidden {
overflow: hidden;
}
.step-instruction-menu {
width: 380px;
float: left;
opacity: 0;
visibility: hidden;
}
.step-instruction-menu li {
margin-bottom: 8px;
padding-left: 15px;
width: 100%;
}
.step-instruction-menu a {
color: #3a3a3a;
transition: all 0.3s ease-out;
font-size: 16px;
line-height: 1.4;
display: inline-block;
}
.step-instruction-menu a:hover {
color: #1ba6d1;
}
.step-instruction-menu a.active {
color: #1ba6d1;
position: relative;
}
.step-instruction-menu a.active:before {
content: "";
position: absolute;
left: -15px;
top: 0;
width: 3px;
border-radius: 1px;
height: 100%;
background: #1ba6d1;
}
.step-instruction-full {
float: right;
width: calc(100% - 410px);
}
.step-instruction-paragraph {
padding-bottom: 25px;
clear: both;
}
.step-instruction-paragraph h4,
.step-instruction-paragraph .h4,
.step-instruction-paragraph h3,
.step-instruction-paragraph .h3 {
font-size: 18px;
color: #1ba6d1;
line-height: 1.333;
margin-bottom: 10px;
text-transform: uppercase;
}
.step-instruction-paragraph .image-gallery {
padding-top: 6px;
margin: 0 -15px -5px;
max-width: 100%;
}
.step-instruction-paragraph .image-gallery img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
margin: 0 14px 28px;
}
.step-instruction-paragraph .audio-gallery {
margin: 0 -20px -3px;
}
.step-instruction-paragraph .audio-gallery audio {
max-width: 100%;
}
.step-instruction-paragraph .audio-block {
margin: 0 20px 28px;
display: inline-block;
vertical-align: middle;
}
.step-instruction-paragraph .audio-block p {
font-weight: 400;
margin-bottom: 14px;
}
.step-instruction-paragraph .lightbox-gallery {
padding-top: 6px;
margin: 0 -10px -5px;
}
.step-instruction-paragraph .lightbox-block {
display: inline-block;
margin: 0 10px 28px;
max-width: 245px;
text-align: center;
}
.step-instruction-paragraph .lightbox-block img {
max-width: 100%;
height: 100%;
object-fit: cover;
}
.step-instruction-paragraph .lightbox-block a {
height: 370px;
display: block;
cursor: zoom-in;
margin-bottom: 14px;
}
.step-instruction-paragraph .lightbox-block h6,
.step-instruction-paragraph .lightbox-block .h6 {
font-size: 14px;
margin-bottom: 6px;
}
.step-instruction-paragraph .lightbox-block small {
display: inline-block;
color: #767676;
text-transform: uppercase;
font-size: 14px;
}
.step-instruction-paragraph img.floatLeft {
margin: 7px 30px 10px 0;
}
.step-instruction-paragraph h5,
.step-instruction-paragraph .h5 {
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 18px;
}
.step-instruction-paragraph ol {
margin-bottom: 18px;
}
.step-instruction-paragraph ol li {
font-size: 16px;
font-weight: 300;
line-height: 1.8;
}
.step-instruction-paragraph p {
text-align: justify;
}
.tm-check-block {
padding: 25px 0 10px;
text-align: left;
color: #ffffff;
background: #1ba6d1;
}
.tm-check-block h4,
.tm-check-block .h4 {
text-transform: uppercase;
font-size: 24px;
line-height: 1.2;
margin-bottom: 16px;
}
.tm-check-form {
display: flex;
}
.tm-check-form button {
width: 380px;
flex-shrink: 0;
margin-left: 30px;
}
.tm-check-form input {
flex-grow: 1;
border-color: transparent;
}
.introdution-section {
position: relative;
padding: 205px 0 50px;
background: url("../images/introdution_bg.jpg") center center no-repeat;
background-size: cover;
color: #ffffff;
}
.introdution-section .tm-check-block {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 3;
background: rgba(0, 181, 233, 0.8);
}
.introdution-content {
display: flex;
align-items: center;
}
.introdution-title {
flex-grow: 1;
padding-right: 30px;
text-align: left;
}
.introdution-title .line {
width: 85px;
background: #00b5e9;
height: 2px;
margin-bottom: 14px;
}
.introdution-title .note {
font-size: 36px;
font-weight: 100;
line-height: 1.43;
}
.trademarks-list {
background: #0b395d;
flex-shrink: 0;
width: 380px;
position: relative;
box-shadow: 0px 11px 56.4px 5.6px rgba(0, 0, 0, 0.09);
text-align: left;
color: #ffffff;
font-size: 16px;
font-weight: 100;
}
.trademarks-list:before {
content: "";
width: 50px;
height: 2px;
background: #ffa037;
position: absolute;
z-index: 3;
top: 32px;
left: 0;
margin-left: -33px;
}
.trademarks-list li {
border-bottom: 1px solid #1a598b;
}
.trademarks-list li:last-child {
border-bottom: none;
}
.trademarks-list .title {
border-bottom: none;
font-size: 20px;
color: #ffa037;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 23px 30px 10px;
}
.trademarks-list a {
display: block;
padding: 14px 15px 14px 30px;
line-height: 1.2;
transition: all 0.3s ease-out;
}
.trademarks-list a:hover {
background: #174569;
}
.main-content-section {
padding: 24px 0 1px;
}
.breadcrumbs {
padding-bottom: 25px;
}
.breadcrumbs li {
font-size: 16px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
margin: 0 17px 15px 0;
color: #0b3056;
position: relative;
}
.breadcrumbs li:after {
content: "/";
position: absolute;
top: 0;
right: -14px;
}
.breadcrumbs li:last-child:after {
display: none;
}
.breadcrumbs a {
font-weight: 300;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs span {
color: #1ba6d1;
}
.page-flex {
display: flex;
align-items: flex-start;
}
.page-flex h1 {
text-align: left;
padding-bottom: 18px;
font-size: 30px;
margin-bottom: 25px;
text-transform: uppercase;
line-height: 1.3;
font-weight: 300;
position: relative;
padding-bottom: 22px;
border-bottom: 2px solid #e7e7e7;
}
.page-flex h1.line-title {
font-weight: 300;
position: relative;
padding-bottom: 22px;
border-bottom: 2px solid #e7e7e7;
}
.page-flex h1.line-title:after {
background: #1ba6d1;
bottom: -2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.page-flex h1:after {
background: #1ba6d1;
bottom: -2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.page-flex h3.line-title,
.page-flex .line-title {
padding-bottom: 15px;
}
.page-content {
flex-grow: 1;
min-height: 0;
min-width: 0;
padding-right: 30px;
}
.page-sidebar {
width: 380px;
flex-shrink: 0;
}
.services-menu {
box-shadow: 0px 11px 40.5px 5.5px rgba(0, 0, 0, 0.07);
background-color: #ffffff;
border-radius: 2.7px;
padding: 28px 42px 1px;
}
.services-menu h3,
.services-menu .h3 {
margin-bottom: 14px;
}
.services-menu-list {
position: relative;
z-index: 5;
}
.services-menu-list li {
border-bottom: 1px solid #eaeaea;
padding: 17px 0;
font-weight: 300;
font-size: 18px;
}
.services-menu-list li:last-child {
border-bottom: none;
}
.services-menu-list a {
display: inline-flex;
align-items: center;
text-align: left;
color: #023264;
transition: all 0.3s ease-out;
line-height: 1.1;
}
.services-menu-list a:hover {
color: #1ba6d1;
}
.services-menu-list a:hover span {
text-decoration: underline;
}
.services-menu-list a:hover i {
opacity: 0;
visibility: hidden;
}
.services-menu-list a:hover .icon-hover {
opacity: 1;
visibility: visible;
}
.services-menu-list .image {
width: 25px;
height: 25px;
line-height: 25px;
flex-shrink: 0;
text-align: center;
margin-right: 15px;
}
.services-menu-list .image i {
transition: all 0.3s ease-out;
vertical-align: top;
}
.services-menu-list .image .icons {
display: inline-block;
position: relative;
vertical-align: middle;
}
.services-menu-list .icon-hover {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
}
.services-menu-list .has-podmenu {
background: #1ba6d1;
padding: 18px 42px;
margin: 0 -42px;
border-bottom: none;
}
.services-menu-list .has-podmenu a {
color: #ffffff !important;
}
.services-menu-list .has-podmenu .image {
font-size: 28px;
}
.services-menu-list .has-podmenu:hover .services-podmenu {
transition: all 0.25s ease-out 0.2s;
opacity: 1;
visibility: visible;
}
.services-podmenu {
position: absolute;
right: 100%;
min-height: 100%;
top: 0;
border-radius: 2.7px;
margin-right: 42px;
background: rgba(2, 50, 100, 0.95);
box-shadow: 0px 11px 40.5px 5.5px rgba(0, 0, 0, 0.07);
width: 474px;
padding: 18px 0;
transition: all 0.3s ease-out 0.15s;
opacity: 0;
visibility: hidden;
}
.services-podmenu li {
border-bottom: none;
padding: 0;
}
.services-podmenu a {
display: block;
padding: 20px 20px 20px 30px;
transition: all 0.3s ease-out;
}
.services-podmenu a:hover {
background: #1ba6d1;
}
.sidebar-tv {
margin-top: 35px;
}
.shadow-block {
margin-bottom: 20px;
border-radius: 5.7px;
background: #ffffff;
box-shadow: 0px 11px 40.5px 5.5px rgba(0, 0, 0, 0.07);
padding: 28px 36px 36px;
}
.shadow-block h3,
.shadow-block .h3 {
margin-bottom: 32px;
}
.our-clients {
margin-bottom: 79px;
}
.page-content ul.our-clients-list {
display: flex;
flex-wrap: wrap;
list-style: none;
padding-left: 0;
margin-left: 0;
}
.page-content ul.our-clients-list li {
width: 33.3333%;
margin: 0;
margin-right: -1px;
margin-bottom: -1px;
height: 240px;
padding: 10px;
line-height: 220px;
text-align: center;
border: 1px solid #f5f5f5;
position: relative;
}
.page-content ul.our-clients-list li:before {
display: none;
}
.page-content ul.our-clients-list li:hover {
border-color: #1ba6d1;
z-index: 3;
transition: all 0.3s ease-out;
}
.page-content ul.our-clients-list li img {
display: inline-block;
vertical-align: middle;
max-height: 100%;
max-width: 100%;
}
.all-news {
margin-bottom: 38px;
}
.all-news-list .last-news-block {
padding-bottom: 23px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 29px;
}
.all-news-list .last-news-block:nth-last-of-type(1) {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.page-content ul.pagination {
display: flex;
justify-content: center;
margin-bottom: 7px;
position: relative;
z-index: 5;
}
.page-content ul.pagination li {
padding-left: 20px;
}
.page-content ul.pagination li:before {
display: none;
}
.page-content ul.pagination a {
display: block;
border-radius: 0.2px;
box-shadow: 0 0 4px 0.1px rgba(0, 0, 0, 0.07);
transition: all 0.3s ease-out;
text-align: center;
background: #ffffff;
height: 42px;
line-height: 42px;
min-width: 40px;
padding: 0 5px;
color: #142c4a;
font-size: 14px;
}
.page-content ul.pagination a:hover {
color: #1ba6d1;
}
.page-content ul.pagination .active-page {
color: #ffffff !important;
font-weight: 700;
background: #1ba6d1;
}
.open-news {
margin-bottom: 40px;
}
.open-news-text {
margin-bottom: 22px;
}
.open-news-text img.floatLeft {
margin: 7px 35px 15px 0;
max-width: 300px;
}
@media (max-width: 480px) {
.open-news-text img.floatLeft {
width: 100%;
}
}
.open-news-text p {
font-size: 16px;
font-weight: 300;
margin-bottom: 10px;
line-height: 1.5;
}
.open-news-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.open-news-info {
font-weight: 300;
}
.open-news-info i {
margin-right: 11px;
flex-shrink: 0;
}
.open-news-info > div {
margin: 5px 40px 5px 0;
display: inline-flex;
align-items: center;
}
.read-also-list {
padding-right: 75px;
}
.read-also-list li {
margin-bottom: 16px;
text-align: left;
}
.read-also-list a {
color: #142c4a;
transition: all 0.3s ease-out;
text-decoration: underline;
font-size: 18px;
line-height: 1.1;
}
.read-also-list a:hover {
color: #1ba6d1;
}
.pluso-block {
flex-shrink: 0;
}
.faq-block {
margin-bottom: 10px;
font-weight: 300;
text-align: left;
}
.faq-block .question {
background: #f8f8f8;
cursor: pointer;
border: solid 1px #dbdbdb;
color: #282828;
font-size: 18px;
line-height: 1.33;
position: relative;
padding: 19px 60px 22px 30px;
transition: all 0.3s ease-out;
}
.faq-block .question:after {
content: "";
position: absolute;
top: 50%;
margin-top: -6px;
right: 30px;
}
.faq-block .question:hover {
border-color: #1ba6d1;
}
.faq-block .question.faq-open {
color: #ffffff;
border-color: #1ba6d1;
background: #1ba6d1;
}
.faq-block .answer {
border: solid 1px #dbdbdb;
background: #ffffff;
border-radius: 2px;
font-size: 16px;
line-height: 1.5;
color: #212121;
padding: 25px 30px;
display: none;
}
.faq-block a {
color: #1ba6d1;
}
.faq-block a:hover {
text-decoration: underline;
}
.calculator-section h1 {
text-align: left;
padding-bottom: 18px;
font-size: 30px;
margin-bottom: 25px;
text-transform: uppercase;
line-height: 1.3;
margin-bottom: 30px;
padding-bottom: 15px;
font-weight: 300;
position: relative;
padding-bottom: 22px;
border-bottom: 2px solid #e7e7e7;
}
.calculator-section h1.line-title {
font-weight: 300;
position: relative;
padding-bottom: 22px;
border-bottom: 2px solid #e7e7e7;
}
.calculator-section h1.line-title:after {
background: #1ba6d1;
bottom: -2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.calculator-section h1:after {
background: #1ba6d1;
bottom: -2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.calculator-section h3.line-title,
.calculator-section .h3.line-title,
.calculator-section .line-title {
margin-bottom: 30px;
padding-bottom: 15px;
}
.calculator-step {
text-align: left;
display: none;
}
.calculator-step .shadow-block {
padding-top: 35px;
padding-bottom: 18px;
}
.calculator-step .step-count {
color: #1ba6d1;
font-size: 16px;
margin-bottom: 25px;
}
.calculator-step .step-flex {
display: flex;
justify-content: space-between;
}
.calculator-step h5,
.calculator-step .h5 {
font-size: 24px;
color: #0b3056;
margin-bottom: 22px;
}
.calculator-step .next-step.hidden {
opacity: 0;
visibility: hidden;
}
.calculator-form .button {
width: 240px;
}
.calculator-form .calculator-options {
padding-bottom: 19px;
}
.calculator-form .checkbox-block {
margin-bottom: 9px;
}
.calculator-form .checkbox-block label {
font-size: 18px;
}
.calculator-form .with-help label {
display: inline-flex;
vertical-align: middle;
}
.calculator-form .help {
margin-left: 14px;
vertical-align: middle;
display: inline-block;
cursor: pointer;
}
.calculator-form .with-select {
padding-top: 10px;
}
.calculator-form .with-select select {
margin-top: -10px;
}
.calculator-total {
padding-top: 12px;
}
.calculator-total .total-price {
display: flex;
align-items: center;
justify-content: space-between;
color: #1ba6d1;
font-size: 24px;
margin-bottom: 37px;
}
.calculator-total .total-price span {
margin-right: 20px;
text-transform: uppercase;
}
.calculator-detail {
border-bottom: 1px solid #1ba6d1;
padding-bottom: 10px;
margin-bottom: 31px;
}
.calculator-detail .detail-block {
margin-bottom: 29px;
font-weight: 300;
}
.calculator-detail .detail-block .top {
font-size: 24px;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 5px;
border-bottom: 1px solid #ececec;
margin-bottom: 6px;
}
.calculator-detail .detail-block span {
margin-right: 30px;
}
.calculator-detail .detail-block .price {
white-space: nowrap;
}
.calculator-detail .detail-block .note {
font-size: 14px;
line-height: 1.2;
margin-bottom: -2px;
}
.calculator-detail .detail-block .note.right {
text-align: right;
}
.calculate-order {
text-align: right;
margin: 0 -15px 13px;
display: flex;
justify-content: flex-end;
}
.calculate-order a {
flex-grow: 1;
margin: 0 15px 15px;
max-width: 280px;
}
.calculate-order a:not(.popup-open) {
background: #0c2b4c;
}
.calculate-order a:not(.popup-open):hover {
background: #001738;
}
.calculate-order .popup-open {
max-width: 240px;
}
#tm-form-popup .popup-content {
background: rgba(0, 0, 0, 0) url("../images/tm_form_bg.jpg");
padding: 35px 36px 25px;
}
#tm-form-popup .title-desc {
max-width: 590px;
margin: 0 auto 30px;
}
#tm-form-popup .tm-form .flex {
flex-wrap: wrap;
}
#tm-form-popup .tm-form .user-info {
width: 100%;
}
#tm-form-popup .tm-form .dop-info {
padding-left: 0;
}
#tm-form-popup .tm-form textarea {
width: 100%;
}
#tm-form-popup .tm-form .file-upload {
flex-grow: 1;
flex-shrink: 1;
margin-left: 0;
}
#tm-form-popup .tm-form button.button {
flex-shrink: 1;
min-width: 330px;
}
#tm-form-popup .tm-form .captcha-block {
float: none;
margin-top: 5px;
flex-shrink: 0;
order: 2;
}
#tm-form-popup .tm-form .check-flex {
display: flex;
padding-bottom: 10px;
}
#tm-form-popup .tm-form .checkbox-block {
margin-right: 30px;
}
.calculator-step-examples {
width: 615px;
background: #fafafa;
margin: -35px -36px -18px 30px;
border-radius: 0 5.7px 5.7px 0;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 68px;
flex-direction: column;
text-align: center;
}
.calculator-step-examples h5,
.calculator-step-examples .h5 {
color: #828282;
}
.calculator-step-examples p {
font-weight: 300;
font-size: 18px;
line-height: 1.333;
margin-bottom: 10px;
}
.calculator-step-examples .button {
width: 100%;
margin-top: 15px;
background: #afafaf;
}
.calculator-step-examples .button:hover {
background: #9a9a9a;
}
.images-tabs {
display: none;
}
.images-tabs.visible {
display: block;
}
.images-tabs .image-gallery {
margin: 8px -15px -5px;
}
.images-tabs .image-gallery img {
max-width: 122px;
display: inline-block;
vertical-align: middle;
margin: 0 15px 20px;
}
.calculator-text {
padding-top: 26px;
}
.calculator-text h6,
.calculator-text .h6 {
font-size: 18px;
color: #1ba6d1;
margin-bottom: 26px;
text-transform: uppercase;
}
.calculator-text p {
font-weight: 300;
font-size: 18px;
margin-bottom: 30px;
line-height: 1.667;
}
.calculator-text p strong {
font-weight: 400;
}
.calculator-text a {
text-decoration: underline;
}
.calculator-text a:hover {
text-decoration: none;
}
.calculator-text .warning {
font-weight: 400;
color: #0b3056;
}
.main-content-section ~ .news-tv-section {
padding-top: 15px;
}
.personal-enter h3.line-title,
.personal-enter .h3.line-title,
.personal-enter .line-title {
padding-bottom: 15px;
}
.personal-menu h3,
.personal-menu .h3 {
margin-bottom: 5px;
}
.kod-form {
margin-bottom: 13px;
}
.kod-form .submit-flex {
display: flex;
text-align: left;
align-items: center;
}
.kod-form .button {
width: 280px;
flex-shrink: 0;
margin-bottom: 0;
margin-right: 30px;
}
.kod-form p {
font-weight: 300;
font-size: 16px;
line-height: 1.2;
}
.enter-form {
display: flex;
text-align: left;
margin: 0 -15px;
}
.enter-form .form-block {
flex-shrink: 0;
width: 33.33333%;
padding: 0 15px;
}
.enter-form .button {
width: 100%;
}
.enter-form p {
font-weight: 300;
font-size: 16px;
line-height: 1.2;
}
.enter-form a {
font-weight: 400;
color: #1ba6d1;
text-decoration: underline;
}
.enter-form a:hover {
text-decoration: none;
}
.password-form {
display: flex;
margin: 0 -15px -20px;
}
.password-form .form-block {
flex-shrink: 0;
flex-grow: 1;
padding: 0 15px;
}
.password-form .button {
width: 280px;
}
.registration-form {
text-align: left;
padding-bottom: 18px;
}
.registration-form .flex-block {
display: flex;
margin: 0 -15px;
}
.registration-form .flex-block input {
width: calc(50% - 30px);
margin: 0 15px 20px;
}
.registration-form .note {
color: #ffa037;
font-weight: 300;
margin: -10px 0 20px;
}
.registration-form .captcha-block {
margin: 25px 0;
}
.registration-form .button {
max-width: 320px;
}
.tm-choice-form {
display: flex;
}
.tm-choice-form h4,
.tm-choice-form .h4 {
font-size: 20px;
color: #0b3056;
line-height: 1.2;
}
.tm-choice-form p {
font-weight: 300;
font-size: 16px;
margin-bottom: 26px;
line-height: 1.2;
color: #6e6e6e;
}
.tm-choice-form p a {
text-decoration: underline;
transition: all 0.3s ease-out;
}
.tm-choice-form p a:hover {
color: #1ba6d1;
}
.tm-choice-content {
flex-grow: 1;
padding-right: 30px;
}
.tm-choice-content .form-block {
position: relative;
}
.tm-choice-content input {
padding-right: 190px;
}
.tm-choice-content .button {
width: 176px;
position: absolute;
z-index: 3;
top: 0;
right: 0;
}
.choice-instruction {
background: #f7f7f7;
padding: 60px 30px 58px;
}
.choice-instruction h4,
.choice-instruction .h4 {
margin-bottom: 18px;
}
.choice-instruction p {
margin-bottom: 11px;
}
.tm-choice-mktu {
flex-shrink: 0;
width: 456px;
}
.tm-choice-options {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 17px;
}
.tm-choice-options h4,
.tm-choice-options .h4 {
margin-right: 20px;
}
.tm-choice-options a {
width: 180px;
flex-shrink: 0;
}
.tm-choice-options .no-mktu {
display: none;
}
.mktu-list {
margin: 0 -3.5px;
font-size: 0;
}
.mktu-list li {
margin: 0 3.5px 8px;
display: inline-block;
border-radius: 50%;
padding-left: 0;
}
.mktu-list li:before {
display: none;
}
.mktu-list label {
display: block;
font-size: 20px;
font-weight: 300;
text-align: center;
width: 44px;
height: 44px;
line-height: 42px;
border: 1px solid #023264;
background: #023264;
transition: all 0.3s ease-out;
color: #ffffff;
border-radius: 50%;
cursor: pointer;
}
.mktu-list label:hover {
background: #1c4c7e;
}
.mktu-list input {
display: none;
}
.mktu-list .checked {
background: #1ba6d1 !important;
}
.search-tm-loading {
text-align: left;
}
.search-tm-loading .shadow-block {
min-height: 500px;
}
.search-tm-loading h5,
.search-tm-loading .h5 {
font-size: 20px;
font-weight: 300;
line-height: 1.2;
margin-bottom: 13px;
}
.search-tm-loading p {
font-size: 16px;
color: #6e6e6e;
font-weight: 300;
line-height: 1.2;
margin-bottom: 30px;
}
.cssload-box {
position: relative;
width: 292px;
height: 78px;
}
.cssload-loading:after {
content: '';
position: absolute;
left: -39px;
display: block;
width: 39px;
height: 49px;
border-radius: 4px;
background-color: transparent;
box-shadow: 47px 0 2px rgba(61, 195, 255, 0.8), 94px 0 0px #3dc3ff, 140px 0 2px rgba(61, 195, 255, 0.8), 187px 0 4px rgba(61, 195, 255, 0.6), 234px 0 6px rgba(61, 195, 255, 0.4), 281px 0 8px rgba(61, 195, 255, 0.2);
transform: skewX(-20deg);
animation: cssload-loadingAnim 2.1s linear infinite;
}
@keyframes cssload-loadingAnim {
0% {
box-shadow: 47px 0 0px #3dc3ff, 94px 0 2px rgba(61, 195, 255, 0.8), 140px 0 4px rgba(61, 195, 255, 0.6), 187px 0 6px rgba(61, 195, 255, 0.4), 234px 0 8px rgba(61, 195, 255, 0.2), 281px 0 10px rgba(61, 195, 255, 0);
}
10% {
box-shadow: 47px 0 2px rgba(61, 195, 255, 0.8), 94px 0 0px #3dc3ff, 140px 0 2px rgba(61, 195, 255, 0.8), 187px 0 4px rgba(61, 195, 255, 0.6), 234px 0 6px rgba(61, 195, 255, 0.4), 281px 0 8px rgba(61, 195, 255, 0.2);
}
20% {
box-shadow: 47px 0 4px rgba(61, 195, 255, 0.6), 94px 0 2px rgba(61, 195, 255, 0.8), 140px 0 0px #3dc3ff, 187px 0 2px rgba(61, 195, 255, 0.8), 234px 0 4px rgba(61, 195, 255, 0.6), 281px 0 6px rgba(61, 195, 255, 0.4);
}
30% {
box-shadow: 47px 0 6px rgba(61, 195, 255, 0.4), 94px 0 4px rgba(61, 195, 255, 0.6), 140px 0 2px rgba(61, 195, 255, 0.8), 187px 0 0px #3dc3ff, 234px 0 2px rgba(61, 195, 255, 0.8), 281px 0 4px rgba(61, 195, 255, 0.6);
}
40% {
box-shadow: 47px 0 8px rgba(61, 195, 255, 0.2), 94px 0 6px rgba(61, 195, 255, 0.4), 140px 0 4px rgba(61, 195, 255, 0.6), 187px 0 2px rgba(61, 195, 255, 0.8), 234px 0 0px #3dc3ff, 281px 0 2px rgba(61, 195, 255, 0.8);
}
50% {
box-shadow: 47px 0 10px rgba(61, 195, 255, 0), 94px 0 8px rgba(61, 195, 255, 0.2), 140px 0 6px rgba(61, 195, 255, 0.4), 187px 0 4px rgba(61, 195, 255, 0.6), 234px 0 2px rgba(61, 195, 255, 0.8), 281px 0 0px #3dc3ff;
}
60% {
box-shadow: 47px 0 8px rgba(61, 195, 255, 0.2), 94px 0 10px rgba(61, 195, 255, 0), 140px 0 8px rgba(61, 195, 255, 0.2), 187px 0 6px rgba(61, 195, 255, 0.4), 234px 0 4px rgba(61, 195, 255, 0.6), 281px 0 2px rgba(61, 195, 255, 0.8);
}
70% {
box-shadow: 47px 0 6px rgba(61, 195, 255, 0.4), 94px 0 8px rgba(61, 195, 255, 0.2), 140px 0 10px rgba(61, 195, 255, 0), 187px 0 8px rgba(61, 195, 255, 0.2), 234px 0 6px rgba(61, 195, 255, 0.4), 281px 0 4px rgba(61, 195, 255, 0.6);
}
80% {
box-shadow: 47px 0 4px rgba(61, 195, 255, 0.6), 94px 0 6px rgba(61, 195, 255, 0.4), 140px 0 8px rgba(61, 195, 255, 0.2), 187px 0 10px rgba(61, 195, 255, 0), 234px 0 8px rgba(61, 195, 255, 0.2), 281px 0 6px rgba(61, 195, 255, 0.4);
}
90% {
box-shadow: 47px 0 2px rgba(61, 195, 255, 0.8), 94px 0 4px rgba(61, 195, 255, 0.6), 140px 0 6px rgba(61, 195, 255, 0.4), 187px 0 8px rgba(61, 195, 255, 0.2), 234px 0 10px rgba(61, 195, 255, 0), 281px 0 8px rgba(61, 195, 255, 0.2);
}
100% {
box-shadow: 47px 0 0px #3dc3ff, 94px 0 2px rgba(61, 195, 255, 0.8), 140px 0 4px rgba(61, 195, 255, 0.6), 187px 0 6px rgba(61, 195, 255, 0.4), 234px 0 8px rgba(61, 195, 255, 0.2), 281px 0 10px rgba(61, 195, 255, 0);
}
}
.search-tm-result {
text-align: left;
}
.search-tm-result h5,
.search-tm-result .h5 {
font-size: 20px;
font-weight: 300;
line-height: 1.2;
}
.search-tm-result p {
font-size: 16px;
font-weight: 300;
line-height: 1.2;
margin-bottom: 10px;
}
.search-tm-result .note-block {
color: #ffffff;
padding: 20px 30px;
background: #264f7a;
margin-bottom: 20px;
}
.search-tm-result .to-pdf {
width: 270px;
}
.search-tm-result .result-count {
color: #010101;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 26px;
padding-top: 8px;
}
.tm-result-list li {
margin-bottom: 12px;
box-shadow: 0 0 32.2px 2.8px rgba(0, 0, 0, 0.07);
display: flex;
}
.tm-result-item {
flex-shrink: 0;
width: 470px;
padding-right: 30px;
display: flex;
}
.tm-result-item .checkbox-block input {
display: none;
}
.tm-result-item .checkbox-custom {
position: relative;
width: 19px;
height: 19px;
margin-right: 10px;
border-radius: 2px;
background: #ffffff;
border: 1px solid #dddddd;
flex-shrink: 0;
margin-top: 15px;
cursor: pointer;
transition: all 0.3s ease-out;
display: block;
}
.tm-result-item .checkbox:checked + .checkbox-custom {
background: #1ba6d1;
border-color: #1ba6d1;
}
.tm-result-item .checkbox:checked + .checkbox-custom:before {
content: "";
position: absolute;
top: 4px;
left: 3px;
}
.tm-result-item .number {
width: 36px;
text-align: right;
font-weight: 300;
font-size: 20px;
margin-right: 20px;
margin-top: 14px;
flex-shrink: 0;
}
.tm-result-item .tm-pic {
flex-grow: 1;
}
.tm-result-item .tm-pic img {
max-width: 100%;
}
.tm-result-table {
text-align: left;
flex-grow: 1;
margin: -10px 0 -15px;
}
.tm-result-table tr {
border-bottom: 1px solid #eaeaea;
}
.tm-result-table tr:last-child {
border-bottom: none;
}
.tm-result-table td {
vertical-align: middle;
padding: 12px 0;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.tm-result-table td:first-child {
width: 305px;
padding-right: 20px;
color: #173b60;
font-weight: 400;
}
.tm-result-table a {
color: #1ba6d1;
text-decoration: underline;
}
.tm-result-table a:hover {
text-decoration: none;
}
.trademark-introdution {
background: url("../images/introdution_trademark_bg.jpg") center center no-repeat;
}
.trademark-introdution h1,
.trademark-introdution .h1 {
color: #5cdbff;
line-height: 1.1;
}
.tm-reg-section {
padding: 58px 0 4px;
}
.tm-reg-content {
text-align: left;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.tm-reg-content p {
margin-bottom: 18px;
}
.tm-reg-content p.center {
padding-top: 25px;
}
.tm-reg-content p.center img {
margin-top: -35px;
margin-bottom: 0;
}
.tm-reg-content a {
color: #1ba6d1;
text-decoration: underline;
}
.tm-reg-content a:hover {
text-decoration: none;
}
.tm-reg-content .image-gallery {
margin: 0 -38px;
max-width: 100%;
padding-top: 15px;
}
.tm-reg-content .image-gallery img {
display: inline-block;
margin: 0 38px 30px;
max-width: 100%;
vertical-align: middle;
}
.tm-reg-content .title {
font-weight: 400;
font-size: 18px;
margin-bottom: 14px;
padding-left: 0;
color: #000000;
text-decoration: none;
text-transform: none;
}
.tm-reg-content .title a {
color: inherit;
}
.tm-reg-content ul {
padding: 8px 0 16px;
}
.tm-reg-content ul li {
margin-bottom: 9px;
position: relative;
padding-left: 26px;
}
.tm-reg-content ul .number {
position: absolute;
top: 0;
left: 0;
}
.tm-reg-content h4,
.tm-reg-content .h4 {
color: #1ba6d1;
font-size: 18px;
line-height: 1.333;
padding-top: 8px;
margin-bottom: 17px;
text-transform: uppercase;
font-weight: 400;
}
.tm-reg-content img.floatLeft {
max-width: 100%;
}
.tm-reg-content .uppercase {
margin-bottom: 8px;
text-transform: uppercase;
}
.database-steps {
padding-top: 0;
}
.database-form-section {
padding: 44px 0;
background: url("../images/tm_form_bg.jpg");
}
.database-form-content {
color: #ffffff;
text-align: center;
}
.database-form-content h3,
.database-form-content .h3 {
margin-bottom: 7px;
}
.database-form-content .title-desc {
font-size: 18px;
font-weight: 100;
line-height: 1.33;
margin-bottom: 41px;
}
.database-form .flex {
display: flex;
align-items: flex-end;
}
.database-form .user-info {
width: 483px;
flex-shrink: 0;
}
.database-form .dop-info {
padding-left: 30px;
flex-grow: 1;
}
.database-form .submit-content {
display: flex;
justify-content: space-between;
margin: 0 -15px;
}
.database-form .file-upload {
width: calc(50% - 30px);
margin: 0 15px 20px;
}
.database-form .button {
width: calc(50% - 30px);
margin: 0 15px 20px;
}
.database-form .bottom-block {
display: flex;
align-items: center;
}
.database-form .captcha-block {
margin-right: 30px;
margin-bottom: 20px;
flex-shrink: 0;
}
.database-form .sm-visible {
display: none;
}
.advantages-section {
padding: 52px 0 10px;
}
.advantages-list {
display: flex;
padding-top: 50px;
margin: 0 -15px;
flex-wrap: wrap;
}
.advantages-list li {
margin: 0 15px 35px;
text-align: center;
width: calc(25% - 30px);
}
.advantages-list .image {
height: 96px;
line-height: 96px;
margin-bottom: 20px;
}
.advantages-list .image img {
vertical-align: bottom;
display: inline-block;
}
.advantages-list h5,
.advantages-list .h5 {
color: #173b60;
font-size: 20px;
line-height: 1.2;
margin-bottom: 18px;
}
.advantages-list p {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.price-section {
padding: 15px 0 2px;
}
.price-section-content {
padding-top: 10px;
padding-bottom: 15px;
border-bottom: 1px solid #eaeaea;
}
.price-section-content p {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
margin-bottom: 25px;
}
.price-section-content p a {
text-decoration: underline;
transition: all 0.3s ease-out;
}
.price-section-content p a:hover {
color: #1ba6d1;
}
.table-price {
margin-bottom: 30px;
width: 100%;
}
.table-price tr {
background: #225993;
}
.table-price tr:nth-of-type(even) {
background: #0e3f72;
}
.table-price tr:last-child td {
padding: 30px 25px;
}
.table-price th,
.table-price td {
text-align: center;
vertical-align: middle;
color: #ffffff;
padding: 15px 25px;
font-size: 16px;
font-weight: 300;
border-right: 1px solid #0a2f56;
}
.table-price th:first-child,
.table-price td:first-child {
text-align: left;
}
.table-price th:last-child,
.table-price td:last-child {
width: 146px;
border-right: none;
}
.table-price th {
height: 75px;
text-transform: uppercase;
line-height: 1.188;
}
.table-price th:first-child {
width: 418px;
}
.table-price td {
height: 96px;
line-height: 1.5;
}
.database-reg-section {
padding-top: 36px;
}
.inner-calculate-section {
background: #f5f5f5;
overflow: hidden;
padding: 28px 38px 32px;
box-shadow: 0px 11px 40.5px 5.5px rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
}
.inner-calculate-section .button {
max-width: 342px;
}
.brand-verification {
padding: 25px 0 70px;
}
.brand-verification p {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
text-align: justify;
margin-bottom: 20px;
}
.verification-table {
width: 100%;
margin-top: 30px;
font-size: 16px;
font-weight: 300;
}
.verification-table th,
.verification-table td {
vertical-align: middle;
text-align: center;
padding: 10px 20px;
border: 1px solid #eeeeee;
}
.verification-table th {
height: 74px;
text-transform: uppercase;
background: #eeeeee;
border-right: 1px solid #ffffff;
}
.verification-table td {
height: 92px;
line-height: 1.5;
}
.verification-table .sign {
width: 418px;
}
.verification-table .period {
width: 230px;
}
.verification-table .price {
border-right: 1px solid #eeeeee;
}
.services-package-section {
padding: 74px 0 10px;
}
.services-package-list {
display: flex;
padding-top: 20px;
margin: 0 -15px -20px;
flex-wrap: wrap;
}
.services-package-list li {
margin: 0 15px 35px;
text-align: center;
width: calc(33.3333% - 30px);
}
.services-package-list li a {
color: #1ba6d1;
}
.services-package-list li a:hover {
text-decoration: none;
}
.services-package-list .image {
height: 96px;
line-height: 96px;
margin-bottom: 20px;
}
.services-package-list .image img {
vertical-align: bottom;
display: inline-block;
max-width: 110px;
}
.services-package-list h5,
.services-package-list .h5 {
color: #173b60;
font-size: 19px;
line-height: 1.2;
margin-bottom: 18px;
}
.services-package-list p {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
text-align: justify;
-moz-text-align-last: center;
text-align-last: center;
}
.services-package-list a {
text-decoration: underline;
transition: all 0.3s ease-out;
}
.services-package-list a:hover {
color: #1ba6d1;
}
.state-fees {
display: flex;
margin-bottom: 16px;
}
.state-fees .discount {
background: #ffa037;
position: relative;
z-index: 2;
padding: 307px 30px 30px;
box-shadow: 0px 11px 40.5px 5.5px rgba(0, 0, 0, 0.07);
border-radius: 3px;
width: 382px;
flex-shrink: 0;
margin-bottom: 20px;
color: #ffffff;
text-align: center;
}
.state-fees .discount img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
border-radius: 3px 3px 0 0;
}
.state-fees .content {
flex-grow: 1;
padding-right: 30px;
}
.state-fees h3,
.state-fees .h3 {
padding-bottom: 17px;
margin-bottom: 25px;
}
.state-fees h5,
.state-fees .h5 {
font-size: 30px;
font-weight: 300;
line-height: 1.2;
}
.state-fees h5 span,
.state-fees .h5 span {
display: block;
font-size: 1.433em;
}
.state-fees p {
margin-bottom: 24px;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color: #0a2f56;
text-align: justify;
}
.state-fees p:last-child {
margin-bottom: 0;
}
.state-fees p strong {
font-weight: 400;
}
.state-fees .fees-price {
text-align: center;
}
.state-fees .fees-price p {
text-align: center;
margin-bottom: 15px;
}
.state-fees .button {
padding: 8px 20px;
}
.contacts-section h1 {
text-align: left;
margin-bottom: 35px;
padding-bottom: 16px;
font-weight: 300;
position: relative;
padding-bottom: 22px;
border-bottom: 2px solid #e7e7e7;
}
.contacts-section h1:after {
background: #1ba6d1;
bottom: -2px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.contacts-section h3,
.contacts-section .h3 {
padding-bottom: 16px;
}
.contacts-bottom {
position: relative;
z-index: 2;
padding: 65px 0 60px;
margin-bottom: -1px;
}
.contacts-bottom h3,
.contacts-bottom .h3 {
margin-bottom: 40px;
}
.contacts-bottom .content {
width: 50%;
padding-right: 50px;
}
.contacts-bottom .big-image {
position: absolute;
z-index: 3;
top: 0;
left: 50%;
width: 51vw;
height: 100%;
}
.contacts-bottom .big-image img {
height: 100%;
width: 100%;
object-fit: cover;
}
.contacts-socials {
margin-bottom: 36px;
}
.contacts-socials-list li {
display: inline-block;
vertical-align: middle;
margin: 0 12px 12px 0;
}
.contacts-socials-list li:last-child {
margin-right: 0;
}
.contacts-socials-list a {
border-radius: 50%;
display: block;
transition: all 0.3s ease-out;
}
.contacts-socials-list a:hover {
opacity: 0.82;
}
.contacts-form .flex {
display: flex;
margin: 0 -15px;
}
.contacts-form .flex input {
width: calc(50% - 30px);
margin-left: 15px;
margin-right: 15px;
}
.contacts-form .captcha-block {
margin-bottom: 20px;
}
.contacts-form .checkbox-block label {
font-size: 14px;
}
.contacts-form .checkbox-block .checkbox-custom {
margin-top: 1px;
}
.contacts-form .button {
max-width: 320px;
}
.contacts-top {
position: relative;
}
.route-text {
margin-bottom: 60px;
}
.route-text p {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
text-align: justify;
color: #0b395d;
margin-bottom: 30px;
}
.route-text .button {
max-width: 380px;
width: 100%;
}
.route-text.mobile-version {
display: none;
}
.contacts-information {
min-height: 953px;
margin-left: 50%;
position: relative;
z-index: 3;
padding: 60px 0 40px 72px;
color: #ffffff;
text-align: left;
}
.contacts-information:after {
content: "";
position: absolute;
z-index: -1;
top: 0;
height: 100%;
left: 0;
width: 51vw;
background: #0b3057;
opacity: 0.91;
}
.contacts-information h3.line-title,
.contacts-information .h3.line-title,
.contacts-information .line-title {
border-bottom-color: #6c8095;
max-width: 380px;
}
.contacts-information h3.line-title:after,
.contacts-information .h3.line-title:after,
.contacts-information .line-title:after {
background: #ffa037;
}
.contacts-requisites p {
font-size: 16px;
font-weight: 300;
line-height: 1.2;
margin-bottom: 11px;
}
.contacts-list {
padding-bottom: 70px;
}
.contacts-list li {
padding-left: 34px;
position: relative;
font-size: 22.4px;
font-weight: 100;
line-height: 1.5;
margin-bottom: 3px;
}
.contacts-list i {
left: 0;
position: absolute;
top: 6px;
}
.contacts-list .icon-footer_mail {
top: 11px;
}
.contacts-list .phone {
font-size: 20px;
font-weight: 400;
}
.contacts-list .backcall {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
text-decoration: underline;
color: #ffa037;
margin-left: 14px;
}
.contacts-list .backcall:hover {
text-decoration: none;
}
.contacts-list .time {
margin-top: 23px;
font-size: 20px;
}
.contacts-list strong {
font-weight: 400;
}
.map {
height: 953px;
width: 135vw;
position: absolute;
z-index: 2;
right: 50%;
margin-right: -50vw;
bottom: 0;
}
/*======================= МОДАЛКИ =========================*/
.popup-modal {
margin: 40px auto;
position: relative;
background: #ffffff;
border-radius: 2px;
max-width: 790px;
box-shadow: 0px 11px 40.5px 5.5px rgba(0, 0, 0, 0.07);
}
.popup-modal .mfp-close {
right: 10px;
height: auto;
width: auto;
line-height: 1;
font-size: 1px;
top: 10px;
transition: all 0.3s ease-out;
opacity: 1;
}
.popup-modal .mfp-close img,
.popup-modal .mfp-close i {
pointer-events: none;
}
.popup-modal .mfp-close:hover {
opacity: 0.8;
}
.mfp-bg {
background: #000000;
}
.mfp-zoom-in {
/* start state */
/* animate in */
/* animate out */
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.66;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.popup-flex {
display: flex;
}
.popup-img {
width: 380px;
flex-shrink: 0;
}
.popup-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2px 0 0 2px;
}
.popup-form {
padding: 31px 45px 12px;
flex-grow: 1;
}
.popup-form h3,
.popup-form .h3 {
margin: 0 -45px;
text-align: center;
font-weight: 100;
text-transform: none;
padding-bottom: 22px;
margin-bottom: 26px;
border-bottom: 2px solid #e7e7e7;
position: relative;
}
.popup-form h3:after,
.popup-form .h3:after {
content: "";
width: 50px;
height: 2px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -25px;
background: #1ba6d1;
z-index: 2;
margin-bottom: -2px;
}
.popup-form h4,
.popup-form .h4 {
font-size: 26px;
font-weight: 100;
margin-bottom: 22px;
}
.popup-form .captcha-block {
margin-bottom: 36px;
}
.popup-form .checkbox-block {
margin-bottom: 30px;
}
.popup-form .checkbox-block .checkbox-custom {
margin-top: 1px;
}
.popup-form .checkbox-block .label {
line-height: 1.43;
font-size: 14px;
font-weight: 300;
}
.popup-form .search-form {
margin-bottom: 0;
}
/*======================= MEDIA =========================*/
@media (max-width: 1259px) {
.main-logo img {
max-width: 160px;
}
.header-contacts {
margin-left: 20px;
}
.header-contacts .mail {
margin-right: 25px;
}
.header-menu .menu-link {
padding: 17px;
}
.header-information .address {
max-width: 345px;
}
h1,
.h1 {
font-size: 53px;
}
.introdution-title .note {
font-size: 32px;
}
.tm-form .user-info {
width: 300px;
}
.tm-form .file-upload {
width: 250px;
}
.tm-form button.button {
width: 275px;
}
.evaluation-form-content {
padding-right: 44px;
}
.evaluation-form .user-info {
width: 240px;
}
.evaluation-form .file-upload {
width: 250px;
}
.evaluation-form .mktu-block {
width: calc(100% - 250px - 30px);
}
.last-news-block {
margin-bottom: 25px;
}
.step-instruction-menu {
width: 330px;
}
.step-instruction-full {
width: calc(100% - 360px);
}
.step-instruction-section .to-read {
margin-top: 25px;
}
.page-sidebar {
width: 330px;
}
.read-also-list {
padding-right: 0;
}
.calculator-step-examples {
width: 470px;
padding: 20px;
}
.tm-choice-mktu {
width: 360px;
}
.table-price th:first-child,
.table-price td:first-child {
width: 340px;
}
.state-fees .discount {
width: 400px;
}
.verification-table .sign {
width: 315px;
}
.contacts-list {
padding-bottom: 50px;
}
.contacts-socials-list li {
margin-right: 9px;
}
}
@media (min-width: 1020px) and (max-width: 1259px) {
.our-clients-list li {
height: 220px;
line-height: 200px;
}
.personal-menu {
margin-bottom: 20px;
}
.tm-result-item {
width: 370px;
}
.tm-result-table td:first-child {
width: 250px;
}
}
@media (min-width: 1020px) {
.header-menu,
.header-podmenu {
display: flex !important;
}
.mobile-buter,
.mobile-search,
.mobile-profile,
.header-bottom .socials-list {
display: none;
}
.header-bottom,
.services-podmenu {
display: block !important;
}
.ymaps-2-1-68-controls-pane {
left: 35.5vw !important;
}
.ymaps-2-1-68-control-popup {
right: -70px !important;
}
}
@media (max-width: 1019px) {
.sm-hidden {
display: none !important;
}
.sm-visible {
display: block;
}
.main-content {
margin-top: 174px;
}
header {
position: fixed;
background: #ffffff;
width: 100%;
z-index: 50;
}
header.fixedtop {
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}
header.fixedtop .header-contacts {
height: 0;
padding: 0;
}
.header-top {
display: none;
}
.header-bottom {
border-top: none;
}
.header-content {
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
padding: 0;
position: relative;
}
.header-content:after {
content: "";
width: 100vw;
left: 50%;
transform: translateX(-50%);
top: 72px;
height: 100%;
z-index: -1;
box-shadow: inset 0px 12px 10px 0px rgba(0, 0, 0, 0.07);
position: absolute;
pointer-events: none;
}
.header-content .search-form {
display: none;
}
.header-contacts {
margin-left: 0;
width: 100%;
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
text-align: center;
padding: 22px 0;
transition: all 0.3s ease-out;
height: 102px;
overflow: hidden;
}
.header-contacts .mail {
order: 2;
width: 50%;
margin-right: 0;
padding: 0 25px;
font-size: 16px;
}
.header-contacts .phone {
width: 50%;
padding: 0 25px;
}
.header-contacts .number {
margin-bottom: 0;
position: relative;
top: -2px;
}
.header-contacts .number a {
font-size: 16px;
}
.header-contacts .number i {
margin-top: -5px;
}
.header-contacts .contacts-btn {
background: #3c6086;
text-decoration: none;
text-align: center;
color: #ffffff;
display: block;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
padding: 8px 15px;
margin-left: 0;
margin-top: 13px;
white-space: nowrap;
}
.mobile-buter {
display: flex;
justify-content: center;
cursor: pointer;
width: 70px;
flex-direction: column;
border-right: 1px solid #f3f3f3;
transition: all 0.3s ease-out;
position: relative;
z-index: 50;
}
.mobile-buter span {
background: #355474;
display: block;
height: 2px;
margin: 3px auto;
width: 30px;
transition: all 0.3s ease-out;
}
.mobile-buter.open-buter {
background: #1ba6d1;
border-right-color: #1ba6d1;
}
.mobile-buter.open-buter span {
position: relative;
background: #ffffff;
}
.mobile-buter.open-buter span:nth-of-type(1) {
transform: rotate(45deg);
top: 8px;
}
.mobile-buter.open-buter span:nth-of-type(2) {
opacity: 0;
}
.mobile-buter.open-buter span:nth-of-type(3) {
transform: rotate(-45deg);
top: -8px;
}
.main-logo {
margin: 5px auto;
}
.main-logo img {
max-width: 135px;
}
.mobile-search,
.mobile-profile {
display: flex;
align-items: center;
justify-content: center;
width: 70px;
border-left: 1px solid #f3f3f3;
}
.mobile-search i,
.mobile-profile i {
flex-shrink: 0;
}
.header-bottom {
display: none;
position: absolute;
z-index: 55;
top: 72px;
left: 50%;
margin-left: -360px;
background: #142c4a;
width: 100%;
max-width: 350px;
max-height: calc(100vh - 72px);
overflow: auto;
}
.header-bottom > .container {
width: auto !important;
padding: 0;
}
.header-bottom .socials-list {
margin: 0;
padding: 10px 0 0 15px;
}
.header-menu {
display: block;
width: 100%;
}
.header-menu > li {
border-bottom: 1px solid #5a6a7e;
transition: all 0.3s ease-out;
}
.header-menu .menu-link {
color: #ffffff;
padding: 14px 50px 14px 15px;
}
.header-menu .menu-link:before {
display: none;
}
.header-menu span.menu-link:after {
content: url("../images/arrow_small.png");
position: absolute;
z-index: 2;
top: 11px;
right: 25px;
}
.header-menu .open-li {
background: #0b395d;
}
.header-menu .open-li .menu-link:after {
transform: rotate(-180deg);
top: 16px;
}
.header-podmenu {
position: static;
opacity: 1;
visibility: visible;
display: none;
width: 100%;
padding: 5px 15px;
transition: none;
}
.header-podmenu:after {
display: none;
}
.header-podmenu li {
width: 100%;
text-align: left;
margin-bottom: 13px;
}
.header-podmenu .image {
display: none;
}
.header-podmenu a {
padding: 0;
display: inline;
}
.header-podmenu a:hover {
text-decoration: underline;
}
.header-podmenu h6,
.header-podmenu .h6 {
text-transform: none;
color: #c2d8f3;
}
.mobile-overlay {
display: none;
position: fixed;
z-index: 49;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background: #000000;
opacity: 0.78;
}
h3,
.h3 {
font-size: 26px;
}
.tm-check-form button {
width: 250px;
}
.tm-check-block h4,
.tm-check-block .h4 {
font-size: 21px;
}
.introdution-section {
padding-top: 172px;
}
.introdution-content {
flex-wrap: wrap;
}
.introdution-title {
text-align: center;
padding-right: 0;
margin-bottom: 23px;
}
.introdution-title .line {
margin-left: auto;
margin-right: auto;
}
.trademarks-list {
margin: 0 auto;
text-align: center;
}
.trademarks-list:before {
display: none;
}
.tm-calculate-content {
flex-wrap: wrap;
}
.tm-calculate-content .text {
padding-right: 0;
margin-bottom: 20px;
}
.tm-calculate-content .button {
margin-left: 160px;
}
.tm-form-section {
padding-bottom: 25px;
}
.tm-form .flex {
display: block;
}
.tm-form .user-info {
width: 100%;
}
.tm-form .dop-info {
padding-left: 0;
}
.tm-form .submit-content {
flex-wrap: wrap;
justify-content: flex-end;
}
.tm-form .checkbox-block {
width: 100%;
margin-bottom: 25px;
}
.procedure-steps-list li {
width: calc(33.3333% - 30px);
}
.evaluation-form-content {
padding: 40px 25px;
}
.evaluation-form .flex {
display: block;
}
.evaluation-form .user-info {
width: 100%;
}
.evaluation-form .dop-info {
padding-left: 0;
}
.evaluation-form button {
width: 298px;
}
.all-news-link {
margin-bottom: 40px;
}
.step-instruction-section .to-read {
margin-left: 240px;
}
.step-instruction-description .image {
width: 240px;
}
.step-instruction-menu {
float: none;
width: 100%;
margin-bottom: 30px;
}
.step-instruction-menu li {
padding-left: 0;
}
.step-instruction-menu a.active {
color: #3a3a3a;
}
.step-instruction-menu a.active:before {
display: none;
}
.step-instruction-full {
width: 100%;
}
.step-instruction-paragraph .lightbox-block {
max-width: 222px;
}
.js-slick .slick-arrow.slick-prev {
left: -25px;
}
.js-slick .slick-arrow.slick-next {
right: -25px;
}
.footer-content {
justify-content: center;
}
.footer-block {
width: 40%;
}
.popup-modal {
max-width: 500px;
}
.popup-img {
display: none;
}
.services-podmenu {
position: static;
opacity: 1;
visibility: visible;
width: 100%;
background: transparent;
box-shadow: none;
padding: 10px 0 0;
margin-right: 0;
display: none;
transition: none !important;
}
.services-podmenu a {
padding: 10px 0;
}
.services-podmenu a:hover {
text-decoration: underline;
}
.page-flex {
flex-wrap: wrap;
}
.page-content {
width: 100%;
padding-right: 0;
}
.page-sidebar {
width: 100%;
max-width: 450px;
margin: 40px auto;
}
.services-menu-list .has-podmenu > a {
position: relative;
width: 100%;
}
.services-menu-list .has-podmenu > a:after {
content: url("../images/arrow_small.png");
position: absolute;
top: 50%;
margin-top: -12px;
right: -15px;
}
.services-menu-list .has-podmenu .open:after {
transform: rotate(-180deg);
margin-top: -7px;
}
.our-clients {
margin-bottom: 0;
}
.breadcrumbs {
padding-bottom: 15px;
}
#tm-form-popup {
max-width: 720px;
}
.calculate-order .to-print,
.calculate-order .to-pdf,
.calculate-order .to-mail {
display: none;
}
.calculator-step .step-flex {
display: block;
}
.calculator-step-examples {
display: none;
}
.personal-menu {
margin-bottom: 0;
}
.registration-form {
padding-bottom: 0;
}
.tm-choice-form {
flex-wrap: wrap;
}
.tm-choice-content {
padding-right: 0;
width: 100%;
margin-bottom: 30px;
}
.tm-choice-mktu {
width: 100%;
}
.choice-instruction {
padding: 30px 15px;
}
.tm-result-list li {
flex-wrap: wrap;
}
.tm-result-item {
padding-right: 0;
width: 100%;
margin-bottom: 25px;
}
.tm-result-table td:first-child {
width: 230px;
}
.search-tm-result .note-block {
padding: 15px;
}
.tm-reg-content .image-gallery {
margin: 0 -20px;
}
.tm-reg-content .image-gallery img {
margin: 0 20px 30px;
}
.database-form .flex {
display: block;
}
.database-form .user-info {
width: 100%;
}
.database-form .dop-info {
padding-left: 0;
}
.database-form .dop-info .submit-content {
display: none;
}
.database-form .sm-visible {
display: flex;
}
.advantages-list {
padding-top: 30px;
}
.advantages-list li {
width: calc(50% - 30px);
}
.advantages-list br {
display: none;
}
.database-reg-section .page-sidebar {
margin-bottom: 0;
}
.services-package-list li {
width: calc(50% - 30px);
}
.verification-table .sign {
width: 230px;
}
.verification-table .period {
width: 180px;
}
.state-fees {
flex-wrap: wrap;
}
.state-fees .content {
width: 100%;
padding-right: 0;
}
.state-fees .discount {
width: 100%;
max-width: 400px;
margin: 0 auto 20px;
}
.contacts-top {
padding-bottom: 500px;
}
.route-text {
display: none;
margin-bottom: 30px;
}
.route-text.mobile-version {
display: block;
}
.contacts-information {
margin-left: 0;
padding: 30px 0;
min-height: 1px;
margin-bottom: 30px;
}
.contacts-information:after {
width: 110vw;
left: 50%;
margin-left: -55vw;
opacity: 1;
}
.contacts-list {
padding-bottom: 30px;
}
.contacts-list .time {
margin-top: 14px;
}
.map {
width: 100vw;
height: 500px;
}
.contacts-bottom {
padding: 40px 0 30px;
}
.contacts-bottom .content {
width: 100%;
padding-right: 0;
}
.contacts-bottom .big-image {
display: none;
}
}
@media (max-width: 767px) {
h1,
.h1 {
font-size: 41px;
line-height: 1.2;
}
h3,
.h3 {
font-size: 24px;
}
.header-contacts a {
border-bottom: 1px dotted #3c6086;
}
.header-contacts .mail {
padding: 0 0 0 15px;
}
.header-contacts .phone {
padding: 0 15px 0 0;
}
.mobile-buter {
margin-left: -15px;
}
.header-bottom {
margin-left: 0;
left: 0;
}
.mobile-profile {
margin-right: -10px;
}
.tm-check-block {
text-align: center;
padding: 18px 0 1px;
}
.tm-check-block h4,
.tm-check-block .h4 {
font-size: 16px;
}
.tm-check-form {
display: block;
}
.tm-check-form button {
margin-left: 0;
width: 100%;
}
.introdution-section {
padding-top: 230px;
}
.tm-calculate-content .button {
width: 280px;
}
.tm-form-content .title-desc {
font-size: 16px;
}
.tm-form textarea {
width: 100%;
}
.tm-form .dop-info {
display: flex;
flex-direction: column;
}
.tm-form .captcha-block {
order: 2;
float: none;
margin: 0 auto 20px;
}
.tm-form p {
text-align: center;
}
.tm-form .file-upload {
margin: 0 0 20px;
width: 100%;
}
.tm-form button.button {
width: 100%;
}
.mobile-swipe {
overflow: auto;
margin-right: -15px;
}
.procedure-steps-section {
padding: 40px 0 20px;
background: #f8f8f8;
}
.procedure-steps-list {
flex-wrap: nowrap;
}
.procedure-steps-list li {
width: 182px;
flex-shrink: 0;
min-height: 1px;
padding: 50px 10px 10px;
box-shadow: none;
}
.procedure-steps-list li:hover {
box-shadow: none;
}
.procedure-steps-list .image {
height: 76px;
line-height: 76px;
}
.procedure-steps-list p {
font-size: 14px;
}
.procedure-steps-list .number {
font-size: 20px;
top: 20px;
left: 16px;
}
.procedure-steps-list .help {
right: 16px;
top: 15px;
}
.tooltipster-content h5,
.tooltipster-content .h5 {
font-size: 14px;
}
.tooltipster-content p {
font-size: 12px;
}
.evaluation-form-section {
padding: 20px 0;
}
.evaluation-form-content {
padding: 16px 20px 4px;
}
.evaluation-form .dop-info {
display: flex;
flex-direction: column;
}
.evaluation-form .mktu-block {
width: 100%;
order: -1;
}
.evaluation-form .captcha-block {
float: none;
margin: 0 auto 20px;
max-width: 100%;
order: 2;
}
.evaluation-form .captcha-block img {
max-width: 100%;
}
.evaluation-form textarea,
.evaluation-form button {
width: 100%;
}
.evaluation-form .file-upload {
width: 100%;
}
.evaluation-form .submit-content {
flex-direction: column;
}
.evaluation-form .checkbox-block {
margin-right: 0;
}
.news-tv-section {
padding: 30px 0 0;
}
.last-news {
display: flex;
}
.news-tv-section .last-news-block {
min-width: 160px;
flex-grow: 1;
margin-right: 30px;
flex-direction: column;
margin-bottom: 10px;
}
.news-tv-section .last-news-block .news-image {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.news-tv-section .last-news-block p {
display: none;
}
.all-news-link {
margin-top: 15px;
}
.last-tv {
display: flex;
margin-bottom: 0;
}
.last-tv-block {
flex-grow: 1;
min-width: 200px;
margin-right: 30px;
}
.step-instruction-section .to-read {
width: 100%;
margin-left: 0;
}
.step-instruction-content {
max-height: 620px;
}
.step-instruction-content .read-close {
width: 100%;
}
.step-instruction-description {
flex-direction: column;
align-items: center;
}
.step-instruction-description .image {
padding: 0;
width: 225px;
}
.clients-section {
padding: 15px 0 30px;
}
.clients-slider {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.clients-block {
min-width: 120px;
margin-right: 30px;
}
footer {
padding: 20px 0 1px;
}
.footer-content {
flex-direction: column;
align-items: center;
}
.footer-block {
text-align: center;
width: 260px;
}
.footer-block .title {
display: none;
}
.footer-block .socials-list,
.footer-block .copyright {
display: none;
}
.footer-contacts {
text-align: left;
}
.footer-logo {
border-bottom: 1px solid rgba(255, 255, 255, 0.33);
position: relative;
padding-bottom: 20px;
margin-bottom: 25px;
}
.footer-logo:after {
background: #ffffff;
bottom: -1px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 54px;
}
.footer-block-mobile {
display: block;
}
.copyright {
text-align: center;
}
.popup-form {
padding: 30px 15px 12px;
}
.popup-form h3,
.popup-form .h3 {
font-size: 22px;
margin: 0 -15px 25px;
padding: 0 15px 18px;
}
.popup-form h4,
.popup-form .h4 {
font-size: 22px;
}
.our-clients-list li {
height: 220px;
line-height: 200px;
}
.shadow-block {
padding: 28px 15px 36px;
}
.page-sidebar .last-tv {
display: block;
}
.page-sidebar .last-tv-block {
margin-right: 0;
}
.faq-block .question {
padding: 15px 45px 15px 15px;
font-size: 16px;
}
.faq-block .question:after {
right: 15px;
}
.faq-block .answer {
padding: 18px 15px;
font-size: 15px;
}
.calculator-step .shadow-block {
padding-bottom: 20px;
}
.calculator-step h5,
.calculator-step .h5 {
font-size: 22px;
}
.calculator-form .checkbox-block label {
font-size: 16px;
}
.calculator-detail .detail-block .top {
font-size: 22px;
}
.calculate-order {
margin-bottom: 5px;
}
#tm-form-popup .popup-content {
padding: 35px 15px 25px;
}
#tm-form-popup .tm-form .check-flex {
flex-wrap: wrap;
padding-bottom: 0;
}
#tm-form-popup .tm-form .captcha-block {
order: -1;
}
#tm-form-popup .tm-form .checkbox-block {
margin-right: 0;
width: 100%;
}
#tm-form-popup .tm-form button.button {
min-width: 1px;
}
.kod-form {
margin-bottom: 0;
}
.kod-form .submit-flex {
display: block;
text-align: center;
}
.kod-form .button {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.enter-form {
flex-wrap: wrap;
margin-bottom: -40px;
}
.enter-form .form-block {
width: 50%;
margin-bottom: 25px;
}
.enter-form .form-block:last-child {
width: 100%;
}
.password-form {
flex-wrap: wrap;
}
.password-form .form-block {
width: 100%;
}
.password-form .button {
width: 100%;
}
.search-tm-loading .shadow-block {
min-height: 1px;
}
.tm-result-table td:first-child {
width: 200px;
}
.database-form .bottom-block {
flex-wrap: wrap;
}
.database-form .captcha-block {
margin: 0 auto 20px;
}
.database-form .submit-content {
flex-wrap: wrap;
}
.database-form .submit-content .file-upload,
.database-form .submit-content .button {
width: calc(100% - 30px);
}
.price-section-content .mobile-table {
overflow: auto;
margin-right: -15px;
margin-bottom: 15px;
padding-right: 15px;
}
.table-price {
margin-bottom: 10px;
}
.table-price th,
.table-price td {
min-width: 130px;
font-size: 15px;
padding: 15px;
}
.table-price th:first-child {
min-width: 170px;
}
.table-price br {
display: none;
}
.table-price tr:last-child td {
padding: 15px;
}
.inner-calculate-section {
padding: 28px 10px 32px;
}
.verification-table {
font-size: 14px;
}
.verification-table .sign {
width: auto;
}
.verification-table .period {
width: auto;
}
.verification-table th,
.verification-table td {
padding: 10px 5px;
}
.verification-table td:first-child {
font-size: 13px;
}
.contacts-list li {
font-size: 18px;
}
.contacts-list .time,
.contacts-list .phone {
font-size: 18px;
}
.contacts-list i {
top: 3px;
}
.contacts-list .icon-footer_mail {
top: 6px;
}
.contacts-requisites p {
font-size: 15px;
}
}
@media (max-width: 480px) {
h1,
.h1 {
font-size: 28px;
}
h1 span,
.h1 span {
display: block;
}
.simple-form input,
.simple-form textarea,
.simple-form select {
font-size: 14px;
}
.simple-form .captcha-block {
margin: 0 auto 30px;
width: auto;
max-width: 290px;
}
.simple-form select {
min-width: 80px;
padding: 0 25px 0 8px;
background-position: center right 8px;
}
.header-contacts .mail {
font-size: 14px;
}
.header-contacts .mail i {
display: none;
}
.header-contacts .number {
top: 0;
}
.header-contacts .number a {
font-size: 14px;
}
.header-contacts .number i {
margin-right: 5px;
}
.header-contacts .contacts-btn {
padding: 9px 5px;
font-size: 12px;
}
.mobile-buter,
.mobile-search,
.mobile-profile {
width: 46px;
}
.introdution-section {
padding-top: 230px;
background-position: bottom center;
}
.introdution-title .note {
font-size: 24px;
}
.trademarks-list {
width: 100%;
font-size: 14px;
}
.trademarks-list a {
padding: 12px 6px;
}
.trademarks-list .title {
padding: 18px 6px 10px;
}
.tm-calculate-section {
padding-top: 15px;
}
.calculator-image {
height: 90px;
overflow: hidden;
float: left;
top: -6px;
left: 12px;
}
.calculator-image img {
max-width: 60px;
}
.tm-calculate-content h4,
.tm-calculate-content .h4 {
margin-bottom: 20px;
margin-left: 90px;
font-size: 20px;
line-height: 1.3;
min-height: 75px;
display: flex;
justify-content: center;
flex-direction: column;
}
.tm-calculate-content .text {
padding-left: 0;
}
.tm-calculate-content p {
text-align: center;
}
.tm-calculate-content .button {
width: 100%;
margin-left: 0;
}
.all-news-link {
width: 100%;
}
.step-instruction-paragraph img.floatLeft {
float: none;
display: block;
margin: 7px auto 10px;
}
.step-instruction-paragraph .lightbox-block {
max-width: 100%;
width: 100%;
margin: 0 auto 30px;
}
.our-clients-list li {
width: 50%;
height: 190px;
line-height: 170px;
}
.services-menu {
padding: 28px 15px 1px;
}
.services-menu-list li {
padding: 13px 0;
}
.services-menu-list .has-podmenu {
margin: 0 -15px;
padding: 13px 15px;
}
.services-menu-list .has-podmenu > a {
padding-right: 20px;
}
.services-menu-list .has-podmenu > a:after {
right: 0;
}
.services-podmenu li {
padding: 0;
}
.last-news-block {
width: 100%;
flex-direction: column;
margin-bottom: 10px;
}
.last-news-block .news-image {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.last-news-block h5,
.last-news-block .h5 {
margin-bottom: 0;
}
.last-news-block p {
display: none;
}
.news-tv-section .last-news-block {
min-width: 160px;
flex-grow: 1;
margin-right: 30px;
}
.news-tv-section h5,
.news-tv-section .h5 {
margin-bottom: 8px;
}
.open-news-bottom {
flex-direction: column;
align-items: flex-start;
}
.open-news-info {
margin-bottom: 20px;
}
.pluso-block {
margin-left: -3px;
}
.calculator-form .button {
width: 100%;
}
.calculator-detail .detail-block .top {
display: block;
padding-bottom: 8px;
}
.calculator-detail .detail-block span {
display: block;
margin-right: 0;
margin-bottom: 12px;
font-size: 19px;
line-height: 1.1;
}
.calculator-detail .detail-block .note {
text-align: left !important;
}
.calculator-total .total-price {
font-size: 22px;
}
.calculator-total .big-price {
white-space: nowrap;
}
.calculate-order a {
width: 100%;
max-width: 100% !important;
}
.calculate-order {
flex-wrap: wrap;
}
.calculator-text h6,
.calculator-text .h6 {
font-size: 16px;
}
.calculator-text p {
font-size: 16px;
margin-bottom: 20px;
}
.enter-form .form-block {
width: 100%;
padding: 0 15px;
margin-bottom: 25px;
}
.registration-form .flex-block {
display: block;
margin: 0;
}
.registration-form .flex-block input {
width: 100%;
margin: 0 0 20px;
}
.tm-choice-content input {
padding-right: 20px;
}
.tm-choice-content .button {
position: static;
width: 100%;
}
.tm-choice-options {
flex-wrap: wrap;
}
.tm-choice-options h4,
.tm-choice-options .h4 {
margin-right: 0;
margin-bottom: 15px;
width: 100%;
}
.cssload-box {
transform: scale(0.9);
margin-left: -15px;
}
.tm-result-item {
flex-wrap: wrap;
margin-bottom: 15px;
}
.tm-result-item .tm-pic {
width: 100%;
margin-top: 15px;
}
.tm-result-table td {
display: block;
}
.tm-result-table td:first-child {
padding-right: 0;
padding-bottom: 0;
width: 100%;
}
.search-tm-result .to-pdf {
width: 100%;
max-width: 300px;
}
.tm-reg-section {
padding-top: 40px;
}
.tm-reg-content {
font-size: 15px;
}
.tm-reg-content h4,
.tm-reg-content .h4,
.tm-reg-content h3,
.tm-reg-content .h3 {
font-size: 17px;
}
.tm-reg-content img.floatLeft {
display: block;
float: none;
margin: 15px auto;
}
.tm-reg-content .image-gallery {
margin: 0 -10px;
text-align: center;
}
.tm-reg-content .image-gallery img {
margin: 0 10px 30px;
max-width: 120px;
}
.tm-reg-content p.center {
padding-top: 0;
}
.tm-reg-content p.center img {
margin-top: 0;
margin-bottom: 15px;
}
.advantages-list li {
width: calc(100% - 30px);
}
.inner-calculate-section .button {
max-width: 100%;
}
.services-package-list li {
width: calc(100% - 30px);
}
.state-fees .discount {
padding: 30px 15px;
}
.state-fees .discount img {
display: none;
}
.state-fees h5,
.state-fees .h5 {
font-size: 24px;
}
.state-fees .fees-price strong {
display: block;
}
.services-package-section {
padding-top: 40px;
}
.contacts-form .flex {
display: block;
}
.contacts-form .flex input {
width: calc(100% - 30px);
}
.contacts-form .button {
max-width: 100%;
}
.contacts-list .backcall {
display: block;
margin-left: 0;
max-width: 150px;
margin-top: 5px;
}
.route-text p {
font-size: 15px;
}
.contacts-socials-list {
text-align: center;
}
}
/*======================= Retina =========================*/
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 1.5), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
.icon-footer_clock {
background: url("../images/retina/footer_clock.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-footer_mail {
background: url("../images/retina/footer_mail.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-footer_marker {
background: url("../images/retina/footer_marker.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-footer_phone {
background: url("../images/retina/footer_phone.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-footer_man {
background: url("../images/retina/footer_man.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-vk {
background: url("../images/retina/vk.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-facebook {
background: url("../images/retina/facebook.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-insta {
background: url("../images/retina/insta.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-google {
background: url("../images/retina/google.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-youtube {
background: url("../images/retina/youtube.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-twitter {
background: url("../images/retina/twitter.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-check_order {
background: url("../images/retina/check_order.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-header_mail {
background: url("../images/retina/header_mail.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-header_phone {
background: url("../images/retina/header_phone.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-question {
background: url("../images/retina/question.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-question_hover,
.procedure-steps-list .help:hover i {
background: url("../images/retina/question_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-question_small {
background: url("../images/retina/question_small.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-header_marker {
background-position: 0 0;
background-size: 100% 100%;
}
.icon-profile_user {
background-position: 0 0;
background-size: 100% 100%;
}
.icon-profile_user_blue {
background: url("../images/retina/profile_user_blue.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-search {
background: url("../images/retina/search.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-search_blue {
background: url("../images/retina/search_blue.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-header_clock {
background-position: 0 0;
background-size: 100% 100%;
}
.icon-add_file {
background: url("../images/retina/add_file.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-calendar {
background: url("../images/retina/calendar.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-eye {
background: url("../images/retina/eye.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-printer {
background: url("../images/retina/printer.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-pdf {
background: url("../images/retina/pdf.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-letter {
background: url("../images/retina/letter.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-search_white {
background: url("../images/retina/search_white.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_1 {
background: url("../images/retina/services_menu_1.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_1_hover {
background: url("../images/retina/services_menu_1_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_2 {
background: url("../images/retina/services_menu_2.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_2_hover {
background: url("../images/retina/services_menu_2_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_3 {
background: url("../images/retina/services_menu_3.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_3_hover {
background: url("../images/retina/services_menu_3_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_4 {
background: url("../images/retina/services_menu_4.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_4_hover {
background: url("../images/retina/services_menu_4_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_5 {
background: url("../images/retina/services_menu_5.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_5_hover {
background: url("../images/retina/services_menu_5_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_6 {
background: url("../images/retina/services_menu_6.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_6_hover {
background: url("../images/retina/services_menu_6_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_7 {
background: url("../images/retina/services_menu_7.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_7_hover {
background: url("../images/retina/services_menu_7_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_8 {
background: url("../images/retina/services_menu_8.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_8_hover {
background: url("../images/retina/services_menu_8_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_9 {
background: url("../images/retina/services_menu_9.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-services_menu_9_hover {
background: url("../images/retina/services_menu_9_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-user {
background: url("../images/retina/user.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-user_hover {
background: url("../images/retina/user_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-chat {
background: url("../images/retina/chat.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-chat_hover {
background: url("../images/retina/chat_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-logout {
background: url("../images/retina/logout.png");
background-position: 0 0;
background-size: 100% 100%;
}
.icon-logout_hover {
background: url("../images/retina/logout_hover.png");
background-position: 0 0;
background-size: 100% 100%;
}
}
#step-3 .checkbox-block label .subspan {
display: block;
float: left;
margin-right: 10px;
}
#step-3 .checkbox-block label:after {
display: block;
content: '';
clear: both;
}
@media (max-width: 480px) {
#step-3 .checkbox-block label {
display: block;
}
#step-3 .checkbox-block label:after {
clear: both;
}
#step-3 .checkbox-block label .radio-custom {
float: left;
}
#step-3 .checkbox-block label .label {
display: block;
float: left;
width: calc(100% - 33px - 18px);
}
#step-3 .checkbox-block label .label select {
width: 80%;
font-size: 12px;
float: left;
}
}
ul.siteMap {
list-style: disc;
margin: 0;
padding: 0;
}
ul.siteMap li {
margin: 0 0 5px 15px;
padding: 0 0 0 10px;
}
ul.siteMap li a {
text-decoration: none;
}
ul.siteMap li a:hover {
color: #000000;
text-decoration: underline;
}
ul.siteMap ul {
list-style: circle;
}
.page-content p,
.step-instruction-description p,
.step-instruction-full p,
.tm-reg-content p {
margin-bottom: 10px;
}
.page-content p + ul,
.step-instruction-description p + ul,
.step-instruction-full p + ul,
.tm-reg-content p + ul,
.page-content p + ol,
.step-instruction-description p + ol,
.step-instruction-full p + ol,
.tm-reg-content p + ol {
margin-top: 0px;
}
.page-content h1,
.step-instruction-description h1,
.step-instruction-full h1,
.tm-reg-content h1 {
/*color: #1ba6d1;*/
font-size: 30px;
line-height: 1.3;
padding-top: 8px;
margin-bottom: 25px;
padding-bottom: 15px;
text-transform: uppercase;
font-weight: 300;
}
.page-content h2,
.step-instruction-description h2,
.step-instruction-full h2,
.tm-reg-content h2 {
color: #1ba6d1;
font-size: 18px;
line-height: 1.333;
padding-top: 8px;
margin-bottom: 17px;
text-transform: uppercase;
font-weight: 400;
}
.page-content ol,
.step-instruction-description ol,
.step-instruction-full ol,
.tm-reg-content ol {
margin: 1.7em 0 1.8em 1em;
padding: 0;
list-style: none;
counter-reset: point;
}
.page-content ol li,
.step-instruction-description ol li,
.step-instruction-full ol li,
.tm-reg-content ol li {
padding-left: 30px;
margin: 0.7em 0;
}
.page-content ol li:before,
.step-instruction-description ol li:before,
.step-instruction-full ol li:before,
.tm-reg-content ol li:before {
content: counter(point);
counter-increment: point 1;
display: inline-block;
width: 30px;
height: 30px;
margin: 6px 12px 0 -44px;
text-align: center;
border: 2px solid #425d9d;
border-top-color: #425d9d;
border-right-color: #425d9d;
border-bottom-color: #425d9d;
border-left-color: #425d9d;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
color: #333333;
float: left;
font-size: 15px;
}
.page-content ol li.title:before,
.step-instruction-description ol li.title:before,
.step-instruction-full ol li.title:before,
.tm-reg-content ol li.title:before {
display: none;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list),
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list),
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list),
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) {
margin: 1.7em 0 1.8em 1em;
padding: 0;
list-style: none;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li,
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li,
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li,
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li {
padding-left: 40px;
margin: 0.7em 0;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li:before,
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li:before,
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li:before,
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li:before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background: #5a80b1;
background-color: #5a80b1;
margin: 0 22px 0 -30px;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li.title:before,
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li.title:before,
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li.title:before,
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li.title:before {
display: none;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li .number,
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li .number,
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li .number,
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list) li .number {
display: none;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default,
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default,
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default,
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default {
padding: 8px 0 16px;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li,
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li,
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li,
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li {
margin-bottom: 9px;
position: relative;
padding-left: 18px;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li:before,
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li:before,
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li:before,
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li:before {
content: '- ';
display: block;
float: left;
margin-left: -15px;
}
.page-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li .number,
.step-instruction-description ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li .number,
.step-instruction-full ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li .number,
.tm-reg-content ul:not(.mktu-list):not(.tm-result-list):not(.pagination):not(.our-clients-list).default li .number {
display: inline-block;
width: 30px;
height: 30px;
margin: 0 12px 0 -44px;
text-align: center;
border: 2px solid #425d9d;
border-top-color: #425d9d;
border-right-color: #425d9d;
border-bottom-color: #425d9d;
border-left-color: #425d9d;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.page-content blockquote,
.step-instruction-description blockquote,
.step-instruction-full blockquote,
.tm-reg-content blockquote {
background: #1ba6d1;
padding: 20px 30px 20px 70px;
position: relative;
margin-bottom: 10px;
color: #fff;
}
.page-content blockquote:before,
.step-instruction-description blockquote:before,
.step-instruction-full blockquote:before,
.tm-reg-content blockquote:before {
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
position: absolute;
top: 50%;
left: 20px;
margin-top: -15px;
content: "\f058";
color: #fff;
}
.page-content blockquote.default,
.step-instruction-description blockquote.default,
.step-instruction-full blockquote.default,
.tm-reg-content blockquote.default {
padding: 15px 30px 15px 45px;
position: relative;
background: #f3f3f3;
border-left: 2px solid #cccccc;
font-style: italic;
}
.page-content blockquote.default:before,
.step-instruction-description blockquote.default:before,
.step-instruction-full blockquote.default:before,
.tm-reg-content blockquote.default:before {
content: '"';
font-family: 'Times New Roman';
position: absolute;
top: 0;
left: 10px;
font-size: 41pt;
color: #555555;
font-style: italic;
opacity: 0.4;
}
.page-content br + br,
.step-instruction-description br + br,
.step-instruction-full br + br,
.tm-reg-content br + br {
/*display: none;*/
}
.page-content .table,
.step-instruction-description .table,
.step-instruction-full .table,
.tm-reg-content .table {
margin-bottom: 30px;
width: 100% !important;
padding-left: 0px !important;
margin-left: 0px !important;
}
.page-content .table thead tr,
.step-instruction-description .table thead tr,
.step-instruction-full .table thead tr,
.tm-reg-content .table thead tr {
background: #0e3f72 !important;
}
.page-content .table tr,
.step-instruction-description .table tr,
.step-instruction-full .table tr,
.tm-reg-content .table tr {
background: #225993;
}
.page-content .table tr:nth-of-type(even),
.step-instruction-description .table tr:nth-of-type(even),
.step-instruction-full .table tr:nth-of-type(even),
.tm-reg-content .table tr:nth-of-type(even) {
background: #0e3f72;
}
.page-content .table tr:last-child td,
.step-instruction-description .table tr:last-child td,
.step-instruction-full .table tr:last-child td,
.tm-reg-content .table tr:last-child td {
padding: 30px 25px;
}
.page-content .table th,
.step-instruction-description .table th,
.step-instruction-full .table th,
.tm-reg-content .table th,
.page-content .table td,
.step-instruction-description .table td,
.step-instruction-full .table td,
.tm-reg-content .table td {
text-align: center;
vertical-align: middle;
color: #ffffff !important;
padding: 15px 25px;
font-size: 16px;
font-weight: 300;
border-right: 1px solid #0a2f56;
}
.page-content .table td span,
.step-instruction-description .table td span,
.step-instruction-full .table td span,
.tm-reg-content .table td span {
color: #ffffff !important;
font-size: 16px !important;
font-weight: 300 !important;
}
.page-content .table th:first-child,
.step-instruction-description .table th:first-child,
.step-instruction-full .table th:first-child,
.tm-reg-content .table th:first-child,
.page-content .table td:first-child,
.step-instruction-description .table td:first-child,
.step-instruction-full .table td:first-child,
.tm-reg-content .table td:first-child {
text-align: left;
}
.page-content .table th:last-child,
.step-instruction-description .table th:last-child,
.step-instruction-full .table th:last-child,
.tm-reg-content .table th:last-child,
.page-content .table td:last-child,
.step-instruction-description .table td:last-child,
.step-instruction-full .table td:last-child,
.tm-reg-content .table td:last-child {
width: 146px;
border-right: none;
}
.page-content .table th,
.step-instruction-description .table th,
.step-instruction-full .table th,
.tm-reg-content .table th {
height: 75px;
text-transform: uppercase;
line-height: 1.188;
}
.page-content .table th:first-child,
.step-instruction-description .table th:first-child,
.step-instruction-full .table th:first-child,
.tm-reg-content .table th:first-child {
width: 418px;
}
.page-content .table td,
.step-instruction-description .table td,
.step-instruction-full .table td,
.tm-reg-content .table td {
height: 96px;
line-height: 1.5;
}
.page-content .table1,
.step-instruction-description .table1,
.step-instruction-full .table1,
.tm-reg-content .table1 {
margin-bottom: 30px;
width: 100% !important;
padding-left: 0px !important;
margin-left: 0px !important;
}
.page-content .table1 td,
.step-instruction-description .table1 td,
.step-instruction-full .table1 td,
.tm-reg-content .table1 td {
padding: 10px;
border: 1px solid lightgray;
}
/*# sourceMappingURL=_main.css.map */