@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=cyrillic); @import url(fontawesome-5/css/all.min.css); @import url(line-awesome/css/line-awesome.min.css); meta.foundation-version {font-family: "/5.5.1/";} meta.foundation-mq-small {font-family: "/only screen/"; width: 0;} meta.foundation-mq-small-only {font-family: "/only screen and (max-width: 40em)/"; width: 0;} meta.foundation-mq-medium {font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em;} meta.foundation-mq-medium-only {font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; width: 40.063em;} meta.foundation-mq-large {font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em;} meta.foundation-mq-large-only {font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/"; width: 64.063em;} meta.foundation-mq-xlarge {font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em;} meta.foundation-mq-xlarge-only {font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/"; width: 90.063em;} meta.foundation-mq-xxlarge {font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em;} meta.foundation-data-attribute-namespace {font-family: false;} html, body {height: 100%;} *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html, body {font-size: 100%;} body {background: #fff; color:#2a2e3a; padding: 0; margin: 0; font-family:'Open Sans', sans-serif; font-weight: normal; font-style: normal; line-height: 1.5; position: relative; cursor: auto;} a:hover {cursor: pointer;} img {max-width: 100%; height: auto;} img {-ms-interpolation-mode: bicubic;} #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {max-width: none !important;} .left {float: left !important;} .right {float: right !important;} .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .hide {display: none;} .invisible {visibility: hidden;} .antialiased {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .overflow {overflow:hidden} img {display: inline-block; vertical-align: middle;} textarea {height: auto; min-height: 50px;} select {width: 100%;} .row {width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 71.250em;} .row:before, .row:after {content: " "; display: table;} .row:after {clear: both;} .row.collapse > .column, .row.collapse > .columns {padding-left: 0; padding-right: 0;} .row.collapse .row {margin-left: 0; margin-right: 0;} .row .row {width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none;} .row .row:before, .row .row:after {content: " "; display: table;} .row .row:after {clear: both;} .row .row.collapse {width: auto; margin: 0; max-width: none;} .row .row.collapse:before, .row .row.collapse:after {content: " "; display: table;} .row .row.collapse:after {clear: both;} .column, .columns {padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left;} [class*="column"] + [class*="column"]:last-child {float: right;} [class*="column"] + [class*="column"].end {float: left;} @media only screen { .small-push-0 {position: relative; left: 0%; right: auto;}.small-pull-0 {position: relative; right: 0%; left: auto;}.small-push-1 {position: relative; left: 8.33333%; right: auto;}.small-pull-1 {position: relative; right: 8.33333%; left: auto;}.small-push-2 {position: relative; left: 16.66667%; right: auto;}.small-pull-2 {position: relative; right: 16.66667%; left: auto;}.small-push-3 {position: relative; left: 25%; right: auto;}.small-pull-3 {position: relative; right: 25%; left: auto;}.small-push-4 {position: relative; left: 33.33333%; right: auto;}.small-pull-4 {position: relative; right: 33.33333%; left: auto;}.small-push-5 {position: relative; left: 41.66667%; right: auto;}.small-pull-5 {position: relative; right: 41.66667%; left: auto;}.small-push-6 {position: relative; left: 50%; right: auto;}.small-pull-6 {position: relative; right: 50%; left: auto;}.small-push-7 {position: relative; left: 58.33333%; right: auto;}.small-pull-7 {position: relative; right: 58.33333%; left: auto;}.small-push-8 {position: relative; left: 66.66667%; right: auto;}.small-pull-8 {position: relative; right: 66.66667%; left: auto;}.small-push-9 {position: relative; left: 75%; right: auto;}.small-pull-9 {position: relative; right: 75%; left: auto;}.small-push-10 {position: relative; left: 83.33333%; right: auto;}.small-pull-10 {position: relative; right: 83.33333%; left: auto;}.small-push-11 {position: relative; left: 91.66667%; right: auto;}.small-pull-11 {position: relative; right: 91.66667%; left: auto;}.column,.columns {position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left;} .small-1 {width: 8.33333%;}.small-2 {width: 16.66667%;}.small-3 {width: 25%;}.small-4 {width: 33.33333%;}.small-5 {width: 41.66667%;}.small-6 {width: 50%;}.small-7 {width: 58.33333%;}.small-8 {width: 66.66667%;}.small-9 {width: 75%;}.small-10 {width: 83.33333%;}.small-11 {width: 91.66667%;}.small-12 {width: 100%;}.small-offset-0 {margin-left: 0% !important;}.small-offset-1 {margin-left: 8.33333% !important;}.small-offset-2 {margin-left: 16.66667% !important;}.small-offset-3 {margin-left: 25% !important;}.small-offset-4 {margin-left: 33.33333% !important;}.small-offset-5 {margin-left: 41.66667% !important;}.small-offset-6 {margin-left: 50% !important;}.small-offset-7 {margin-left: 58.33333% !important;}.small-offset-8 {margin-left: 66.66667% !important;}.small-offset-9 {margin-left: 75% !important;}.small-offset-10 {margin-left: 83.33333% !important;}.small-offset-11 {margin-left: 91.66667% !important;}.small-reset-order {margin-left: 0; margin-right: 0; left: auto; right: auto; float: left;}.column.small-centered,.columns.small-centered {margin-left: auto; margin-right: auto; float: none;}.column.small-uncentered,.columns.small-uncentered {margin-left: 0; margin-right: 0; float: left;}.column.small-centered:last-child,.columns.small-centered:last-child {float: none;}.column.small-uncentered:last-child,.columns.small-uncentered:last-child {float: left;}.column.small-uncentered.opposite,.columns.small-uncentered.opposite {float: right;}.row.small-collapse > .column,.row.small-collapse > .columns {padding-left: 0; padding-right: 0;}.row.small-collapse .row {margin-left: 0; margin-right: 0;}.row.small-uncollapse > .column,.row.small-uncollapse > .columns {padding-left: 0.9375em; padding-right: 0.9375em; float: left;} } @media only screen and (min-width: 40.063em) { .medium-push-0 {position: relative; left: 0%; right: auto;}.medium-pull-0 {position: relative; right: 0%; left: auto;}.medium-push-1 {position: relative; left: 8.33333%; right: auto;}.medium-pull-1 {position: relative; right: 8.33333%; left: auto;}.medium-push-2 {position: relative; left: 16.66667%; right: auto;}.medium-pull-2 {position: relative; right: 16.66667%; left: auto;}.medium-push-3 {position: relative; left: 25%; right: auto;}.medium-pull-3 {position: relative; right: 25%; left: auto;}.medium-push-4 {position: relative; left: 33.33333%; right: auto;}.medium-pull-4 {position: relative; right: 33.33333%; left: auto;}.medium-push-5 {position: relative; left: 41.66667%; right: auto;}.medium-pull-5 {position: relative; right: 41.66667%; left: auto;}.medium-push-6 {position: relative; left: 50%; right: auto;}.medium-pull-6 {position: relative; right: 50%; left: auto;}.medium-push-7 {position: relative; left: 58.33333%; right: auto;}.medium-pull-7 {position: relative; right: 58.33333%; left: auto;}.medium-push-8 {position: relative; left: 66.66667%; right: auto;}.medium-pull-8 {position: relative; right: 66.66667%; left: auto;}.medium-push-9 {position: relative; left: 75%; right: auto;}.medium-pull-9 {position: relative; right: 75%; left: auto;}.medium-push-10 {position: relative; left: 83.33333%; right: auto;}.medium-pull-10 {position: relative; right: 83.33333%; left: auto;}.medium-push-11 {position: relative; left: 91.66667%; right: auto;}.medium-pull-11 {position: relative; right: 91.66667%; left: auto;}.column,.columns {position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left;}.medium-1 {width: 8.33333%;}.medium-2 {width: 16.66667%;}.medium-3 {width: 25%;}.medium-4 {width: 33.33333%;}.medium-5 {width: 41.66667%;}.medium-6 {width: 50%;}.medium-7 {width: 58.33333%;}.medium-8 {width: 66.66667%;}.medium-9 {width: 75%;}.medium-10 {width: 83.33333%;}.medium-11 {width: 91.66667%;}.medium-12 {width: 100%;}.medium-offset-0 {margin-left: 0% !important;}.medium-offset-1 {margin-left: 8.33333% !important;}.medium-offset-2 {margin-left: 16.66667% !important;}.medium-offset-3 {margin-left: 25% !important;}.medium-offset-4 {margin-left: 33.33333% !important;}.medium-offset-5 {margin-left: 41.66667% !important;}.medium-offset-6 {margin-left: 50% !important;}.medium-offset-7 {margin-left: 58.33333% !important;}.medium-offset-8 {margin-left: 66.66667% !important;}.medium-offset-9 {margin-left: 75% !important;}.medium-offset-10 {margin-left: 83.33333% !important;}.medium-offset-11 {margin-left: 91.66667% !important;}.medium-reset-order {margin-left: 0; margin-right: 0; left: auto; right: auto; float: left;}.column.medium-centered,.columns.medium-centered {margin-left: auto; margin-right: auto; float: none;}.column.medium-uncentered,.columns.medium-uncentered {margin-left: 0; margin-right: 0; float: left;}.column.medium-centered:last-child,.columns.medium-centered:last-child {float: none;}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child {float: left;}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {float: right;}.row.medium-collapse > .column,.row.medium-collapse > .columns {padding-left: 0; padding-right: 0;}.row.medium-collapse .row {margin-left: 0; margin-right: 0;}.row.medium-uncollapse > .column,.row.medium-uncollapse > .columns {padding-left: 0.9375em; padding-right: 0.9375em; float: left;}.push-0 {position: relative; left: 0%; right: auto;}.pull-0 {position: relative; right: 0%; left: auto;}.push-1 {position: relative; left: 8.33333%; right: auto;}.pull-1 {position: relative; right: 8.33333%; left: auto;}.push-2 {position: relative; left: 16.66667%; right: auto;}.pull-2 {position: relative; right: 16.66667%; left: auto;}.push-3 {position: relative; left: 25%; right: auto;}.pull-3 {position: relative; right: 25%; left: auto;}.push-4 {position: relative; left: 33.33333%; right: auto;}.pull-4 {position: relative; right: 33.33333%; left: auto;}.push-5 {position: relative; left: 41.66667%; right: auto;}.pull-5 {position: relative; right: 41.66667%; left: auto;}.push-6 {position: relative; left: 50%; right: auto;}.pull-6 {position: relative; right: 50%; left: auto;}.push-7 {position: relative; left: 58.33333%; right: auto;}.pull-7 {position: relative; right: 58.33333%; left: auto;}.push-8 {position: relative; left: 66.66667%; right: auto;}.pull-8 {position: relative; right: 66.66667%; left: auto;}.push-9 {position: relative; left: 75%; right: auto;}.pull-9 {position: relative; right: 75%; left: auto;}.push-10 {position: relative; left: 83.33333%; right: auto;}.pull-10 {position: relative; right: 83.33333%; left: auto;}.push-11 {position: relative; left: 91.66667%; right: auto;}.pull-11 {position: relative; right: 91.66667%; left: auto;} } @media only screen and (min-width: 64.063em) { .large-push-0 {position: relative; left: 0%; right: auto;}.large-pull-0 {position: relative; right: 0%; left: auto;}.large-push-1 {position: relative; left: 8.33333%; right: auto;}.large-pull-1 {position: relative; right: 8.33333%; left: auto;}.large-push-2 {position: relative; left: 16.66667%; right: auto;}.large-pull-2 {position: relative; right: 16.66667%; left: auto;}.large-push-3 {position: relative; left: 25%; right: auto;}.large-pull-3 {position: relative; right: 25%; left: auto;}.large-push-4 {position: relative; left: 33.33333%; right: auto;}.large-pull-4 {position: relative; right: 33.33333%; left: auto;}.large-push-5 {position: relative; left: 41.66667%; right: auto;}.large-pull-5 {position: relative; right: 41.66667%; left: auto;}.large-push-6 {position: relative; left: 50%; right: auto;}.large-pull-6 {position: relative; right: 50%; left: auto;}.large-push-7 {position: relative; left: 58.33333%; right: auto;}.large-pull-7 {position: relative; right: 58.33333%; left: auto;}.large-push-8 {position: relative; left: 66.66667%; right: auto;}.large-pull-8 {position: relative; right: 66.66667%; left: auto;}.large-push-9 {position: relative; left: 75%; right: auto;}.large-pull-9 {position: relative; right: 75%; left: auto;}.large-push-10 {position: relative; left: 83.33333%; right: auto;}.large-pull-10 {position: relative; right: 83.33333%; left: auto;}.large-push-11 {position: relative; left: 91.66667%; right: auto;}.large-pull-11 {position: relative; right: 91.66667%; left: auto;}.column,.columns {position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left;}.large-1 {width: 8.33333%;}.large-2 {width: 16.66667%;}.large-3 {width: 25%;}.large-4 {width: 33.33333%;}.large-5 {width: 41.66667%;}.large-6 {width: 50%;}.large-7 {width: 58.33333%;}.large-8 {width: 66.66667%;}.large-9 {width: 75%;}.large-10 {width: 83.33333%;}.large-11 {width: 91.66667%;}.large-12 {width: 100%;}.large-offset-0 {margin-left: 0% !important;}.large-offset-1 {margin-left: 8.33333% !important;}.large-offset-2 {margin-left: 16.66667% !important;}.large-offset-3 {margin-left: 25% !important;}.large-offset-4 {margin-left: 33.33333% !important;}.large-offset-5 {margin-left: 41.66667% !important;}.large-offset-6 {margin-left: 50% !important;}.large-offset-7 {margin-left: 58.33333% !important;}.large-offset-8 {margin-left: 66.66667% !important;}.large-offset-9 {margin-left: 75% !important;}.large-offset-10 {margin-left: 83.33333% !important;}.large-offset-11 {margin-left: 91.66667% !important;}.large-reset-order {margin-left: 0; margin-right: 0; left: auto; right: auto; float: left;}.column.large-centered,.columns.large-centered {margin-left: auto; margin-right: auto; float: none;}.column.large-uncentered,.columns.large-uncentered {margin-left: 0; margin-right: 0; float: left;}.column.large-centered:last-child,.columns.large-centered:last-child {float: none;}.column.large-uncentered:last-child,.columns.large-uncentered:last-child {float: left;}.column.large-uncentered.opposite,.columns.large-uncentered.opposite {float: right;}.row.large-collapse > .column,.row.large-collapse > .columns {padding-left: 0; padding-right: 0;}.row.large-collapse .row {margin-left: 0; margin-right: 0;}.row.large-uncollapse > .column,.row.large-uncollapse > .columns {padding-left: 0.9375em; padding-right: 0.9375em; float: left;}.push-0 {position: relative; left: 0%; right: auto;}.pull-0 {position: relative; right: 0%; left: auto;}.push-1 {position: relative; left: 8.33333%; right: auto;}.pull-1 {position: relative; right: 8.33333%; left: auto;}.push-2 {position: relative; left: 16.66667%; right: auto;}.pull-2 {position: relative; right: 16.66667%; left: auto;}.push-3 {position: relative; left: 25%; right: auto;}.pull-3 {position: relative; right: 25%; left: auto;}.push-4 {position: relative; left: 33.33333%; right: auto;}.pull-4 {position: relative; right: 33.33333%; left: auto;}.push-5 {position: relative; left: 41.66667%; right: auto;}.pull-5 {position: relative; right: 41.66667%; left: auto;}.push-6 {position: relative; left: 50%; right: auto;}.pull-6 {position: relative; right: 50%; left: auto;}.push-7 {position: relative; left: 58.33333%; right: auto;}.pull-7 {position: relative; right: 58.33333%; left: auto;}.push-8 {position: relative; left: 66.66667%; right: auto;}.pull-8 {position: relative; right: 66.66667%; left: auto;}.push-9 {position: relative; left: 75%; right: auto;}.pull-9 {position: relative; right: 75%; left: auto;}.push-10 {position: relative; left: 83.33333%; right: auto;}.pull-10 {position: relative; right: 83.33333%; left: auto;}.push-11 {position: relative; left: 91.66667%; right: auto;}.pull-11 {position: relative; right: 91.66667%; left: auto;} } .breadcrumbs {display: inline-block; padding: 0.5625rem 0 0.5625rem; overflow: hidden; margin: 0 0 0.5625rem 0; list-style: none;} .breadcrumbs > * {margin: 0; float: left; font-size: 14px /* 0.6875rem; letter-spacing: 0.05rem */; line-height: 22px /* 0.6875rem */; font-weight:600; color: #8889a3;} .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {text-decoration: underline;} .breadcrumbs > * a {color: #8889a3;} .breadcrumbs > *.current {cursor: default; color: #333333;} .breadcrumbs > *.current a {cursor: default; color: #333333;} .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {text-decoration: none;} .breadcrumbs > *.unavailable {color: #999999;} .breadcrumbs > *.unavailable a {color: #999999;} .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus {text-decoration: none; color: #999999; cursor: not-allowed;} .breadcrumbs > *:before {content: "/"; color: #AAAAAA; margin: 0 0.25rem; position: relative; top: 1px;} .breadcrumbs > *:first-child:before {content: " "; margin: 0;} /* Accessibility - hides the forward slash */ [aria-label="breadcrumbs"] [aria-hidden="true"]:after {content: "/";} .inline-list {margin: 0 auto 1.0625rem auto; margin-left: -1.375rem; margin-right: 0; padding: 0; list-style: none; overflow: hidden;} .inline-list > li {list-style: none; float: left; margin-left: 1.375rem; display: block;} .inline-list > li > * {display: block;} /* Panels */ .panel {border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.25rem; padding: 1.25rem; background: #f2f2f2; color: #333333;} .panel > :first-child {margin-top: 0;} .panel > :last-child {margin-bottom: 0;} .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {color: #333333;} .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {line-height: 1; margin-bottom: 0.625rem;} .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {line-height: 1.4;} .panel.callout {border-style: solid; border-width: 1px; border-color: #c5e8f3; margin-bottom: 1.25rem; padding: 1.25rem; background: #f2fafc; color: #333333;} .panel.callout > :first-child {margin-top: 0;} .panel.callout > :last-child {margin-bottom: 0;} .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {color: #333333;} .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {line-height: 1; margin-bottom: 0.625rem;} .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {line-height: 1.4;} .panel.callout a:not(.button) {color: #2ba6cb;} .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {color: #258faf;} .panel.radius {border-radius: 3px;} /* Image Thumbnails */ .th {line-height: 0; display: inline-block; border: solid 4px #FFFFFF; max-width: 100%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); transition: all 200ms ease-out;} .th:hover, .th:focus {box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);} .th.radius {border-radius: 3px;} /* Pricing Tables */ .pricing-table {/* border: solid 1px #DDDDDD; */ margin-left: 0; margin-bottom: 1.25rem;} .pricing-table * {list-style: none; line-height: 1;} .pricing-table .title {background-color: #3498db; padding: 0.9375rem 1.25rem; text-align: center; color: #fff; font-weight: normal; font-size: 1rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} .pricing-table .subtitle {background-color: #3498db; padding: 0.475rem 1.25rem; text-align: center; color: #fff; font-weight: normal; font-size: 1rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} .pricing-table .price {background-color: #FFFFFF; padding: 0.9375rem 1.25rem; text-align: center; color: #333333; font-weight: normal; font-size: 1.4rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} .pricing-table .description {background-color: #FFFFFF; padding: 0.9375rem; text-align: center; color: #777777; font-size: 0.75rem; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #DDDDDD;} .pricing-table .bullet-item {background-color: #FFFFFF; padding: 0.9375rem; text-align: center; color: #333333; font-size: 0.875rem; font-weight: normal; line-height:1.6; } .pricing-table .cta-button {background-color: #FFFFFF; text-align: center; padding: 1.25rem 1.25rem 0;} ul.pagination {display: block; min-height: 1.5rem; margin-left: -0.3125rem;} ul.pagination li {height: 1.5rem; color: #222222; font-size: 0.875rem; margin-left: 0.3125rem;} ul.pagination li a, ul.pagination li span {display: block; padding: 0.0625rem 0.625rem 0.0625rem; color: #999999; background: none; border-radius: 3px; font-weight: normal; font-size: 1em; line-height: inherit; transition: background-color 300ms ease-out;} ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover span, ul.pagination li span:focus { background: #e6e6e6;} ul.pagination li.unavailable a, ul.pagination li.unavailable span {cursor: default; color: #999999;} ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover span, ul.pagination li.unavailable span:focus { background: transparent;} ul.pagination li.current a, ul.pagination li.current span {background: #1b547b; color: #FFFFFF; font-weight: bold; cursor: default;} ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current span:hover, ul.pagination li.current span:focus {background: #1b547b;} ul.pagination li {float: left; display: block;} /* Pagination centred wrapper */ .pagination-centered {text-align: center;} .pagination-centered ul.pagination li {float: none; display: inline-block;} .side-nav {display: block; margin: 0; padding: 0.875rem 0; list-style-type: none; list-style-position: outside; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} .side-nav li {margin: 0 0 0.4375rem 0; font-size: 0.875rem; font-weight: normal;} .side-nav li a:not(.button) {display: block; color: #2ba6cb; margin: 0; padding: 0.4375rem 0.875rem;} .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {background: rgba(0, 0, 0, 0.025); color: #67c3df;} .side-nav li.active > a:first-child:not(.button) {color: #67c3df; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} .side-nav li.divider {border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: white;} .side-nav li.heading {color: #2ba6cb; font-size: 0.875rem; font-weight: bold; text-transform: uppercase;} .text-left {text-align: left !important;} .text-right {text-align: right !important;} .text-center {text-align: center !important;} .text-justify {text-align: justify !important;} @media only screen and (max-width: 40em) {.small-only-text-left {text-align: left !important;} .small-only-text-right {text-align: right !important;} .small-only-text-center {text-align: center !important;} .small-only-text-justify {text-align: justify !important;} } @media only screen {.small-text-left {text-align: left !important;} .small-text-right {text-align: right !important;} .small-text-center {text-align: center !important;} .small-text-justify {text-align: justify !important;} } @media only screen and (min-width: 40.063em) and (max-width: 64em) {.medium-only-text-left {text-align: left !important;} .medium-only-text-right {text-align: right !important;} .medium-only-text-center {text-align: center !important;} .medium-only-text-justify {text-align: justify !important;} } @media only screen and (min-width: 40.063em) {.medium-text-left {text-align: left !important;} .medium-text-right {text-align: right !important;} .medium-text-center {text-align: center !important;} .medium-text-justify {text-align: justify !important;} } @media only screen and (min-width: 64.063em) and (max-width: 90em) {.large-only-text-left {text-align: left !important;} .large-only-text-right {text-align: right !important;} .large-only-text-center {text-align: center !important;} .large-only-text-justify {text-align: justify !important;} } @media only screen and (min-width: 64.063em) {.large-text-left {text-align: left !important;} .large-text-right {text-align: right !important;} .large-text-center {text-align: center !important;} .large-text-justify {text-align: justify !important;} } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {margin: 0; padding: 0;} /* Default Link Styles */ a {color: #1d81d7; text-decoration: none; line-height: inherit;} a:hover, a:focus {color: #eb3b5a;} a img {border: none;} /* Default paragraph styles */ p {font-family: inherit; font-weight:600; font-size: 14px; line-height: 1.6; margin-bottom: 1.25rem; margin-top:0.6rem; text-rendering: optimizeLegibility; color:#8889a3} p.lead {font-size: 1.21875rem; line-height: 1.6;} p aside {font-size: 0.875rem; line-height: 1.35; font-style: italic;} /* Default header styles */ h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; color:#2a2e3a; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 60%; color: #6f6f6f; line-height: 0;} /* h1 {font-size: 2.125rem;} h2 {font-size: 1.6875rem;} h3 {font-size: 1.375rem;} h4 {font-size: 1.125rem;} h5 {font-size: 1.125rem;} h6 {font-size: 1rem;} */ h1{font-size:2.2rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} h2{font-size:1.5em;line-height:1.4;margin-top:0;margin-bottom:.5rem} h3{font-size:1.4rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} h4{font-size:1.125rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} h5{font-size:1.0625rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} h6{font-size:1rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} .subheader {line-height: 1.4; color: #6f6f6f; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem;} hr {border: solid #DDDDDD; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0;} /* Helpful Typography Defaults */ em, i {font-style: italic; line-height: inherit;} strong, b {font-weight: bold; line-height: inherit;} small {font-size: 60%; line-height: inherit;} code {font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #333333; background-color: #f8f8f8; border-width: 1px; border-style: solid; border-color: #e0e0e0; padding: 0.125rem 0.3125rem 0.0625rem;} /* Lists */ ul, ol, dl {font-weight:600; font-size: 14px; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; color:#8889a3} ul {margin-left: 1.1rem;} ul.no-bullet {margin-left: 0;} ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none;} /* Unordered Lists */ ul li ul, ul li ol {margin-left: 1.25rem; margin-bottom: 0;} ul.square li ul, ul.circle li ul, ul.disc li ul {list-style: inherit;} ul.square {list-style-type: square; margin-left: 1.1rem;} ul.circle {list-style-type: circle; margin-left: 1.1rem;} ul.disc {list-style-type: disc; margin-left: 1.1rem;} ul.no-bullet {list-style: none;} /* Ordered Lists */ ol {margin-left: 1.4rem;} ol li ul, ol li ol {margin-left: 1.25rem; margin-bottom: 0;} /* Definition Lists */ dl dt {margin-bottom: 0.3rem; font-weight: bold;} dl dd {margin-bottom: 0.75rem;} /* Abbreviations */ abbr, acronym {text-transform: uppercase; font-size: 90%; color: #222222; cursor: help;} abbr {text-transform: none;} abbr[title] {border-bottom: 1px dotted #DDDDDD;} /* Blockquotes */ blockquote {margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD;} blockquote cite {display: block; font-size: 0.8125rem; color: #555555;} blockquote cite:before { content: "\2014 \0020";} blockquote cite a, blockquote cite a:visited { color: #555555;} blockquote, blockquote p {line-height: 1.6; color: #6f6f6f;} /* Microformats */ .vcard {display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem;} .vcard li {margin: 0; display: block;} .vcard .fn {font-weight: bold; font-size: 0.9375rem;} .vevent .summary {font-weight: bold;} .vevent abbr {cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem;} @media only screen and (min-width: 40.063em) {h1, h2, h3, h4, h5, h6 {line-height: 1.2;} h1{font-size:2.25em; font-weight: 700; line-height:1.2;margin-top:0;margin-bottom:.5rem; color: #0e2b5c;} h1.news_title{font-size:2rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} h2{font-size:1.5em;line-height:2;margin-top:0;margin-bottom:.5rem; color: #132c64; font-weight:700} h3{font-size:1em; line-height:1.3; margin-top:0; margin-bottom:.5rem; color: #303640; font-weight:700} h4{font-size:1.5rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} h5{font-size:1.25rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} h6{font-size:1rem;line-height:1.4;margin-top:0;margin-bottom:.5rem} } .sub-nav {display: block; width: auto; overflow: hidden; margin-bottom:-0.25rem 0rem 1.125rem; padding-top: 0.25rem;} .sub-nav dt {text-transform: uppercase;} .sub-nav dt, .sub-nav dd, .sub-nav li {float: left; margin-left: 1rem; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-size: 0.875rem; color: #999999;} .sub-nav dt a, .sub-nav dd a, .sub-nav li a { text-decoration: none; color: #999999; padding: 0.1875rem 1rem;} .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {color: #737373;} .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {border-radius: 3px; font-weight: normal; background: #2ba6cb; padding: 0.1875rem 1rem; cursor: default; color: #FFFFFF;} .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {background: #258faf;} table {background: #FFFFFF; margin-bottom: 1.25rem; border: solid 1px #DDDDDD; table-layout: auto;} table caption {background: transparent; color: #222222; font-size: 1rem; font-weight: bold;} table thead {background: #F5F5F5;} table thead tr th, table thead tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 1rem; font-weight: bold; color: #222222;} table tfoot {background: #F5F5F5;} table tfoot tr th, table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 1rem; font-weight: bold; color: #222222;} table tr th, table tr td {padding: 0.5625rem 0.625rem; font-size: 1rem; color: #222222; text-align: left;} table tr.even, table tr.alt, table tr:nth-of-type(even) {background: #F9F9F9;} table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {display: table-cell;} button, .button {border-style: solid; border-width: 1px; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: bold; line-height: normal; /* margin: 0 0 1.25rem; */ position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; display: inline-block; padding-top: 1.2rem; padding-right: 2rem; padding-bottom: 1.2625rem; padding-left: 2rem; font-size: .9em; background-color: #1b547b; border-color: #1b547b; color: #ffffff; transition: background-color 300ms ease-out; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; } button:hover, button:focus, .button:hover, .button:focus {background-color: #285678;} button:hover, button:focus, .button:hover, .button:focus {color: #ffffff;} button.secondary, .button.secondary {background-color: #e9e9e9; border-color: #192a56; color: #192a56;} button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #bababa;} button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333;} button.success, .button.success {background-color: #5da423; border-color: #4a831c; color: #FFFFFF;} button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #4a831c;} button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF;} button.alert, .button.alert {background-color: #c60f13; border-color: #9e0c0f; color: #FFFFFF;} button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #9e0c0f;} button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #FFFFFF;} button.warning, .button.warning {background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF;} button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e;} button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #FFFFFF;} button.info, .button.info {background-color: #a0d3e8; border-color: #61b6d9; color: #333333;} button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9;} button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #FFFFFF;} button.large, .button.large {padding-top: 1.125rem; padding-right: 2.25rem; padding-bottom: 1.1875rem; padding-left: 2.25rem; font-size: 1.25rem;} button.small, .button.small {padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.9375rem; padding-left: 1.75rem; font-size: 1rem;} button.tiny, .button.tiny {padding-top: 0.625rem; padding-right: 1.25rem; padding-bottom: 0.6875rem; padding-left: 1.25rem; font-size: 0.8125rem;} button.expand, .button.expand {padding-right: 0; padding-left: 0; width: 100%;} button.left-align, .button.left-align {text-align: left; text-indent: 0.75rem;} button.right-align, .button.right-align {text-align: right; padding-right: 0.75rem;} button.radius, .button.radius {border-radius: 5px;} button.round, .button.round {border-radius: 1000px;} button::-moz-focus-inner {border: 0; padding: 0;} @media only screen and (min-width: 40.063em) { button, .button {display: inline-block;} } /* Standard Forms */ form {margin: 0 0 1rem;} /* Using forms within rows, we need to set some defaults */ form .row .row {margin: 0 -0.5rem;} form .row .row .column, form .row .row .columns {padding: 0 0.5rem;} form .row .row.collapse {margin: 0;} form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0;} form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0;} form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {padding-left: 0.5rem;} /* Label Styles */ label {font-size: 0.875rem; color: #4d4d4d; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ } label.right {float: none !important; text-align: right;} label.inline {margin: 0 0 1rem 0; padding: 0.5625rem 0;} label small {text-transform: capitalize; color: #676767;} /* Attach elements to the beginning or end of an input */ .prefix, .postfix {display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: visible; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem;} /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button {padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; border: none;} .prefix.button {padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; border: none;} .prefix.button.radius {border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px;} .postfix.button.radius {border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px;} .prefix.button.round {border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px;} .postfix.button.round {border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px;} /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix {background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc;} span.postfix, label.postfix {background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc;} /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {-webkit-appearance: none; border-radius: 0; background-color: #FFFFFF; font-family: inherit; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875rem; margin: 0 0 1rem 0; padding: 0.5rem; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.15s linear;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {background: #fafafa; border-color: #2980b9; outline: none;} input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {background-color: #DDDDDD; cursor: default;} input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {background-color: #DDDDDD; cursor: default;} input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {border-radius: 3px;} form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button {border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px;} form .row .prefix-radius.row.collapse .prefix {border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px;} form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button {border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px;} form .row .postfix-radius.row.collapse .postfix {border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px;} form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button {border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px;} form .row .prefix-round.row.collapse .prefix {border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px;} form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button {border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px;} form .row .postfix-round.row.collapse .postfix {border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px;} input[type="submit"] {-webkit-appearance: none; border-radius: 0;} /* Respect enforced amount of rows for textarea */ textarea[rows] {height: auto;} /* Not allow resize out of parent */ textarea {max-width: 100%;} /* Add height value for select elements to match text input height */ select {-webkit-appearance: none !important; border-radius: 0; background-color: #FAFAFA; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; padding: 0.5rem; font-size: 0.875rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; color: rgba(0, 0, 0, 0.75); line-height: normal; border-radius: 0; height: 2.3125rem;} select::-ms-expand {display: none;} select.radius {border-radius: 3px;} select:hover {background-color: #f3f3f3; border-color: #999999;} select:disabled {background-color: #DDDDDD; cursor: default;} select[multiple] {height: auto;} /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select {margin: 0 0 1rem 0;} input[type="checkbox"] + label, input[type="radio"] + label {display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline;} /* Normalize file input width */ input[type="file"] {width: 100%;} /* HTML5 Number spinners settings */ /* We add basic fieldset styling */ fieldset {border: 1px solid #DDDDDD; padding: 1.25rem; margin: 1.125rem 0;} fieldset legend {font-weight: bold; background: #FFFFFF; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem;} /* Error Handling */ [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: #FFFFFF;} [data-abide] span.error, [data-abide] small.error {display: none;} span.error, small.error {display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: #FFFFFF;} .error input, .error textarea, .error select {margin-bottom: 0;} .error input[type="checkbox"], .error input[type="radio"] {margin-bottom: 1rem;} .error label, .error label.error {color: #c60f13;} .error small.error {display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: #FFFFFF;} .error > label > small {color: #676767; background: transparent; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline;} .error span.error-message {display: block;} input.error, textarea.error, select.error {margin-bottom: 0;} label.error {color: #c60f13;} [class*="block-grid-"] {display: block; padding: 0; margin: 0 -0.625rem;} [class*="block-grid-"]:before, [class*="block-grid-"]:after {content: " "; display: table;} [class*="block-grid-"]:after {clear: both;} [class*="block-grid-"] > li {display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem;} @media only screen { .small-block-grid-1 > li {width: 100%; list-style: none;} .small-block-grid-1 > li:nth-of-type(1n) { clear: none;} .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both;} .small-block-grid-2 > li {width: 50%; list-style: none;} .small-block-grid-2 > li:nth-of-type(1n) { clear: none;} .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both;} .small-block-grid-3 > li {width: 33.33333%; list-style: none;} .small-block-grid-3 > li:nth-of-type(1n) { clear: none;} .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both;} .small-block-grid-4 > li {width: 25%; list-style: none;} .small-block-grid-4 > li:nth-of-type(1n) { clear: none;} .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both;} .small-block-grid-5 > li {width: 20%; list-style: none;} .small-block-grid-5 > li:nth-of-type(1n) { clear: none;} .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both;} .small-block-grid-6 > li {width: 16.66667%; list-style: none;} .small-block-grid-6 > li:nth-of-type(1n) { clear: none;} .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both;} .small-block-grid-7 > li {width: 14.28571%; list-style: none;} .small-block-grid-7 > li:nth-of-type(1n) { clear: none;} .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both;} .small-block-grid-8 > li {width: 12.5%; list-style: none;} .small-block-grid-8 > li:nth-of-type(1n) { clear: none;} .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both;} .small-block-grid-9 > li {width: 11.11111%; list-style: none;} .small-block-grid-9 > li:nth-of-type(1n) { clear: none;} .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both;} .small-block-grid-10 > li {width: 10%; list-style: none;} .small-block-grid-10 > li:nth-of-type(1n) { clear: none;} .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both;} .small-block-grid-11 > li {width: 9.09091%; list-style: none;} .small-block-grid-11 > li:nth-of-type(1n) { clear: none;} .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both;} .small-block-grid-12 > li {width: 8.33333%; list-style: none;} .small-block-grid-12 > li:nth-of-type(1n) { clear: none;} .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both;} } @media only screen and (min-width: 40.063em) { .medium-block-grid-1 > li {width: 100%; list-style: none;} .medium-block-grid-1 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both;} .medium-block-grid-2 > li {width: 50%; list-style: none;} .medium-block-grid-2 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both;} .medium-block-grid-3 > li {width: 33.33333%; list-style: none;} .medium-block-grid-3 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both;} .medium-block-grid-4 > li {width: 25%; list-style: none;} .medium-block-grid-4 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both;} .medium-block-grid-5 > li {width: 20%; list-style: none;} .medium-block-grid-5 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both;} .medium-block-grid-6 > li {width: 16.66667%; list-style: none;} .medium-block-grid-6 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both;} .medium-block-grid-7 > li {width: 14.28571%; list-style: none;} .medium-block-grid-7 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both;} .medium-block-grid-8 > li {width: 12.5%; list-style: none;} .medium-block-grid-8 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both;} .medium-block-grid-9 > li {width: 11.11111%; list-style: none;} .medium-block-grid-9 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both;} .medium-block-grid-10 > li {width: 10%; list-style: none;} .medium-block-grid-10 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both;} .medium-block-grid-11 > li {width: 9.09091%; list-style: none;} .medium-block-grid-11 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both;} .medium-block-grid-12 > li {width: 8.33333%; list-style: none;} .medium-block-grid-12 > li:nth-of-type(1n) { clear: none;} .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both;} } @media only screen and (min-width: 64.063em) { .large-block-grid-1 > li {width: 100%; list-style: none;} .large-block-grid-1 > li:nth-of-type(1n) { clear: none;} .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both;} .large-block-grid-2 > li {width: 50%; list-style: none;} .large-block-grid-2 > li:nth-of-type(1n) { clear: none;} .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both;} .large-block-grid-3 > li {width: 33.33333%; list-style: none;} .large-block-grid-3 > li:nth-of-type(1n) { clear: none;} .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both;} .large-block-grid-4 > li {width: 25%; list-style: none;} .large-block-grid-4 > li:nth-of-type(1n) { clear: none;} .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both;} .large-block-grid-5 > li {width: 20%; list-style: none;} .large-block-grid-5 > li:nth-of-type(1n) { clear: none;} .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both;} .large-block-grid-6 > li {width: 16.66667%; list-style: none;} .large-block-grid-6 > li:nth-of-type(1n) { clear: none;} .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both;} .large-block-grid-7 > li {width: 14.28571%; list-style: none;} .large-block-grid-7 > li:nth-of-type(1n) { clear: none;} .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both;} .large-block-grid-8 > li {width: 12.5%; list-style: none;} .large-block-grid-8 > li:nth-of-type(1n) { clear: none;} .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both;} .large-block-grid-9 > li {width: 11.11111%; list-style: none;} .large-block-grid-9 > li:nth-of-type(1n) { clear: none;} .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both;} .large-block-grid-10 > li {width: 10%; list-style: none;} .large-block-grid-10 > li:nth-of-type(1n) { clear: none;} .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both;} .large-block-grid-11 > li {width: 9.09091%; list-style: none;} .large-block-grid-11 > li:nth-of-type(1n) { clear: none;} .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both;} .large-block-grid-12 > li {width: 8.33333%; list-style: none;} .large-block-grid-12 > li:nth-of-type(1n) { clear: none;} .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both;} } .flex-video {position: relative; padding-top: 1.5625rem; padding-bottom: 67.5%; height: 0; margin-bottom: 0/* 1rem */; overflow: hidden;} .flex-video.widescreen {padding-bottom: 54.34%;} .flex-video.vimeo {padding-top: 0;} .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* small displays */ @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down {display: inherit !important;} .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down {display: none !important;} .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down {position: static !important; height: auto; width: auto; overflow: visible; clip: auto;} .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);} table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down {display: table !important;} thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down {display: table-header-group !important;} tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down {display: table-row-group !important;} tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down {display: table-row;} th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down {display: table-cell !important;} } /* medium displays */ @media only screen and (min-width: 40.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down {display: inherit !important;} .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down {display: none !important;} .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down {position: static !important; height: auto; width: auto; overflow: visible; clip: auto;} .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);} table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down {display: table !important;} thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down {display: table-header-group !important;} tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down {display: table-row-group !important;} tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down {display: table-row;} th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down {display: table-cell !important;} } /* large displays */ @media only screen and (min-width: 64.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down {display: inherit !important;} .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down {display: none !important;} .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down {position: static !important; height: auto; width: auto; overflow: visible; clip: auto;} .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);} table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down {display: table !important;} thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down {display: table-header-group !important;} tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down {display: table-row-group !important;} tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down {display: table-row;} th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down {display: table-cell !important;} } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait {display: inherit !important;} .hide-for-landscape, .show-for-portrait {display: none !important;} /* Specific visibility for tables */ table.hide-for-landscape, table.show-for-portrait {display: table !important;} thead.hide-for-landscape, thead.show-for-portrait {display: table-header-group !important;} tbody.hide-for-landscape, tbody.show-for-portrait {display: table-row-group !important;} tr.hide-for-landscape, tr.show-for-portrait {display: table-row !important;} td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {display: table-cell !important;} @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait {display: inherit !important;} .hide-for-landscape, .show-for-portrait {display: none !important;} /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait {display: table !important;} thead.show-for-landscape, thead.hide-for-portrait {display: table-header-group !important;} tbody.show-for-landscape, tbody.hide-for-portrait {display: table-row-group !important;} tr.show-for-landscape, tr.hide-for-portrait {display: table-row !important;} td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {display: table-cell !important;} } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape {display: inherit !important;} .hide-for-portrait, .show-for-landscape {display: none !important;} /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape {display: table !important;} thead.show-for-portrait, thead.hide-for-landscape {display: table-header-group !important;} tbody.show-for-portrait, tbody.hide-for-landscape {display: table-row-group !important;} tr.show-for-portrait, tr.hide-for-landscape {display: table-row !important;} td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {display: table-cell !important;} } /* Touch-enabled device targeting */ .show-for-touch {display: none !important;} .hide-for-touch {display: inherit !important;} .touch .show-for-touch {display: inherit !important;} .touch .hide-for-touch {display: none !important;} /* Specific visibility for tables */ table.hide-for-touch {display: table !important;} .touch table.show-for-touch {display: table !important;} thead.hide-for-touch {display: table-header-group !important;} .touch thead.show-for-touch {display: table-header-group !important;} tbody.hide-for-touch {display: table-row-group !important;} .touch tbody.show-for-touch {display: table-row-group !important;} tr.hide-for-touch {display: table-row !important;} .touch tr.show-for-touch {display: table-row !important;} td.hide-for-touch {display: table-cell !important;} .touch td.show-for-touch {display: table-cell !important;} th.hide-for-touch {display: table-cell !important;} .touch th.show-for-touch {display: table-cell !important;} /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only {display: none !important;} @media print { * {background: transparent !important; color: #000000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important;} .show-for-print {display: block;} .hide-for-print {display: none;} table.show-for-print {display: table !important;} thead.show-for-print {display: table-header-group !important;} tbody.show-for-print {display: table-row-group !important;} tr.show-for-print {display: table-row !important;} td.show-for-print {display: table-cell !important;} th.show-for-print {display: table-cell !important;} a, a:visited {text-decoration: underline;} a[href]:after {content: " (" attr(href) ")";} abbr[title]:after {content: " (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} pre, blockquote {border: 1px solid #999999; page-break-inside: avoid;} thead {display: table-header-group; /* h5bp.com/t */ } tr, img {page-break-inside: avoid;} img {max-width: 100% !important;} @page {margin: 0.5cm;} p, h2, h3 {orphans: 3; widows: 3;} h2, h3 {page-break-after: avoid;} .hide-on-print {display: none !important;} .print-only {display: block !important;} .hide-for-print {display: none !important;} .show-for-print {display: inherit !important;} } /* Print visibility */ @media print { .show-for-print {display: block;} .hide-for-print {display: none;} table.show-for-print {display: table !important;} thead.show-for-print {display: table-header-group !important;} tbody.show-for-print {display: table-row-group !important;} tr.show-for-print {display: table-row !important;} td.show-for-print {display: table-cell !important;} th.show-for-print {display: table-cell !important;} } /* * * APP STYLE * */ /* ul li {margin-bottom: 1.1rem;} */ .flex {display: flex; flex-direction: column; min-height: 100vh; width: 100%;} header {/* position: sticky; top: 0; */ width: 100%; z-index: 10; background: rgba(255,255,255,1); box-shadow: 0 0 20px rgba(0,0,0,.2);} header.noshadow {box-shadow:none;} #content { flex: 1 1 auto;} footer {z-index: 1; flex: 0 0 auto;} #content p, #content ul, #content ul li, #content td {font-size: 14px; line-height: 1.6; text-rendering: optimizeLegibility; color:#8889a3} .clear {clear:both; display:block} .top-bar {padding:0; height:170px; background: linear-gradient(to right, #144b70 50%, #fff 50%);} .top-bar-row {display:flex; justify-content:space-between; align-items:center } .top-bar-left, .top-bar-right {background: #144B70; height:110px} .top-bar-right {background: #fff} .top-bar-left {display:flex;} .tagline {display:block; flex-grow:0; } .tagline .logo {display:flex; margin-top:30px; align-items:center; text-decoration:none; color:#f6f6f6; font-weight:600; font-family: 'Open Sans', sans-serif;} .tagline .logo .logotype {height:74px; margin:0 12px 0 0;} .tagline .logo .logotype img {display:block; max-height:100%; max-height:100%;} .tagline .logo .site_name {display:block; color:#f6f6f6; font-weight:700; line-height:1; font-size:2.25em; padding-top:.2rem; text-transform:uppercase; white-space:nowrap;} .tagline .logo .byline {display:block; padding-top:.36rem; font-size:.74rem; font-weight:400; line-height:1.2; color: #f6f6f6;} .header-contact {flex-grow:1; color: #f6f6f6;} .location-wrap {display:flex; justify-content:space-evenly; align-items:center; margin-top:2.6em;} .location-country { font-size:1.1em} .location-country a {color:#f6f6f6} .location-country .how_to_get {font-size:.9em; font-weight:600; color:#f6f6f6; border-bottom:1px #aaa dashed} .location-phone {font-weight:700; font-size:1.1em} .location-phone-item:first-child{margin-bottom:0.24em;} .location-current {position:relative; cursor:pointer; margin-bottom:0.24em;} .location-current-title {display:inline-block; position:relative} .location-current-title span {display:inline-block; font-weight:600; } /* .location-current-title i {position:absolute; right:0} */ .location-list-wrap {display:none; position:absolute; top:100%; width:190px; margin-left:-20px; z-index:10; color:#222} .location-list {position:relative; width:190px; background:#f5f6f7; margin-top:8px; padding:10px 20px 20px 20px; box-shadow:3px -3px 20px rgba(1,1,1,0.2)} .location-list::after { content: ''; position: absolute; /* Абсолютное позиционирование */ left: 20px; top: -18px; /* Положение треугольника */ border: 10px solid transparent; border-bottom: 10px solid #f5f6f7; } .location-list-title {margin-bottom:10px; color:#8889a3; font-size:14px; line-height:22px} .location-list-item {margin-bottom:10px; color:#303640; font-weight:700} .location-list-item a { color:#303640} .location-list-item:last-child {margin-bottom:0;} .location-list-item img {height:17px;} .location-flag {display:inline-block; bottom:-1px; height:17px; width:17px; border-radius:50%; background-size:cover!important} .location-flag-ru {background:url(img/flag/ru.png) center center no-repeat} .location-flag-kz {background:url(img/flag/kz.png) center center no-repeat} .location-flag-kg {background:url(img/flag/kg.png) center center no-repeat} .location-current:hover .location-list-wrap {display:block;} .location-current:hover .location-current-title span {border-bottom:1px transparent dashed} .header-services {display:block; font-size: 1.1em; line-height:1; font-weight:600; /* letter-spacing: -0.04rem; */ text-align:right; margin-top: 2.6em;} .header-services .login {display:block; margin-bottom: 0.8em; color:#1c80d6} /* NAV */ .nav-left, .nav-right {background:#144B70; height:60px} .nav-right {background:#fff;} #nav {font-family:'Open Sans', sans-serif; font-weight:400; letter-spacing:0.04em; text-transform:uppercase; position: relative; z-index:2; width:100%; background:#144B70;} #nav .toggle-topbar{display: none; cursor:pointer} #nav li {position: relative; display:inline-block; margin-bottom:0 !important;} #nav li a {color:#f6f6f6; display:block;} /* #nav li a:active {background-color: #2980b9 !important; color:#fff} */ #nav li[data-style="let-start"] a {background-color:#2980b9 !important; color:#fff} #nav li[data-style="let-start"] a:active, #nav li[data-style="let-start"] a:hover {background-color:#8e44ad !important; color:#fff} /* first level */ #nav > ul {margin:0; padding:0; } #nav > ul > li {width:auto; height:100%; display:inline-block; margin-bottom:0 !important;} #nav > ul > li.last {display:none; float:right; width: 16.66667%; background:#fff; padding-left: 0.9375em; padding-right: 0.9375em;} #nav > ul > li > a {height:100%; font-size:0.9em !important; line-height:34px; text-align:center; margin:0 2.4em 0 0; font-weight:700; text-transform:uppercase; border-bottom:3px solid transparent} #nav > ul > li.last a {margin:0} #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {border-bottom:3px solid #f6f6f6} /* second level */ #nav li ul {background-color:#f6f6f6; display:none; position:absolute; top:100%; left:0; min-width:200px; margin:0; padding:0; list-style:none; box-shadow:3px -3px 20px rgba(1,1,1,0.2)} #nav li.last ul {right:0 !important; left:auto !important} #nav li:hover ul {display:block; left:0; right:0;} #nav li ul a {font-size:.7em; border-top:none; line-height:normal; padding:.6em 1.6em; color:#285678;} #nav li ul li {display:block;} #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {color:#144b70;} #nav li ul li.last {float:none} .nav-right .nav-last {text-align:right} .nav-right .nav-last a {display:inline-block; height:100%; font-size:0.9em !important; line-height:34px; color:#303640; text-align:right; margin:0; font-weight:700; text-transform:uppercase; border-bottom:3px solid transparent} .nav-right .nav-last a:hover {border-bottom:3px solid #303640} /* SLIDER */ .adaptive-slider {margin:0 auto 30px; padding:20px 0 0; max-width:100%; min-height:400px; height:auto; position: relative; overflow:hidden} .adaptive-slider .slider-nav {cursor:pointer; position:absolute; z-index:3; font-size:3em; display:block; height:60px; width:60px; margin: 0; padding: 0; background:url(img/adaptive-slider-arrow.png) left center no-repeat; opacity:0.4; -webkit-user-select:none; -moz-user-select:none; user-select:none; top:45%; border-radius:50%;} .adaptive-slider:hover .slider-nav {opacity:0.8;} .adaptive-slider .slider-nav:hover {opacity:1;} .adaptive-slider .slider-nav.next {right:0; background-position:right center} .adaptive-slider .slider-nav.prev {left:0;} .adaptive-slider .slider-item {position:absolute; min-height:400px; top:100%; opacity:0; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; transition:opacity 0.5s ease; z-index:0; margin:0; padding:0; background-size:cover; background-repeat: no-repeat;} .adaptive-slider .slider-item.active {position:relative; opacity:1; z-index:2;} .adaptive-slider .slider-point {display:block; position:absolute; bottom:5px; left:0; right:0; margin:0; text-align:center; z-index:9} .adaptive-slider .slider-point .point {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; transition: All 0.3s ease; width: 8px; height: 8px; margin: 0 14px 0 0; background-color: #f1f2f3; border-radius: 5px; box-shadow: inset 0 0 1px #777; display: inline-block; zoom: 1; cursor:pointer;} .adaptive-slider .slider-point .point.active {width: 30px; background-color:#3498db; box-shadow: inset 0 0 1px #fff;} /* */ /* STREAMER */ .streamer {padding:100px 0; background-position:center center; background-size:cover; background-repeat:no-repeat; position:relative} .streamer.video {padding:60px 0; background-position:center center; background-size:cover; background-repeat:no-repeat} .streamer.block {max-width: 85.25em; margin:0 auto} .streamerWrap {-webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px;} .streamer .streamerDesc {min-height:240px} .streamer a {color:#0e2b5c; /* text-shadow:1px 1px 2px rgba(0,0,0,0.4), 0 0 20px rgba(0,0,0,0.2) */} .streamer .streamer-pretitle {font-size: 1.2em; line-height: 1.2; line-height:1.4; padding:0 0 0.6em 0.1rem;} .streamer .streamer-title {position:relative; font-size: 2.6em; font-weight: 700; line-height:1.2; padding:0 0 0.4em; font-family: 'Open Sans', sans-serif; /*text-transform:uppercase; */ } .streamer .streamer-subtitle {font-size:1.4rem; line-height:1.2; padding:0 0 0.5em; font-family: 'Open Sans', sans-serif; font-weight:600; /* text-transform:uppercase; */} .streamer .streamer-text {line-height:1.4; padding:0 0 0.8em; } .streamer .streamer-text a {font-size:1rem; font-family: 'Open Sans', sans-serif; color:#fff !important; text-shadow:none; } /* .streamer .streamer-text p + ul {margin-top:-1rem } */ .streamer .button {margin:0 20px 10px 0} .streamer.dark .streamerWrap {background: rgba(44, 62, 80, .86); padding:20px; margin:-20px} .streamer.light .streamerWrap {background: rgba(255,255,255,0.6); padding:20px; margin:-20px} .streamer.light a {color:#0e2b5c; text-shadow:none} .streamer.light .streamer-text a {color:#0e2b5c !important;} .streamer.light a.button {color:#fff !important;} .streamer.light a.button.secondary {color:#0e2b5c !important;} .streamer.transparent_dark a {color:#0e2b5c; text-shadow:none} .streamer.transparent_dark .streamer-text a {color:#0e2b5c !important;} .streamer.transparent_dark a.button {color:#fff !important;} .streamer.transparent_dark a.button.secondary {color:#3498DB !important; background:none; text-shadow:none} .streamer.transparent_dark a.button.secondary:hover {color:#2980B9 !important; background:none; text-shadow:none} .streamer.transparent_light .streamerWrap {padding-top:2em; position:relative} .streamer.transparent_light .streamerWrap::before { display:block; content:""; position:absolute; top:0; left:0; height:5px; width:100px; background:#fff} .streamer.transparent_light .text-center .streamerWrap::before {top:0; margin: 0 auto; left: 0; right: 0;} .streamer.transparent_light .text-right .streamerWrap::before {top:0; right: 0;} .streamer.transparent_light .streamer-title {font-size:36px; line-height:49px; font-weight:700} .streamer.transparent_light .streamer-pretitle, .streamer.transparent_light .streamer-title, .streamer.transparent_light .streamer-subtitle, .streamer.transparent_light .text, .streamer.transparent_light p, .streamer.transparent_light a {color:#fff !important;} .streamer.transparent_light a.button {color:#1b547b !important; background:#fff;} .streamer.transparent_light a.button:hover {color:#fff !important; background:#1b547b;} .streamer.transparent_light a.button.secondary {color:#fff !important; background:none; text-shadow:none} .streamer.transparent_light a.button.secondary:hover {color:#1D81D7 !important; background:none; text-shadow:none} .streamer.main {padding:0; background: linear-gradient(to right, #144b70 51%, #fff 51%);} .streamer.main .streamerDesc {padding-bottom:150px;} .streamer.main .streamerWrap {position:relative; padding:68px 0 0 0; color:#f6f6f6;} .streamer.main .streamerWrap::before {content:""; position:absolute; top:18px; left:0; height:5px; width:100px; background:#fff} .streamer.main .streamerWrap a {color:#f6f6f6;} .streamer.main .streamerWrap .streamer-pretitle {font-size:.9em; font-weight:700; text-transform:uppercase; padding:0} .streamer.main .streamerWrap .streamer-title {font-size:4.6em; font-weight:700; line-height:1; text-transform:uppercase; padding:30px 0 34px} .streamer.main .streamerWrap .streamer-subtitle {font-size:.9em; font-weight:700; padding:0 0 18px} .streamer.main .streamerWrap .streamer-text {font-size:.9em; font-weight:600; padding:0 0 18px} .streamer.main .streamerWrap .streamer-text p, .streamer.main .streamerWrap .streamer-text ul {font-size:1em; font-weight:600; padding-top:0; color:#f6f6f6 !important} .streamer.main .streamerWrap .streamer-text ul li {margin-bottom: .3em; color:#f6f6f6 !important} .streamer.main .streamerWrap .button {font-size:.9em; font-weight:400; color:#1b547b; border-color:#fafafa; background:#fafafa; font-weight:700; font-family: 'Open Sans', sans-serif;} .streamer.main .streamerWrap .button.secondary {color:#fff; border:1px solid #fff} .streamer.main .streamerWrap .button.secondary:hover {color:#1b547b; background:#fafafa; border:1px solid #fafafa} .streamer-row-empty {background: linear-gradient(to right, #144b70 60%, #fff 60%);} .streamer-row-empty .streamer-row-empty-left {background: #144b70; height:46px} .streamer-row-empty .streamer-row-empty-right {background: #fff; height:46px} .streamer-row {position:relative} .streamer-row-half {position: absolute; top: 0; bottom: 0; width:50%; background-repeat: no-repeat; background-size: cover; background-position:0.9375em /* 0.4687em 0*/ center; /* z-index: 1; margin-left:0.9375em*/ background-color: #144b70;} .streamer-row-half.streamer-row-half-right {right:0; padding-left:0.9375em} .streamer-row-half.streamer-row-half-left {left:0; padding-right:0.9375em} .streamer.streamer-calc {padding:0; background: linear-gradient(to right, #144b70 50%, #fff 50%);} .streamer.streamer-calc .streamer-calc-columns-left {background: #144b70;} .streamer.streamer-calc .streamer-calc-columns-right {background: #fff;} .streamer.streamer-calc .streamerWrap {position:relative; padding-top:2em} .streamer.streamer-calc .streamerWrap::before {content:" "; position:absolute; top:0; left:0; width:100px; height:5px; background:#fff;} .streamer.streamer-calc .streamer-title {font-size:24px; line-height:34px; font-weight:700; color: #fff;} .streamer.streamer-calc .streamer-subtitle {color: #fff;} .streamer.streamer-calc .streamer-text, .streamer.streamer-calc .streamer-text p, .streamer.streamer-calc .streamer-text ul, .streamer.streamer-calc .streamer-text li {color: #f7f7f7 !important;} .streamer.streamer-calc .streamer-calc-wrap {padding:30px 30px 60px 60px} .service-page .streamer {/* box-shadow: 0 0 10px rgba(0,0,0,.06); */} /* .streamer.class {padding:100px 0; background-position:center top; background-size:cover; background-repeat:no-repeat} .streamer.class .streamerDesc {min-height:200px} */ /* HOME ABOUT */ .about-home-banners {background: linear-gradient(to right, #1b547b 30%, #f8f8f8 30%); } .row-home-banners-flex {display:flex; align-content:flex-start; align-items:stretch; } .row-home-banners-flex > .columns {margin-top: -105px !important; z-index:3;} .about-home-banners .banner {border-radius:10px; height:100%; background:#fafafa; padding:40px; box-shadow: -4px -3px 9px rgba(0,0,0,.25), 4px 3px 10px rgba(0,0,0,.1); } .about-home-banners .banner-title {padding:0 0 16px; font-size:1.26em; line-height:1.4; color:#132c64; font-weight:700; position:relative} .about-home-banners .banner-title a {color: #132c64;} .about-home-banners .banner-title::after {content:" "; position:absolute; bottom:0; left:0; width:100px; height:5px; background:#fe1f5e;} .about-home-banners .banner-text {margin-top:1em; font-size: 1rem; line-height: 1em; line-height:1.4; } .about-home-banners .banner-link {text-align:right; margin:10px 0 0; font-size:14px; font-weight:600; line-height:1.4; color:#1c80d6; text-transform:uppercase} .shipping_tariffs {font-size:14px; font-weight:600; color:#303640; margin-bottom:0.7em; padding-bottom:0.7em; border-bottom:0.5px solid #8889a3;} .shipping_tariffs a {color:#1c80d6;} /* .shipping_tariffs:last-child {margin-bottom:0;} */ .schedule {display:flex; align-items: flex-start; margin-bottom:0.7em; padding-bottom:0.7em; border-bottom:0.5px solid #8889a3;} .schedule:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0} .schedule-date {min-width:120px; width:100px; color:#132c64; font-size:16px; font-weight:700; /* font-size:.9em */} .schedule-date .schedule-dayweek {font-size:14px; color:#8889a3; font-weight:600} .schedule-directions {flex-grow:1; font-size:14px; font-weight:600; color:#303640} .schedule-directions-popup ul {margin:0; padding:0; column-count:2} .schedule-directions-popup ul li {display:block;} .schedule .schedule-directions a {display:inline-block; border-bottom:1px dashed #1d81d7} .schedule .schedule-directions a:hover {border-bottom:1px dashed transparent} .services-row-empty {background: linear-gradient(to right, #144b70 50%, #fff 50%);} .services-row-empty .row {display:flex;} .services-row-empty .services-row-empty-left {background: #144b70; height:90px} .services-row-empty .services-row-empty-right {background: #fff; height:90px; display:flex; justify-content: flex-end; align-items:flex-end;} .services-list {background: linear-gradient(to right, #1b547b 30%, #f8f8f8 30%);} .services-list.services-list-home > .row {background: linear-gradient(to right, #1b547b 30%, #f8f8f8 30%);} .services-list .row.row-services-list {display:flex} .services-list .services-list-left {background:#1b547b; } .services-list .services-list-right {background:#f8f8f8} .services-list .services-list-title {background:#1b547b; height:100%; display:flex; flex-direction:column; justify-content: center; text-align:left} .services-list .services-list-title .services-list-title-wrap {position:relative; padding:40px 0 0} .services-list .services-list-title .services-list-title-wrap::before {content:" "; position:absolute; top:0; left:0; width:95px; height:5px; background:#fff;} .services-list .services-list-title .blocks-pretitle {position:relative; font-weight: bold; font-size: 14px; line-height: 19px;text-transform: uppercase;color: rgba(247, 247, 247, 0.8); padding:0 0 20px} .services-list .services-list-title .blocks-desc {font-weight: bold; font-size: 24px;color:#fff;} .services-list .services-list-title .blocks-desc a, .services-list .services-list-title .blocks-desc a:hover {color:#fff;} .services-list.services-list-services {background: linear-gradient(to right, #144b70 30%, #fff 30%);} .services-list.services-list-services > .row {background: linear-gradient(to right, #144b70 30%, #fff 30%);} .services-list.services-list-services .services-list-left {background:#144b70; } .services-list.services-list-services .services-list-right {background:#fff} .services-list.services-list-services .services-list-title {background:#144b70; height:100%; display:flex; flex-direction:column; justify-content: center; text-align:left} .faq-list {background:#fafafa; padding:60px 0} .faq-list.faq-list-home > .row {background:#fafafa;} .faq-list .row.row-faq-list {display:flex} .faq-list .faq-list-left {background:#fafafa; } .faq-list .faq-list-right {background:#fafafa} .faq-list .faq-list-title {background:#fafafa; height:100%; display:flex; flex-direction:column; justify-content: center; text-align:left} .faq-list .faq-list-title .faq-list-title-wrap {position:relative; padding:20px 0 0} .faq-list .faq-list-title .faq-list-title-wrap::before {content:" "; position:absolute; top:0; left:0; width:95px; height:5px; background:#fe1f5e;} .faq-list .faq-list-title .blocks-pretitle {position:relative; font-weight: bold; font-size: 14px; line-height: 19px;text-transform: uppercase; color:#132C64; padding:0 0 20px} .faq-list .faq-list-title .blocks-desc {font-weight: bold; font-size: 24px;color:#132C64;} .faq-block {display:flex; margin:1.7em 0; align-content: center; align-items: center;} .faq-block .doc-title, .faq-block .doc-title a {font-weight: bold; font-size: 16px; line-height: 22px; color:#132c64; line-height: 1.35em; margin: 0 0 10px 0;} .faq-block .doc-text, .faq-block .doc-text a {font-weight: 600; font-size: 14px; color:#8889A3; line-height: 22px; line-height: 1.625em;} .faq-block .icon {display:block; height:45px; width:45px; position:relative; margin:0 1em 0 0} .faq-block .icon svg {fill:#132c64} .calculator-row-empty {background: linear-gradient(to right, #144b70 50%, #fff 50%);} .calculator-row-empty .row {display:flex;} .calculator-row-empty .calculator-row-empty-left {background: #144b70; height:90px} .calculator-row-empty .calculator-row-empty-right {background: #fff; height:90px; display:flex; justify-content: flex-end; align-items:flex-end;} .calculator-list {background: linear-gradient(to right, #1b547b 30%, #fff 30%); margin:3em 0} .calculator-list.calculator-list-home > .row {background: linear-gradient(to right, #1b547b 30%, #fff 30%);} .calculator-list .row.row-calculator-list {display:flex} .calculator-list .calculator-list-left {background:#1b547b; padding-top:100px; padding-bottom:100px} .calculator-list .calculator-list-right {background:#fff; padding-top:100px; padding-bottom:100px} .calculator-list .calculator-list-title {background:#1b547b; height:100%; display:flex; flex-direction:column; justify-content: center; text-align:left} .calculator-list .calculator-list-title .calculator-list-title-wrap {position:relative; padding:40px 0 0; color:#fff!important} .calculator-list .calculator-list-title .calculator-list-title-wrap p {color:#fff!important} .calculator-list .calculator-list-title .calculator-list-title-wrap::before {content:" "; position:absolute; top:0; left:0; width:95px; height:5px; background:#fff;} .calculator-list .calculator-list-title .blocks-pretitle {position:relative; font-weight: bold; font-size: 14px; line-height: 19px;text-transform: uppercase;color: rgba(247, 247, 247, 0.8); padding:0 0 20px} .calculator-list .calculator-list-title .blocks-desc {font-weight: bold; font-size: 24px;color:#fff;} .calculator-list .calculator-list-right .calculator-wrap {padding:0 40px} /* main */ .main-block {padding:6em 0} .main-block h2 {text-transform:uppercase; position: relative;} .main-block p {margin-top:0} .main-about-block {background:#fafafb} .main-about-block .main-about-content{} a.readmore { display: block; padding: 6px 0 0; color: #3498db; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 0.7rem; font-weight: 600; } /* IMAGE */ .notice-img {padding-bottom:16px} /* GALLERY */ .gallery {clear:both; padding:30px 0} .gallery h2 {padding:0 0 20px 0} .gallery::after {content:''; display:table; clear:both} .gallery .gallery-item {display:block; float:left; max-width:180px;} .gallery .gallery-item a {outline:none} .gallery .gallery-item a img {display:block; padding:5px; margin:0 0 0 -5px; border:1px solid transparent;} .gallery .gallery-item a:hover img {border:1px solid #3498db;} /* FILES */ .files {clear:both; padding:0 0 60px} .files h2 {color: #0e2b5c; font-size: 1.875rem; line-height: 1.2em; padding:0 0 20px 0} .files .files-item {background:#fff; padding:6px 0; margin-bottom:10px} .files .files-item i.fa, .files .files-item i.far {display:block; font-size: 1.6rem; color:#3498db; float:left; margin:4px 10px 0 0;} .files .files-item .svg {display:block; float:left; margin:0 10px 0 0;} .files .files-item .decs {overflow:hidden} .files .files-item .decs a {font-weight: bold; font-size: 16px; line-height:1; color: #303640} .files .files-item .decs .option {display:block; font-size: 14px; line-height: 22px; font-weight:600; color:#8889a3; margin-top:0.2em} #embedPDF {min-height:700px} .row-content {padding:30px 0 40px} .files .files-item-title {padding:0; font-size:1.5em; line-height:2; margin-top:30px; margin-bottom:30px; color: #132c64; font-weight:700} .faq {margin:70px 0} .faq-item {height:100px; background: #ffffff; box-shadow: -4px 4px 8px rgba(232, 232, 232, 0.2), 4px -4px 8px rgba(232, 232, 232, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.9), 4px 4px 10px rgba(232, 232, 232, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(232, 232, 232, 0.5); border-radius: 10px; margin-bottom:38px; padding:10px 60px; display:flex; align-items:center} .faq-item .icon {margin-right:42px} .faq-item h2 {font-weight: bold; font-size: 16px; line-height: 22px; color:#132C64} .faq-item h2 a {color:#132C64} /* BLOCKS */ .blocks {padding:60px 0} .blocks h2 {padding:0 0 20px 0; font-weight: 600; color: #0e2b5c; font-size: 1.875rem; line-height: 1.2em; } .blocks .blocks-desc {padding:0 0 20px 0} .blocks-item {padding:20px 0} .blocks-item .b-icon {float:left; font-size:1.4rem; line-height:1.6rem; color:#47414f; height:30px; width:30px; margin-right:10px;} .blocks-item .b-img {float:left; margin-right:10px;} .blocks-item .b-item-img {float:left; margin-right:10px;} .blocks-item .b-item-desc {overflow:hidden} .blocks-item .b-title {font-weight:600; margin-bottom:1rem; font-size:1.2rem} .blocks-item .b-subtitle {font-weight:400; padding-bottom:10px} .blocks-item .b-text {} .blocks.bg_transparent {background:transparent !important} .blocks.bg_white {background:#fff !important} .blocks-item.text-center .b-icon {float:none; font-size:1.4rem; line-height:1.6rem; color:#3498db; height:30px; width:30px; margin:0 auto;} .blocks-item.text-center .b-img {float:none; margin:0 auto;} .blocks-title .blocks-pretitle{font-size: 12px; color: #627792; text-align: center; text-transform: uppercase;} .blocks-title .blocks-desc{font-weight: 600; color: #0e2b5c; font-size: 1.875rem; line-height: 1.2em;} .news-block {margin:1.2em 0} .news-block .doc-title, .news-block .doc-title a {font-weight: bold; font-size: 16px; line-height: 22px; color:#1B547B; margin: 0 0 10px 0;} .news-block .doc-text, .news-block .doc-text a {font-weight: 600; font-size: 14px; color:#8889A3; line-height: 22px; line-height: 1.625em;} .news-block .icon {display:block; height:40px; width:40px; position:relative; margin:0 0 .6em} .services-wrap {margin:2em 0} .service-block {margin:2.2em 0} .service-block .doc-title, .service-block .doc-title a {font-weight: bold; font-size: 16px; line-height: 22px; color:#1B547B; margin: 0 0 10px 0;} .service-block .doc-text, .service-block .doc-text a {font-weight: 600; font-size: 14px; color:#8889A3; line-height: 22px; line-height: 1.625em;} .service-block .icon {display:block; height:40px; width:40px; position:relative; margin:0 0 .6em} .service-block .icon svg {fill:#1B547B} .service-block:hover .icon svg {} .service-block:hover svg .svg-services {fill:#263959;} /* SERVICES BENEFITS */ .blocks.services_benefits {background:#fff} /* SERVICE FEATURES */ .blocks.service_features {} .blocks.service_features .b-img {max-width:200px;} /* SERVICE REVIEWS */ .reviews {background:#f5f6f7; clear:both; padding:30px 0} .reviews h2, .reviews h3 {padding:0 0 20px 0} .reviews.bg_transparent {background:transparent} .reviews .blocks-item {margin:0 0 40px; padding:0} .reviews .b-item-img {float:none; margin-right:0;} .reviews .b-title {font-weight:600; padding:10px 0 0} .reviews .b-subtitle {font-weight:400; font-size:0.9em; padding:0} .reviews .b-item-desc {background:#fff; padding:20px; position:relative; overflow:visible !important; box-shadow:1px 1px 8px 3px rgba(50,50,50,0.1)} .reviews .b-item-desc p {margin:0;} .reviews .b-item-desc.plus-img:before {content: ""; display: block; width: 0; height: 0; border: inset 12px; border-color: #fff #fff transparent transparent; border-style: solid; position: absolute; top: 24px; left: -24px; z-index: 5;} .testimonials-wrap {display:flex; flex-wrap: nowrap; /* */ margin:2em 0 0 0; padding:2em 0 3em; overflow-x:hidden} .testimonial-content {background: #fff; padding:30px; /* vw:45%; */ max-width:800px; margin:40px 35px; border-radius: 5px; border-top:2px solid #3eb5f1; box-shadow: 0 5px 35px rgba(0,0,0,.1); user-select: none} .testimonial-image {margin-bottom: 30px;} .testimonial-image img {height:40px} .testimonial-text {color: #0e2b5c; font-size: 1rem; line-height: 1.625em; margin-bottom: 30px;} .testimonial-author-name {font-weight: 600; color: #0e2b5c; text-transform: none; font-size: 1rem; line-height: 1.35em;} .testimonial-author-subtitle {font-size: 14px; line-height: 1.3; color: #0e2b5c;} .testimonial-nav {display:block; text-align:center} .testimonial-nav div {display:inline-block; border-radius:50%; width:14px; height:14px; border:4px solid #f2f3f4; background:#f1f2f3; outline:none; cursor:pointer} .testimonial-nav div.tns-nav-active {border:4px solid #0E2B5C; background:#f1f2f3; cursor:default} .blocks.service_gallery {background:#fff} .blocks.service_gallery.gallery .gallery-item {display:inline-block !important; float:none; max-width:180px; background:#fff} .blocks.clients {background:#fafafa} .clients h2 {position:relative; padding-top:20px} .clients h2::before {content: ""; display:block; position:absolute; top:0; width:100px; height:5px; background:#fe1f5e} .clients .text-center h2::before {content: ""; display:block; top:0; margin: 0 auto; left: 0; right: 0; width:100px; height:5px; background:#fe1f5e} .clients .text-right h2::before {content: ""; display:block; top:0; right: 0; width:100px; height:5px; background:#fe1f5e} .blocks.clients #blocks-clients {display:flex; overflow:hidden;} .blocks.clients .blocks-item {display:inline-block; width:20%} .blocks.clients .blocks-item img {display:inline-block} .blocks.clients .blocks-item .b-title {font-weight:400; font-size:1em; padding:10px 0} .blocks.catalog-order {background:#f1f2f3} .form-catalog {} .catalog-order-title, .fotm-title {font-size:1.2rem; line-height:3rem} .contact-persons-item {} .contact-persons-img {max-width:200px; display:inline-block} .contact-persons-img .b-img {float:none; max-width:200px; display:inline-block} .contact-persons-item .b-title {font-family:'Open Sans', sans-serif; font-size:1.2rem; line-height:1.4rem; font-weight:400; color:#222; margin:0.4rem 0 0; padding:0} .contact-persons-item .b-subtitle {font-family:'Open Sans', sans-serif; font-size:0.9rem; font-weight:400; color:#555;} .contact-persons-item .b-text {} .service_price {} .service_price .price-item {display:table; border-bottom:dotted 1px #ddd; width:100%} .service_price .price-item .price-title {display:table-cell; width:80%; padding:10px 20px;} .service_price .price-item .price-subtitle {display:table-cell; width:20%; padding:10px 20px;} .service_price .price-item:hover{background:#e8e8e8} .catalog_features {} .catalog_features .catalog_features-item {display:table; border-bottom:dotted 1px #ddd; width:100%} .catalog_features .catalog_features-item:nth-child(even) {background:#f5f6f7} .catalog_features .catalog_features-item .catalog_features-title {display:table-cell; width:40%; padding:10px 20px;} .catalog_features .catalog_features-item .catalog_features-subtitle {display:table-cell; width:60%; padding:10px 20px; border-left:dotted 1px #ddd;} .catalog_features .catalog_features-item:hover{background:#e8e8e8} /* catalog-item */ .catalog-category {position:relative; padding-bottom:40px} .catalog-category .doc-title {font-family:'Open Sans', sans-serif; font-size:1.2rem; line-height:1.2; font-weight:600; color:#222; margin:0 0 0.4rem ; /* text-transform:uppercase */} .catalog-category .doc-title a {color:#222} .catalog-category .doc-title a:hover {color:#3498db} .catalog-category .doc-subtitle {font-family:'Open Sans', sans-serif; font-size:0.9rem; font-weight:400; color:#555; /* text-transform:uppercase */} .catalog-category .doc-text {color:#555} .catalog-category a.readmore {display:block; padding:6px 0 0; color:#3498db; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:0.7rem; font-weight:600} .catalog-category a.readmore:hover {color:#2980b9} /* catalog-item */ .catalog-item {position:relative; padding-bottom:40px} .catalog-item .doc-title {font-family:'Open Sans', sans-serif; font-size:1rem; line-height:1.2; font-weight:600; color:#222; margin:0.4rem 0 0; /* text-transform:uppercase */} .catalog-item .doc-title a {color:#222} .catalog-item .doc-title a:hover {color:#3498db} .catalog-item .doc-subtitle {font-family:'Open Sans', sans-serif; font-size:0.9rem; font-weight:400; color:#555; /* text-transform:uppercase */} .catalog-item .doc-text {color:#555} .catalog-item a.readmore {display:block; padding:6px 0 0; color:#3498db; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:0.7rem; font-weight:600} .catalog-item a.readmore:hover {color:#2980b9} .acc_title {cursor:pointer;background:#efefef; padding:10px 20px;} .acc_title.close {background:#efefef; color:#333;} .acc_title.active {background:#e8e8e8} .acc_title:hover,.acc_title.active:hover, .acc_title.close:hover {background:#e3e3e3;} .acc_item {display:none; padding:10px 20px 0;} /* DOCS LISTS */ /* SERVICES */ .services-item {position:relative; padding-bottom:40px} .services-item .doc-title {font-family:'Open Sans', sans-serif; font-size:1.4rem; line-height:1.4; font-weight:600; color:#222; margin:0.4rem 0 0; /* text-transform:uppercase */} .services-item .doc-title a {color:#222} .services-item .doc-title a:hover {color:#3498db} .services-item .doc-subtitle {font-family:'Open Sans', sans-serif; font-size:0.9rem; font-weight:400; color:#555; /* text-transform:uppercase */} .services-item .doc-text {color:#555} .services-item a.readmore {display:block; padding:6px 0 0; color:#3498db; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:0.7rem; font-weight:600} .services-item a.readmore:hover {color:#2980b9} /* EVENTS */ .events-home {background:#fff; padding:30px 0} .events-home h2 {padding:0.5rem 0} .events-home h2 a {color:#222} .events-home .blocks-desc {padding:0 0 20px 0} .events-item {position:relative; padding-bottom:40px} .events-item h2 {font-family:'Open Sans', sans-serif; font-size:1.4rem !important; line-height:1.4 !important; font-weight:600; color:#222; margin:0 !important; padding:0 !important} .events-item h2 a {color:#222} .events-item h2 a:hover {color:#3498db} .events-item .doc-subtitle {font-family:'Open Sans', sans-serif; font-size:0.9rem; font-weight:400; color:#555; /* text-transform:uppercase */} .events-item p {color:#555} .events-item a.readmore {display:block; padding:6px 0 0; color:#3498db; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:0.7rem; font-weight:600} .events-item a.readmore:hover {color:#2980b9} /* BENEFITS */ .benefits {padding:60px 0; background:#fff} .benefits h2 {padding:0 0 20px 0} .benefits .blocks-desc {padding:0 0 20px 0} .benefits .benefits-img {display:block; margin-bottom: 1.25rem;} .benefits .benefits-item {padding-bottom:1rem} .benefits .benefits-item::after {content:''; display:table; clear:both} .benefits .benefits-item .benefits-icon {float:left; font-size:1.6rem; color:#3498db; height:40px; width:40px; margin-right:10px;} .benefits .benefits-item .benefits-item-desc {overflow:hidden} .benefits .benefits-item .benefits-item-desc h4 {color:#222; font-size:1.2rem; font-weight: 600; margin-bottom: 1rem;} /* CASES */ .case-item-first {position:relative; padding:40px 0} .case-item-first h2 {position:relative; padding-top:1em} .case-item-first h2::before {content: ""; display:block; position:absolute; top:0; width:100px; height:5px; background:#fe1f5e} .case-item-first h2, .case-item-first h2 a {font-weight:700; color: #0e2b5c; font-size:24px; line-height:33px; margin:0 0 .5em 0;} .case-item-first h3, .case-item-first h3 a {font-weight: 400; color: #0e2b5c; font-size:1.1em; margin:.5em 0 1em 0;} .case-item-first p { } .case-item {position:relative; padding-bottom:40px; margin:3em 0 0 } .case-item .date {font-size:13px; font-weight:400; color:#777; text-transform:uppercase} .case-item h2, .case-item h2 a {font-weight: 500; color: #0e2b5c; font-size: 1.25rem; line-height: 1.35em; margin: 10px 0 10px 0;} .case-item h3, .case-item h3 a {color: #627792; font-size: 1rem; line-height: 1.625em;} .case-item p {color:#333; margin-bottom:0; padding-bottom:10px} .case-item a.readmore {display:block; padding:6px 0 0; color:#3498db; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:0.7rem; font-weight:600} .case-item a.readmore:hover {color:#2980b9} /* TEAM */ .staff {margin:2em 0} .staff h2 {position:relative; font-size:24px; font-weight:700; padding:10px 0; margin-top:20px; color:#132C64; line-height:1.2} .staff h2 a {color:#132C64;} .staff h2::before {content: ""; display:block; position:absolute; top:0; width:100px; height:5px; background:#fe1f5e} .staff .text-center h2::before {content: ""; display:block; top:0; margin: 0 auto; left: 0; right: 0; width:100px; height:5px; background:#fe1f5e} .staff .text-right h2::before {content: ""; display:block; top:0; right: 0; width:100px; height:5px; background:#fe1f5e} .staff .row.row-flex {display:flex; align-content:stretch; align-items: stretch;} .staff.intro {padding:1em 0; margin-bottom:0} .staff.intro h2 {font-size:24px; padding-top:16px; margin-bottom:2em} .row_staff_intro {display:flex; overflow:hidden; height:560px;} .contact-percons-blocks {padding:40px 0 } .contact-percons-blocks h2 {font-size:24px; font-weight:700; padding:20px 0; color:#132C64} .contact-percons-blocks h2::before {content: ""; display:block; position:absolute; top:0; width:100px; height:5px; background:#fe1f5e} .contact-percons-blocks .text-center h2::before {content: ""; display:block; top:0; margin: 0 auto; left: 0; right: 0; width:100px; height:5px; background:#fe1f5e} .contact-percons-blocks .text-right h2::before {content: ""; display:block; top:0; right: 0; width:100px; height:5px; background:#fe1f5e} .contact-percons-flex {display:flex; justify-content: center;} @media only screen and ( max-width: 40em ) /* 640 */ { .contact-percons-flex {display:block;} } .employee {position:relative; height:480px; padding:25px; background: #ffffff; box-shadow: -4px 4px 8px rgba(232, 232, 232, 0.2), 4px -4px 8px rgba(232, 232, 232, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.9), 4px 4px 10px rgba(232, 232, 232, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(232, 232, 232, 0.5); border-radius: 10px; margin-bottom:60px} .employee img {display:block; max-width:100%; margin:0 auto;} .employee .title, .employee .b-title {font-family:'Open Sans', sans-serif; font-size:16px; line-height:22px; font-weight:700; color:#303640; margin:1.25em 0 0; } .employee .title a, .employee .b-title a {color:#303640} .employee .title a:hover {color:#3498db} .employee .subtitle, .employee .b-subtitle {font-family:'Open Sans', sans-serif, sans-serif; font-size:14px; line-height:22px; font-weight:600; color:#8889a3; margin:.625em 0 0;} .employee .text {color:#8889a3} .employee a.readmore {display:block; padding:6px 0 0; color:#1C80D6; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:700} .employee a.readmore:hover {color:#2980b9} .employee.small {margin:20px 0;} .employee.next {text-align:center; min-height:220px; padding:0; display:flex; align-content:center; align-items:center; justify-content: center} .employee.next i{font-size:4em;} .employee.next span{display:block; text-align:center; font-size:1em;} /* END TEAM */ /* AUTOPARK */ .autopark {margin:2em 0;} .autopark .autopark-item {position: relative; height:370px; margin:20px 0 60px; padding:23px; background: #FFFFFF; box-shadow: -4px 4px 8px rgba(232, 232, 232, 0.2), 4px -4px 8px rgba(232, 232, 232, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.9), 4px 4px 10px rgba(232, 232, 232, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(232, 232, 232, 0.5); border-radius: 10px;} .autopark-item .doc-title {font-size:16px; line-height:22px; font-weight:700; margin-top:32px; color:#303640} .autopark-item .doc-title a {color:#303640} .autopark-item .doc-subtitle {font-size:14px; line-height:22px; font-weight:600; color:#8889A3} .autopark-item.next {text-align:center; min-height:220px; padding:0; display:flex; align-content:center; align-items:center; justify-content: center} .autopark-item.next i{font-size:4em;} .autopark-item.next span{display:block; text-align:center; font-size:1em;} .autopark.intro {margin:0;} .autopark.intro h2 {margin-bottom:2em} .autopark.intro h2, .autopark.intro h2 a {font-size:24px; line-height:32px; color:#132C64; padding-top:16px} .autopark.intro h2::before {content: ""; display:block; position:absolute; top:0; width:100px; height:5px; background:#fe1f5e} .autopark.intro .text-center h2::before {content: ""; display:block; top:0; margin: 0 auto; left: 0; right: 0; width:100px; height:5px; background:#fe1f5e} .autopark.intro .text-right h2::before {content: ""; display:block; top:0; right: 0; width:100px; height:5px; background:#fe1f5e} .autopark.intro .autopark-item {margin:20px 0;} .autopark_intro {display:block; overflow:hidden; height:420px} /* END AUTOPARK */ .date {font-size:13px; font-weight:400; color:#777; text-transform:uppercase} /* NEWS */ .docs-item {position:relative; padding-bottom:40px} .docs-item .date {font-size:13px; font-weight:400; color:#777; text-transform:uppercase} .docs-item h2 {font-size:22px; line-height:1.2; font-weight:400; color:#222; margin:0.4rem 0 } .docs-item h2 a {color:#222} .docs-item h2 a:hover {color:#3498db} .docs-item p {color:#333; margin-bottom:0; padding-bottom:10px} .docs-item a.readmore {display:block; padding:6px 0 0; color:#3498db; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:0.7rem; font-weight:600} .docs-item a.readmore:hover {color:#2980b9} .news-home {padding:6em 0; background:#eceff3} .news-home h2, .news-home h2 a {font-weight: 600; color: #0e2b5c; font-size: 1.875rem; line-height: 1.2em; padding:0 0 20px 0} .news-home .news-home-item {padding:0 0 20px 0} .news-home .news-home-item img {display:block; margin:0 0 0.4rem 0; } .news-home .news-home-item .doc-title {font-family:'Open Sans', sans-serif; font-size:1.2rem; line-height:1.4rem; font-weight:400; color:#0e2b5c; margin:0.4rem 0 0; } .news-home .news-home-item .doc-title a {color:#0e2b5c} .news-home a.readmore {display:block; padding:6px 0 0; color:#0e2b5c; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:0.7rem; font-weight:600} .news-home a.readmore:hover {color:#2980b9} .tariff-country {padding-top:20px;} .tariff-country h2 {font-weight:600} .tariff-country h2 a {color:#285678} .tariff-cities {padding-bottom:40px;} .tariff-cities-list {column-count: 4; -webkit-column-count: 4; -moz-column-count: 4;} .tariff-cities-list .tariff-city {padding-bottom:10px; break-inside:avoid;} .tariff-cities-table {width:100%; margin:1em 0} table.tariff-cities-table {background: #FFFFFF; margin-bottom: 1.25rem; border: solid 1px #DDDDDD; table-layout: auto;} table.tariff-cities-table caption {background: transparent; color: #222222 !important; font-size: 1rem; font-weight: bold;} table.tariff-cities-table thead {background: #F5F5F5;} table.tariff-cities-table thead tr th, table.tariff-cities-table thead tr td {padding:0.1rem; font-size:0.875rem; font-weight:bold; color:#222222 !important; text-align:center} table.tariff-cities-table tfoot {background: #F5F5F5;} table.tariff-cities-table tfoot tr th, table.tariff-cities-table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222 !important;} table.tariff-cities-table tr th, table.tariff-cities-table tr td {padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #222222 !important; text-align: left;} table.tariff-cities-table tbody tr.even, table.tariff-cities-table tbody tr.alt, table.tariff-cities-table tbody tr:nth-of-type(even) {background: #F9F9F9 !important;} table.tariff-cities-table thead tr th, table.tariff-cities-table tfoot tr th, table.tariff-cities-table tfoot tr td, table.tariff-cities-table tbody tr th, table.tariff-cities-table tbody tr td, table.tariff-cities-table tr td {display: table-cell; line-height: 1.125rem;} table.tariff-cities-table tbody tr:hover td {background: rgba(040,086,120,.9); color:#fff !important} table.tariff-cities-table tr td.city {min-width:230px; max-width:230px; width:230px; } .tariff-cities-table .cargo-weight {background-color: #d7d9f2;} .tariff-cities-table .cargo-kg {background-color: #ffe8d4;} .tariff-cities-table .tariff {} .tariff-cities-table .tariff span {display:inline-block; font-size:0.9em; /* -webkit-writing-mode: vertical-rl;*/ writing-mode:vertical-lr; transform:rotate(180deg)} .tariff-cities-table .tariff-title {text-align:center} .tariff-cities-table .price--active {background: rgba(040,086,120,.9); color:#fff} .tariff-cities-table .price--active-1 {background: rgba(040,086,120,.6); color:#fff} /* CONTACTS */ .contact {padding:40px 0; background:#fff} .contact.dark { background:#ecf0f1} .contact-icon {display:block; text-align:center; font-size:28px; color:#3498db} .contact-desc {overflow:hidden} .catalog-contact {margin:0; padding:16px 0; } .catalog-contact .contact-icon {display:inline-block; float:left; font-size:1rem; width:26px; text-align:left} .catalog-contact .contact-desc {padding-bottom:1rem} #ymap {height:400px;} #ymap.map-branches {height:600px;} #ymap.map-cities {height:600px;} #ymap .map-branch-img {width:120px;} /* Contact Form */ .form {padding:60px 0; /* background:#ecf0f1 */} .form .form-lead_magnet{background:#ecf0f1} .contact-form {padding:20px 0;} .contact_social .soc-item {display:inline-block; margin:0 6px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; background:#3498db; color:#fff} .first_name_user {display:none!important} .form.calculator {padding:0} .calculator {position:relative} .calculator label{font-size:0.9em; line-height:22px; font-weight:600; color:#003c5c; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .calculator label.note {margin-bottom:.3em} .calculator textarea.calc, .calculator input.calc, .calculator select.calc {font-size:14px; font-weight:600; line-height:22px; color:#8889a3; height:50px; border-radius:5px; padding:0.8em 0.5em 0.8em 1.4em; background-color: #f5f5f5; box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(213, 213, 213, 0.5), inset -3px 3px 6px rgba(213, 213, 213, 0.2), inset 3px -3px 6px rgba(213, 213, 213, 0.2), inset -3px -3px 6px rgba(255, 255, 255, 0.9), inset 3px 3px 8px rgba(213, 213, 213, 0.9); margin: 0 0 1.6rem 0;} .calculator textarea.calc {height:auto} .calculator input.scheme_delivery {display:none} .calculator label.scheme_delivery {display:inline-block; margin: 0 0 1rem 0; font-size:1em; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:50%; text-align:left; font-size:0.875rem; padding:0; position:relative; } .calculator #from_city option.tariff, .calculator #to_city option.tariff {font-weight:600} .calculator #from_city option.storage, .calculator #to_city option.storage {font-weight:600} .calculator #scheme_delivery_from_address, .calculator #scheme_delivery_to_address {display:none} .calculator .change_direction {margin-top:22px; line-height:50px; cursor:pointer; text-align:center} .calculator .change_direction.backward {color:#fe1f5e} .calculator .cargo_size {display:inline-block; width:28%; float:left; } .calculator .cargo_size_empty {display:inline-block; width:8%; float:left; } .calculator .cargo_size_times {display:inline-block; width:8%; float:left; text-align:center; font-size:22px; margin: 0 0 1rem 0; color:#003C5C; font-weight:700; padding: 0.5rem 0; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .calculator label.error, .calculator .cargo_size label.error, #cargo_weight-error {font-size:0.8em; margin-top:-1.4rem; color:#fe1f5e; line-height:1.2} .calculator label.note .cargo_size, .calculator label.note .cargo_size_empty {margin-bottom: 0.3em;} .calculator .cargo_volume {background-color: #f4f5f6 !important;} .calculator label.error {padding-bottom:10px} .calculator input.error, .calculator select.error {border-color:#c60f13} .calculator label.addservices {display:inline-block; margin: 0 0 1rem 0;} .calculator #calc_result {background:#f5f5f5; padding:16px 20px 10px; border-radius:5px; margin-bottom:1em; font-size:14px; line-height:22px; font-weight:600; color:#8889a3} .calculator #calc_result .comment {} .calculator #calc_result .cost_components {} .calculator #calc_result .cost_components .cost_components_item{margin:5px 0; font-size:0.9em; display:flex; justify-content:space-between; } .calculator #calc_result .cost_components .cost_components_item .cost_components_item_title {background: #f5f5f5; z-index:1} .calculator #calc_result .cost_components .cost_components_item .cost_components_item_cost {text-align:right; background: #f5f5f5; z-index:1} .calculator #calc_result .cost_components .cost_components_item .cost_components_item_empty {flex-grow: 1; border-bottom:1px dashed rgba(042,046,058,0.5);} .calculator #calc_result .cost_components .cost_components_total{margin:10px 0 0;} .calculator #calc_result .estimated_cost {display:flex; justify-content:space-between; padding-top:10px;} .calculator #calc_result .estimated_cost .cost_components_total {font-size:1rem; font-weight:400;} .calculator #calc_result .estimated_cost .estimated_val {font-size:1.2em; font-weight:700; text-align:right} .calculator #calc_result .estimated_cost .estimated_cost_comment {font-size:0.7rem; font-weight:400;} .calculator #calc_result .submit_order {display:none; text-transform:uppercase; color:#1d81d7; font-weight:700; font-size:.9em; cursor:pointer; padding:10px 0 0} .calculator #calculator_submit {display:none; position:absolute; z-index:3; left:0; top:0; right:0; bottom:0; background:#fff; box-shadow:0 0 20px rgb(0 0 0 / 20%)} .calculator #calculator_submit.show {display:flex; justify-content: center; align-items: center; } .calculator #calculator_submit .calculator_submit-message {text-align: center; } .calculator #calculator_submit .calculator_submit-message .title {font-size:1.4em; font-weight:700; margin-bottom:1em} .calculator #calculator_submit .calculator_submit-message .text {margin-bottom:1em} .calculator .button {color:#f7f7f7 !important} #oversized_cargo {display:none} /* .services-list {background: linear-gradient(to right, #1b547b 30%, #f8f8f8 30%);} .services-list.services-list-home > .row {background: linear-gradient(to right, #1b547b 30%, #f8f8f8 30%);} .services-list .row.row-services-list {display:flex} .services-list .services-list-left {background:#1b547b; } .services-list .services-list-right {background:#f8f8f8} .services-list .services-list-title {background:#1b547b; height:100%; display:flex; flex-direction:column; justify-content: center; text-align:left} .services-list .services-list-title .services-list-title-wrap {position:relative; padding:40px 0 0} .services-list .services-list-title .services-list-title-wrap::before {content:" "; position:absolute; top:0; left:0; width:95px; height:5px; background:#fff;} .services-list .services-list-title .blocks-pretitle {position:relative; font-weight: bold; font-size: 14px; line-height: 19px;text-transform: uppercase;color: rgba(247, 247, 247, 0.8); padding:0 0 20px} */ .order_block {background: linear-gradient(to right, #1b496c 50%, #fff 50%); color:#f6f6f6} .order_block .row.row-order-block {display:flex} .order_block .order-block-left {background:#1b496c; padding-top:80px; padding-bottom:80px;} .order_block .order-block-right {background:#fff; padding-top:80px; padding-bottom:80px;} .order_block h2 {color:#fff !important;} .order_block p {color:#f6f6f6 !important;} .order_block .order-block-title {font-size:24px; line-height:33px; font-weight:700; position:relative; padding:40px 0 0} .order_block .order-block-title::before {content:" "; position:absolute; top:0; left:0; width:95px; height:5px; background:#fff;} .order-contact {margin:3em 0 0; padding:0; color:#f6f6f6} .order-contact .order-contact-title {font-size:24px; line-height:33px; font-weight:700; } .order-contact .contact-icon {display:inline-block; float:left; font-size:1rem; width:40px; height:40px; line-height:40px; text-align:center; color:#0e2b5c} .order-contact .contact-desc {line-height:1.6; padding:7px 0 14px} .order-contact .contact-desc .phone-comment {display:block; font-size:0.8rem; line-height:1.2;} .order_block .form {padding: 50px; /* display: flex; justify-content: center; align-items: center; */} .order_block .form .form-item {} .order_block .form .form-item label {font-weight: 700; font-size: 16px; line-height: 22px; color:#1b547b; padding: 0 0 .5em 0;} .order_block .form .form-item label.error {color: #ff0000; font-weight:400;} .order_block .form .form-item input[type="text"], .order_block .form .form-item input[type="email"], .order_block .form .form-item input[type="number"], .order_block .form .form-item input[type="tel"], .order_block .form .form-item textarea {font-weight: 600; font-size: 14px; line-height: 22px; color:#8889a3; background: #f5f5f5; padding: 0.8em 0.5em 0.8em 1.4em; height: 50px; box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(213, 213, 213, 0.5), inset -3px 3px 6px rgba(213, 213, 213, 0.2), inset 3px -3px 6px rgba(213, 213, 213, 0.2), inset -3px -3px 6px rgba(255, 255, 255, 0.9), inset 3px 3px 8px rgba(213, 213, 213, 0.9); border-radius: 5px;} @media only screen and ( max-width: 42.5em ) /* 680 */ { .order_block .row.row-order-block {display:block} } #form textarea {min-height:100px} .form-item label.error {display:none} .user_agreement {display:flex; font-weight: bold !important; font-size: 12px !important; line-height: 19px !important; color:#1b547b !important} .mfp-content #orderFormPopup {background:#fff; position:relative; padding:0 20px; margin:0 auto; max-width:800px} /* GALLERY */ .gallery {clear:both} .gallery::after {content:''; display:table; clear:both} .gallery .gallery-item {display:block; float:left; max-width:180px;} /* VIDEO */ .flex-video-large {max-width:1000px} .flex-video .video-controls {position:absolute; left:50%; top:50%; width:0; height:0; z-index:2; cursor:pointer;} .flex-video .video-controls:before {content:''; display:none; width:60px; height:60px; margin:-30px 0 0 -30px; border-radius:50%; background:rgba(255,255,255,0.5);} .flex-video .video-controls:after, .flex-video .video-controls.play:after {content:''; display:none; width:0; height:0; border:inset 24px; border-color:transparent transparent transparent rgba(255,255,255,0.8); border-width:14px 0 14px 24px; border-style:solid; position:absolute; top:-14px; left:-10px; z-index:5;} .flex-video video {display:block; cursor:pointer; z-index:1} .flex-video:hover .video-controls:before {display:block;} .flex-video:hover .video-controls:after {display:block;} .flex-video .video-controls.pause:after {border:none; background:rgba(0,0,0,0.2); top:-10px; width:0; height:20px; box-shadow:2px 0px 0px 4px rgba(255,255,255,0.8), 18px 0px 0px 4px rgba(255,255,255,0.8);} .timeline {margin:1em 0} .timeline .timeline-play, .timeline .timeline-item {padding:.3em 0; cursor:pointer} .timeline .timeline-play {font-weight:600;} .timeline .timeline-item .current-time {font-weight:600;} .error-page, .confirm-page {margin:40px 0} .error-page .page-title {margin:10px; font-size:60px; color:#2ba6cb} /* employee */ .employee-notice {display:block; overflow:hidden} .employee-img {display:block; float:left; width: 41.66667%; padding-right: 0.9375em;} .contact_branches_nav {display:flex; background:#f4f5f6} .contact_branch_nav-title {flex-grow: 1; border:0; padding:10px 0 10px 10px; font-weight:600; line-height:1.2; cursor:pointer; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .contact_branch_nav-title .country {display:block; font-size:.8rem; font-weight:400 !important} .contact_branch_nav-title i {display:block; position:absolute; right:0; top:0} .branches_list {padding:60px} .branches-wrap {padding:120px 0 60px} .branches_nav {display:flex} .branch_nav-title {flex-grow: 1; font-size:1.2em; background:#FBFBFB; border:1px solid #EDEDED; padding:30px 0 20px 60px; font-weight:600; line-height:1.2; cursor:pointer; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 30px 30px 0px 0px; box-shadow:none} .branch_nav-title .country {display:block; font-size:16px; font-weight:600 !important; color:#8889A3} .branch_nav-title .country .location-flag {float:left} .branch_nav-title .city {display:inline-block; position:relative; padding:0 0 6px; font-size:24px; font-weight:700} .branch_nav-title.active {background:#fff; z-index:2; border:1px solid #fff; box-shadow:4px -4px 6px -2px rgba(0,0,0,0.05), -4px -4px 6px -2px rgba(0,0,0,0.05);} .branch_nav-title.active .city::after { content: ""; position: absolute; display: block; width: 100%; height: 3px; background: #fe1f5e; bottom:0; left: 0; right:0; } .branch_body {display:none; padding:50px 100px 50px 60px; box-shadow:0 0 10px rgba(0,0,0,0.1)} .branch_body.active {display:flex;} .branch_contacts {flex-grow: 1; width:40%; padding:20px 0 0; min-height:500px} .branch_map {flex-grow: 1; width:60%} .branch_contacts .contact-desc {margin-bottom:2em; font-size:16px; font-weight:600; color:#5a5a5a} .branch_contacts .contact-desc:last-child {margin-bottom:0} .branch_contacts .contact-desc .contact-desc-title {margin-bottom:0.5em; font-weight:700; font-size:24px; color:#132c64} .branch_contacts .contact-desc .phone-comment {display:block; font-size:0.8rem} .branch_map_canvas {height:100%} .branches_list {} .branches_list .branch {margin-bottom:2em} .branches_list .branch .branch-title {font-size:1.2em} .branches_list .branch .contact-desc {margin-bottom:1em} /* */ .routes {margin:2em 0; background:#fff; box-shadow:0px -2px 8px rgba(0, 0, 0, 0.08); border-radius: 30px 30px 0px 0px;} .sender {display:flex; padding:40px 0 20px 40px;} .sender_city_wrap {padding-right:20px;} .sender_city {font-weight: 600; font-size: 14px; line-height: 19px; color: #8889a3;} .sender_city_title {font-weight: bold; font-size: 24px; line-height: 33px; color: #132c64;} .sender_city_title .location-flag {display:inline-block; height:25px; width:25px; margin-right:10px; bottom:-3px} .sender_select_wrap {padding-top:10px} .sender_select {width:200px} .intermediate {font-weight: 600;font-size: 14px;line-height:20px;padding:18px 0 18px 40px; color:#8889a3; background:#fbfbfb; box-shadow:0px -2px 8px rgba(0, 0, 0, 0.08); border-radius: 30px 30px 0px 0px;} .routes_nav {display:flex; flex-wrap: wrap; background:#fbfbfb} .city_nav-title {flex-grow: 1; min-width:25%; font-size:1.2em; background:#fbfbfb; border:0; padding:25px 0 20px 40px; font-weight:600; line-height:1.2; cursor:pointer; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 30px 30px 0px 0px; box-shadow:none} .city_nav-title .country {display:block; font-weight: 600 !important; font-size: 16px !important; line-height: 22px !important; color:#8889a3} .city_nav-title .country .location-flag {float:left} .city_nav-title .city {display:inline-block; position:relative; padding:0 0 6px; font-size:20px; font-weight:700; color:#132c64} .city_nav-title.active {background:#fff; z-index:2; border:1px solid #fff; box-shadow:4px -4px 6px -2px rgba(0,0,0,0.05), -4px -4px 6px -2px rgba(0,0,0,0.05);} .city_nav-title.active .city::after { content: ""; position: absolute; display: block; width: 100%; height: 3px; background: #fe1f5e; bottom:0; left: 0; right:0; } .routes_body { padding:50px 40px; /* box-shadow:0 0 10px rgba(0,0,0,0.1) */} .routes_body .routes_body_title{font-weight: 600; font-size: 16px; line-height: 22px; color:#8889a3} .city_body {display:none; padding:20px 0; font-size: 20px; line-height: 45px;} .city_body.active {display:block; column-width: 180px;} .city_body .city{font-weight:700;} .from_city_tariff {display:none; opacity:0.5} .from_city_tariff.is_active {display:block; opacity:1} @media only screen and ( max-width: 42.5em ) /* 680 */ { .sender {display:block; padding:40px 0 20px 40px;} } .hidden_plus {display:none; visibility:hidden} .footer {padding:60px 0; background:#1b547b; color:#f6f6f6} .footer a {color:#f6f6f6} .footer .footer_title {font-size:30px; line-height:1.2; text-transform:uppercase; font-weight:700} .footer .footer_byline {font-size:10px; font-weight:400; text-transform:uppercase; margin-bottom:24px} .nav_bot {display:block} .nav_bot > ul {margin-left:0 !important; column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;} .nav_bot ul {margin-left:0 !important;} .nav_bot > ul > li {display:block; margin-bottom:3em; break-inside:avoid; font-weight:600; font-size:1em !important} .nav_bot ul li {display:block; width:100%; padding:0 40px 0 0; font-size:0.9rem; } .nav_bot ul li a {color:#f6f6f6; font-weight:700; font-size:20px} .nav_bot .dropdown {display:block; margin:0;} .nav_bot ul li li {display:block; text-transform:none; width:100%; font-weight:400; line-height:1.4; margin:10px 0 0 0; padding:0;} .nav_bot ul li li a {display:block; color:#b6c6ce; font-size:16px; font-weight:600} .footer .contact_social {margin-top:2em;} .footer .contact_social .soc-item {color:#1b547b; text-align:left; margin-right:0.5em; text-align:center; line-height:40px; font-size:1.6em; height:auto; background:#f7f7f7; height:40px; width:40px; border-radius:50%} .footer .contact-location-title {margin-bottom:0.5em; font-size:24px; font-weight:700} .footer .contact-location {font-size:1em} .footer .contact-location .contact-desc {margin-bottom:1em; font-weight:600} .footer .contact-location .contact-desc .phone-comment {display:block; font-size:0.875em; font-weight:400} .footer small, .footer small a {font-size:0.875em; color:#b6c6ce; font-weight:600} .cta {padding:1.2rem 2rem 1.4rem; margin:40px 0; background:#ecf0f1; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px;} .cta.cta-banner {padding:0; margin-bottom:20px; background:none;} .cta-wrap {display:block; width:100%;} .cta-wrap .cta-button {display:block; text-align:center; font-size:1rem} .cta-wrap .cta-button .button {font-size:0.9rem} .cta-wrap .cta-desc {display:block; text-align:center;} .cta-wrap .cta-desc a {color:#34495e} .cta-wrap .cta-desc .cta-title {font-weight:600; font-size:1.4rem; line-height:1.2; font-family: 'Open Sans', sans-serif; padding-bottom:10px} .cta-wrap .cta-desc .cta-text {font-family: 'Open Sans', sans-serif; font-size:1rem; padding-bottom:10px} .cta-product {padding:16px 20px; margin:10px 0; background:#fff;} .cta-wrap-product {display:block; width:100%;} .cta-wrap-product .cta-button {display:block; width:100%; text-align:center; padding:1rem 0} .cta-wrap-product .cta-desc {display:block; width:100%; text-align:center; margin-bottom:10px} .cta-wrap-product .cta-desc a {color:#555} .cta-wrap-product .cta-desc .streamer-title {font-weight:600; font-size:1.2rem; line-height:1.4; font-family: 'Open Sans', sans-serif;} .cta-wrap-product .cta-desc .streamer-subtitle {font-weight:600; font-size:1rem; line-height:1.4; font-family: 'Open Sans', sans-serif;} .cta-wrap-product .cta-desc .streamer-text { font-size:0.9rem; font-family: 'Open Sans', sans-serif;} .cta-catalog {padding:16px 20px; margin:0; background:#fff;} .cta-wrap-catalog {display:block; width:100%;} .cta-wrap-catalog .cta-button {display:block; width:100%; text-align:center; padding:1rem 0} .cta-wrap-catalog .cta-desc {display:block; width:100%; text-align:center; margin-bottom:10px} .cta-wrap-catalog .cta-desc a {color:#555} .cta-wrap-catalog .cta-desc .cta-title {font-weight:600; font-size:1.2rem; line-height:1.4; font-family: 'Open Sans', sans-serif;} .cta-wrap-catalog .cta-desc .cta-text { font-size:0.9rem; font-family: 'Open Sans', sans-serif;} .branch-contact {margin:20px 0; padding:0; background:transparent;} .branch-contact .contact-icon {display:inline-block; float:left; font-size:1rem; width:26px; text-align:left} .branch-contact .contact-desc {padding-bottom:14px} .branches-list {background:#fff; padding:30px 0} .branches-list h2 {padding:0.5rem 0 1.2rem} .SideBarMenu {font-weight:400;} .SideBarMenu .SideBarMenu-title {height:40px; line-height:40px; background:#f1f1f1; padding:0 20px; border-left:3px solid #3498db; color:#333;} .SideBarMenu .SideBarMenu-title a {color:#333; display:block; height:100%;} .SideBarMenu ul {margin:0; padding:0;} .SideBarMenu ul li {list-style:none; display:block; margin:2px 0 0 0; line-height:18px; /* background:#dbc6c8; */ background:#f1f1f1; border-left:3px solid #f1f1f1; color:#333; font-size:0.9rem} .SideBarMenu ul li a {display:block; height:100%; color:#222; padding:6px 20px;} .SideBarMenu ul li:hover {/* background:#3498db; */ border-left:3px solid #3498db;} .SideBarMenu ul li:hover a {color:#3498db;} .SideBarMenu ul li.active {/* background:#3498db; */ color:#3498db; border-left:3px solid #3498db;} .SideBarMenu ul li.active a {color:#3498db} .SideBarMenu ul ul {padding-bottom:6px;} .SideBarMenu ul ul li {padding-left:12px;} .SideBarMenu ul li.active li a {color:#222;} .SideBarMenu ul li.active li.active a {color:#3498db;} .SideBarMenu ul li.active li.active li a {color:#222;} .SideBarMenu ul li.active li.active li.active a {color:#3498db;} .SideBarMenu ul ul li:hover, .SideBarMenu ul ul li.active {border-left:3px solid transparent;} .site_caption {margin:20px 0; padding:16px 20px; background:#f1f1f1} .site_caption p {margin-bottom: 0.4rem; font-size:0.9rem} .sidebar-contact {margin:20px 0; padding:16px 20px; background:#f1f1f1; font-size:0.9rem} .sidebar-contact .contact-icon {display:inline-block; float:left; font-size:1rem; width:26px; text-align:left} .sidebar-contact .contact-desc {padding-bottom:14px} .topBannerWrap {position:relative; height:54px;} .topBanner {position:fixed; z-index:1000; top:0; left:0; right:0; height:54px; background:#ff1f5e; color:#fff; text-align:center} .topBanner a {color:#fff;} .topBanner .close {position:absolute; top:0; right:0; width:54px; height:54px; line-height:54px; text-align:center; background:#285678; color:#fff; cursor:pointer} .topBanner .close:hover i {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: all .3s ease;} .topBanner .marquee {display: block; width: 100%; white-space: nowrap; overflow: hidden;} .topBanner .marquee .line {display: inline-block;} .topBanner .title {line-height:54px; font-weight:700; font-size:1.2em} .topBanner .subtitle {line-height:54px; font-weight:400; font-size:1.2em} #backToTop {cursor:pointer; display:none; position:fixed; z-index:100; bottom:10px; margin-left:10px; overflow:hidden; width:40px; height:40px; line-height:36px; text-align:center; font-size:1.4rem; background:#1d81d7; color:#ecf0f1;-webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; transition: background 200ms ease-in-out; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; -o-transition: background 200ms ease-in-out;} #backToTop:hover {background:#3C4144; color:#fff} #toolsNav {display:block; position:fixed; z-index:100; top:180px; margin-left:0; width:100px; height:auto; padding:40px 10px; text-align:center; font-size:0.8rem; background:rgba(255, 255, 255, 0.95); color:#1d81d7; -webkit-border-radius:0px 20px 20px 0px; -moz-border-radius:0px 20px 20px 0px; -o-border-radius:0px 20px 20px 0px; border-radius:0px 20px 20px 0px; box-shadow:3px -3px 20px rgb(1 1 1 / 20%); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} #toolsNav .tools-nav-item {display:block; width:80px; height:auto; text-align:center; font-size:0.8rem; color:#1d81d7; margin-bottom:2em; position:relative} #toolsNav .tools-nav-item:last-child {margin-bottom:0} #toolsNav .tools-nav-item.tools-nav-item__chat {margin-bottom:0} #toolsNav .tools-nav-item-title {margin-top:0; font-size:14px; color:#003C5C} #toolsNav .tools-nav-item img {display:block; height:40px; margin:0 auto} #toolsNav .tools-nav-item-point {display:none; height:16px; width:16px; border-radius:50%; background:#ff0000; position:absolute; top:0; right:-10px} #toolsNav .wrap-chat {position:relative; cursor: pointer} #toolsNav .wrap-chat .wrap-chat-icons {display:flex; position:absolute; left:80px; top:0; padding-left:15px; height:50px; text-align:left; } #toolsNav .wrap-chat .wrap-chat-icons.hide {display:none !important} #toolsNav .wrap-chat .wrap-chat-icons .soc-item {display:inline-block; text-align:center; height:50px; width:50px; margin:0 5px; padding:2px; line-height:46px; font-size:28px; background:#fff; border-radius:50%; box-shadow:0 8px 6px -6px rgb(33 33 33 / 20%); } #toolsNav .wrap-chat .wrap-chat-icons .soc-item:hover {box-shadow:0 8px 6px 0 rgb(33 33 33 / 20%); } #toolsNav .wrap-chat .wrap-chat-icons .soc-item-vk {color:#4c75a3} #toolsNav .wrap-chat .wrap-chat-icons .soc-item-whatsapp {color:#25d366} #toolsNav .wrap-chat .wrap-chat-icons .soc-item-telegram {color:#0088cc} #toolsNav .wrap-chat .wrap-chat-icons .soc-item-close i {transition: 0.5s;} #toolsNav .wrap-chat .wrap-chat-icons .soc-item-close:hover i {transform: rotate(360deg)} #toolsNav .tools-nav-item.tools-nav-item__callback {display:none; position:relative; cursor: pointer; margin-top:2em;} #toolsNav .tools-nav-item__calculator img, #toolsNav .tools-nav-item__order img {display:block; padding:5px; height:50px; background:rgba(254,031,094,0.7); border-radius:4px; color:#fff} @media only screen and ( max-width: 93em ) /* 1500 */ { #toolsNav {margin-left:0; width:100px; padding:40px 10px;} #toolsNav .tools-nav-item {display:block; width:70px; height:auto; } #toolsNav .tools-nav-item img {display:block; height:40px;} #toolsNav .wrap-chat .wrap-chat-icons {left:70px; padding-left:20px;} } @media only screen and ( max-width: 85.375em ) /* 87.500em 1400 */ { #toolsNav {margin-left:0; width:100px; height:auto;} #toolsNav .tools-nav-item {display:block; width:70px; height:auto; } #toolsNav .tools-nav-item img {display:block; height:40px;} #toolsNav .wrap-chat .wrap-chat-icons {left:70px; padding-left:20px;} /* #toolsNav .wrap-chat .wrap-chat-icons {left:60px; padding-left:10px;height:40px;} #toolsNav .wrap-chat .wrap-chat-icons .soc-item {display:inline-block; text-align:center; height:40px; width:40px; margin:0 5px; padding:2px; line-height:36px; font-size:22px; background:#fff; border-radius:50%;} */ } @media only screen and ( max-width: 80em ) /* 80em 1280 */ { #toolsNav {margin-left:0; width:72px; height:auto; top:80px; padding:20px 6px;} #toolsNav .tools-nav-item {display:block; width:52px; height:auto; } #toolsNav .tools-nav-item img {display:block; height:30px;} #toolsNav .tools-nav-item-title {font-size:11px} #toolsNav .wrap-chat .wrap-chat-icons {left:60px; padding-left:20px;} #toolsNav .tools-nav-item__calculator img, #toolsNav .tools-nav-item__order img {padding:5px; height:40px;} } @media only screen and ( max-width: 64em ) /* 1024 */ { #toolsNav {display:flex; bottom:10px; left:60px; top:auto; margin-left:0; height:40px; padding:0; width:auto; border-radius:2px} #toolsNav .tools-nav-item {display:inline-block; width:auto; height:40px; margin-bottom:0; margin:0 10px} #toolsNav .tools-nav-item.tools-nav-item__callback {display:block; margin-top:0;} #toolsNav .tools-nav-item a, #toolsNav .tools-nav-item .wrap-chat, #toolsNav .tools-nav-item .wrap-callback {display:flex; align-items: center; height:40px;} #toolsNav .tools-nav-item img {display:inline-block; height:40px;} #toolsNav .tools-nav-item .tools-nav-item-ico {display:inline-block; height:32px; padding:4px 0} #toolsNav .tools-nav-item-title {display:none;} #toolsNav .wrap-chat {position:relative; cursor: pointer;} #toolsNav .wrap-chat .wrap-chat-icons {display:flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; position:absolute; left:-10px; bottom:40px; padding-left:0; height:auto; text-align:left;} #toolsNav .wrap-chat .wrap-chat-icons .soc-item {display:inline-block; text-align:center; height:40px; width:40px; margin:5px 0; padding:2px 0; line-height:36px; font-size:22px; background:#fff; border-radius:50%;} #toolsNav .tools-nav-item__calculator img, #toolsNav .tools-nav-item__order img {display:block; padding:5px !important;} } @media only screen and ( max-width: 42.5em ) /* 680 */ { #toolsNav .tools-nav-item-title {display:none;} } /* NEW CHECKBOX */ input.checkbox {display:inline-block; margin:0 14px 0 0 !important; padding:0 !important; position:relative; outline:none; cursor:pointer; height:22px; } input.checkbox::before {content:'';cursor:pointer; position:absolute; width:21px; height:21px; top:0; left:0; background:#fafafa; border:3px solid #c9c9c9; margin:0 !important; -webkit-border-radius:3px; border-radius:3px; transition: all 0.25s ease-out; z-index:2} input.checkbox::after {opacity:0; content:''; position:absolute; width:11px; height:7px; background:transparent; top:6px; left:5px; border:3px solid #666; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform: rotate(-45deg); transform:rotate(-45deg); transition: all 0.25s ease-out; z-index:3; cursor:pointer;} .checkbox:hover::after {opacity: 0.5;} input.checkbox:checked::before {background:#003c5c; border-color:#003c5c;} input.checkbox:checked::after {opacity:1; border-color:#fff;} /* NEW CHECKBOX */ /* NEW RADIOBOX */ input.radio {display:inline-block; margin:0 8px 0 0!important; padding:0 !important; position:relative; cursor:pointer;} input.radio::before {content:'';cursor:pointer; position:absolute; width:21px; height:21px; top:-3px; left:-1px; background:#fafafa; border:3px solid #c9c9c9; margin:0 !important; -webkit-border-radius:50%; border-radius:50%; transition: all 0.25s ease-out; z-index:2} input.radio::after {opacity:0; content:''; position:absolute; width:9px; height:9px; background:transparent; top:3px; left:5px; background:#666; /* border:2px solid #666; */ -webkit-border-radius:50%; border-radius:50%; transition: all 0.25s ease-out; z-index:3; cursor:pointer;} input.radio:hover::after {opacity: 0.5; cursor:pointer;} input.radio:checked::before {background:#fff; border-color:#003c5c; cursor:pointer;} input.radio:checked::after {opacity:1; background:#003c5c; cursor:pointer;} /* NEW RADIOBOX */ /* Опрос */ .survey_question_list {} .survey_question_list .question {padding:0 0 2rem} .survey_question_list .question:before, .survey_question_list .question:after {content: " "; display: table;} .survey_question_list .question:after {clear: both;} .survey_send .question label.error, .survey_question_list .question label.error {display:none} .survey_question_list .question textarea {min-height:140px} .survey_question_list .question .scale-wrap {margin:0 0 1rem} .survey_question_list .question-label {font-weight:700; padding:.5em 0 .5em} .survey_question_list .answer {display:table !important; width:100%; margin:0 0 1em} .survey_question_list .answer-input {display:table-cell !important; width:5%; vertical-align:top} .survey_question_list .answer-label {display:table-cell !important; width:93%; vertical-align:top} .survey_question_list .answer-label label {display:inline-block !important;} .survey_question_list .question .scale-wrap {} .survey_question_list .question .scale-wrap .scale-label {width:20%; text-align:center} .survey_question_list .question .scale-wrap .scale-label, .survey_question_list .question .scale-wrap .scale-column {display:inline-block} .survey_question_list .question .scale-wrap .scale-column {text-align:center} .survey_question_list .question .scale-wrap.scale-column-2 .scale-column {width:30%} .survey_question_list .question .scale-wrap.scale-column-3 .scale-column {width:20%} .survey_question_list .question .scale-wrap.scale-column-4 .scale-column {width:15%} .survey_question_list .question .scale-wrap.scale-column-5 .scale-column {width:12%} .survey_question_list .question .scale-wrap.scale-column-6 .scale-column {width:10%} .survey_question_list .question .scale-wrap.scale-column-7 .scale-column {width:8.5%} .survey_question_list .question .scale-wrap.scale-column-8 .scale-column {width:7.5%} .survey_question_list .question .scale-wrap.scale-column-9 .scale-column {width:6.6%} .survey_question_list .question .scale-wrap.scale-column-10 .scale-column {width:6%} .survey_question_list .question .scale-wrap.scale-column-11 .scale-column {width:5.4%} .survey_send {} .survey_comment, .survey_comment p {font-size:.9rem} .firstname, #firstname {display:none !important;} #LoginForm {} #LoginForm .submit-email, #ReminderForm .submit-email {padding-top: 0.5rem; padding-bottom: 0.5rem; height: 2.3125rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* .password-block {display:none} .password-block.show {display:block} */ .show-reminder, .show-password {display:inline-block; margin-top:-1rem; width:auto; font-size:0.875rem; cursor:pointer; color:#3498db; border-bottom:1px dotted #3498db} .show-reminder:hover, .show-password:hover {border-bottom:1px dotted transparent} #ReminderForm {display:none} #LoginConfirm {display:none; background:#d7ecfa; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); color:#1779ba} #LoginConfirm.alert {background:#f7e4e1; color:#0a0a0a} #LoginConfirm.show {display:block} .webinar_wrap {} .webinar_hypercomments_widget {max-height:700px} /* table.responsive */ table.responsive th { font-weight: bold; } table.responsive td, table.responsive th { padding: 9px 10px; text-align: left; } @media only screen and (max-width: 1366px) { table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } div.table-wrapper div.scrollable { margin-left: 35%; } div.table-wrapper.notpinned div.scrollable { margin-left:0 !important;} div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } table.responsive.notpinned th:first-child, table.responsive.notpinned td:first-child, table.responsive.notpinned td { display: table-cell !important; } } /* table.responsive */ /* Pricing Tables */ .row-pricing-table {display: flex;} .column-pricing-table {/* background:#f3f6f9; */} .pricing-table {background:#f3f6f9; border-radius:5px; overflow:hidden; height:100%; text-align: left !important; padding: 6% 8%; display: flex; flex-direction: column; } .pricing-table * {list-style: none; line-height:1.4; text-align: left;} .pricing-table .title {background-color:transparent; font-weight:600; color: #0e2b5c; font-size: 1.4rem; line-height: 1.4; text-align: left; padding:0 0 10px;} .pricing-table .subtitle {background-color:transparent; font-size:1em; color: #0e2b5c; text-align: left; padding:0 0 10px;} .pricing-table .price {background-color:transparent; padding:0; text-align: left; color:#0e2b5c; font-weight: normal; font-size: 1.4rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; margin: 30px 0 10px 0;} .pricing-table .description {background-color:transparent; padding:0; text-align: left; color: #777777; font-size:0.875rem; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd;} .pricing-table .bullet-items {position:relative; bottom:0; /* margin-top:auto */} .pricing-table .bullet-items ul {list-style: none; margin:0; position:relative } .pricing-table .bullet-item {background-color:transparent; padding:10px 0 0; text-align: left; color:#627792; font-size:0.875rem; font-weight: normal; line-height:1.4;} .pricing-table .cta-button {background-color:transparent; text-align: left; padding:0;} .pricing-table .unit {background-color:transparent; font-size:1em; color: #0e2b5c; text-align: left; padding:0 0 10px; margin:-10px 0 0} .pricing-table .payment {background-color:transparent; text-align: left; padding:0; margin: 0 0 15px 0;} .pricing-table .price-payment {margin:auto 0 0 0} .pricing-table .price-payment ul {margin:0} .ya-share-wrap {padding:10px 0;} .panel-comment {padding:15px 0; border-bottom:1px solid #ddd} .panel-header.title_admin i {color:#c0392b} .panel-header.title_user i {color:#2980b9} #commentform {padding-top:20px} textarea.status-comment {display:block; width:500px; height:100px; margin:8px 0; padding:5px; outline:none; font-family:Arial,sans-serif; font-size:13px;} /* Личный кабинет */ /* figure */ figure {margin:2em auto; padding:0; text-align:center} figure img {display:block; margin:0 auto; padding:0 0 1em} figure figcaption {text-align:center} @media only screen and ( max-width: 64em ) /* 1024 */ { .flex-video-large {width: 100%;} } @media only screen and ( max-width: 65em ) /* 1040 */ { .top-bar {height: 120px; background:#144b70;} .top-bar-row {display:block;} .tagline {/* order: 1; */ margin-bottom:1em} .tagline .logo{display:flex; text-decoration:none; font-weight:400; line-height:40px; letter-spacing:0.02em; font-size:2em; text-transform:uppercase } .tagline .logo .logotype {display:inline-block; height:40px; margin:0 10px 0 0;} .tagline .logo .logotype img {display:inline-block} .tagline .logo .site_name {display:inline-block; font-size: .975em;} .tagline .logo .byline {/* display:none */ font-size: .6rem;} .location-wrap {margin-top: 1.8em;} .nav-left {height:0} .nav-right {display:none} .top-bar-right {display:none} #nav {/* order: 3; */ /* top:auto; left:auto; display:block; float:right; */ height:10px; z-index:1001} #nav .toggle-topbar {display:block; position:absolute; right:0; top:-70px; padding:0 0 0 10px} #nav .toggle-topbar span {color: #fff; text-transform: uppercase; font-size: 0.8125rem; font-weight:bold; position:relative; display:block; padding:0 25px 0 0; height:40px; line-height:40px;} #nav .toggle-topbar span:after {content:""; position:absolute; right:0px; top:0px; display:block; width:16px; height:0px; box-shadow:0px 13px 0px 1px #fff, 0px 19px 0px 1px #fff, 0px 25px 0px 1px #fff;} #nav.show .toggle-topbar {background:#fff; position:fixed; top:20px; right:0; padding:0 20px; height:38px; z-index:999; } #nav.show .toggle-topbar span {color: #000;} #nav.show .toggle-topbar span:before, #nav.show .toggle-topbar span:after {position:absolute; right:7px; top:9px; content:' '; height:20px; width:2px; background-color:#000;} #nav.show .toggle-topbar span:before {transform: rotate(45deg);} #nav.show .toggle-topbar span:after {transform: rotate(-45deg); box-shadow:none} /* first level */ #nav > ul {height:auto; display:none; position:absolute; left:0; right:0; top:0; bottom:auto; padding-top:40px; background:#fff; z-index:10; box-shadow:none} #nav.show > ul {display:block; width:100%; position:fixed; left:0; top:0; right:0; bottom:0; overflow: auto} #nav > ul > li {width:100%; float:none; height:auto; box-shadow:none} #nav > ul > li > a {height:auto; text-align:left; padding:0 1.833em; color:#000} #nav > ul > li:not(:last-child) > a {border-right:none; border-bottom:1px solid #fff;} #nav > ul > li.last, #nav li.last {display:block; float: none; width: 100%; padding:0} /* second level */ #nav li ul {position:static; padding:1.25em; /* 20 */ padding-top:0; display:block; width:100%; background:#fff; box-shadow:none} #nav li ul li{display:block; color:#000} #nav li ul li a {color:#000} #nav li ul li.active.here_active a {color:#144b70} .header-contact {/* order: 2; padding:0*/} .header-services {display:none} .row.mt5 {margin-top:2em} .streamer-row-empty {display:none} .streamer .streamer-title {font-size:1.8em} .streamer .streamer-subtitle {font-size:1.2em; line-height: 1.4;} .streamer.main .streamerWrap .streamer-title {font-size:3.8em} .tariff-cities-list {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;} .branch_body {padding:50px} .branch_body.active {display:block;} .branch_contacts {width:100%; padding:40px 0; min-height:auto} .branch_map {display:block; width:100%; min-height:400px} .branch_map .branch_map_canvas{display:block; width:100%; min-height:400px} h1 {font-size: 1.8rem; font-weight:600} h2 {font-size: 1.4rem;} h3 {font-size: 1.3rem;} .note .cargo_size {overflow:hidden; height:22px} } @media only screen and ( max-width: 40em ) /* 640 */ { .flex {display:block} header {height:auto;} .top-bar {height:auto; background: #144b70;} .top-bar-row {display:block;} .top-bar-left {display:block; background: #144b70; height:auto} .tagline {margin-bottom:0.5em} .tagline .logo{display:flex; text-decoration:none; font-weight:400; line-height:40px; letter-spacing:0.02em; font-size:2em; text-transform:uppercase; margin-top:.3em; } .tagline .logo .logotype {height:40px; margin:0 10px 0 0;} .tagline .logo .site_name {display:inline-block; font-size: .975em;} .tagline .logo .byline {/* display:none */ font-size: .6rem;} .header-contact {display:block; padding:0} .header-contact:before, .header-contact:after {content: " "; display: table;} .header-contact:after {clear: both;} .location-wrap {margin:.7em 0; justify-content: space-between; align-items: center; } /* .location-wrap .location-country {float:left} .location-wrap .location-phone {float:right} */ .location-country {font-weight:400; font-size: .9em;} .location-phone {font-weight:400; font-size: .9em;} #nav {height:0; z-index:1001} #nav .toggle-topbar {display:block; position:absolute; right:0; top:-130px; padding:0 0 0 10px} #nav .toggle-topbar span {color: #fff; text-transform: uppercase; font-size: 0.8125rem; font-weight:bold; position:relative; display:block; padding:0 25px 0 0; height:40px; line-height:40px;} #nav .toggle-topbar span:after {content:""; position:absolute; right:0px; top:0px; display:block; width:16px; height:0px; box-shadow:0px 13px 0px 1px #fff, 0px 19px 0px 1px #fff, 0px 25px 0px 1px #fff;} #nav.show .toggle-topbar {position:fixed; top:10px; right:0; padding:0 20px; height:38px; z-index:1002; } #nav.show .toggle-topbar span {color: #000;} #nav.show .toggle-topbar span:before, #nav.show .toggle-topbar span:after {position:absolute; right:7px; top:9px; content:' '; height:20px; width:2px; background-color:#000;} #nav.show .toggle-topbar span:before {transform: rotate(45deg);} #nav.show .toggle-topbar span:after {transform: rotate(-45deg); box-shadow:none} /* first level */ #nav > ul {height:auto; display:none; position:absolute; left:0; right:0; top:0; bottom:auto; padding-top:40px; background:#fff; z-index:10} #nav.show > ul {display:block; width:100%; position:fixed; left:0; top:0; right:0; bottom:0; overflow: auto} #nav > ul > li {width:100%; float:none; height:auto;} #nav > ul > li > a {height:auto; text-align:left; padding:0 1.833em; color:#000} #nav > ul > li:not(:last-child) > a {border-right:none; border-bottom:1px solid #fff;} /* second level */ #nav li ul {position:static; padding:1.25em; /* 20 */ padding-top:0; display:block; width:100%; background:#fff} #nav li ul li{display:block; color:#000} #nav li ul li a {color:#000} #nav li ul li.active.here_active a {color:#144b70} .breadcrumbs {display:flex; height:28px; white-space:nowrap; overflow-x: auto; scroll-snap-type: x mandatory;} .breadcrumbs::-webkit-scrollbar {height: 0;} .breadcrumbs li {scroll-snap-align: start;} .tariff-cities-list {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;} .branch_body {padding:25px} .branch_body.active {display:block;} .branch_contacts {width:100%; padding:40px 0; min-height:auto} .branch_map {display:block; width:100%; min-height:400px} .branch_map .branch_map_canvas{display:block; width:100%; min-height:400px} .intro-subscribe {display: block} .intro-subscribe-item {width:100%;} .intro-subscribe-item:after {display:none} .intro-subscribe-form {width:100%; padding:20px} .streamer {padding:100px 0;} .streamer.video {padding:60px 0 90px;} .streamer .streamerDesc {text-align:left; min-height:100px} .streamer .streamer-title {font-size: 1.6rem; line-height:1.2;} .streamer .streamer-subtitle {font-size: 1.2rem; line-height:1.2;} .streamer .streamerDesc {padding:20px 0} .streamer .streamerWrap {padding:10px 0 !important; margin:0;} .streamer.transparent_dark .streamerWrap {padding:30px} .streamer.transparent_dark a {color:#222; text-shadow:none} .streamer.transparent_dark .streamer-text a {color:#222 !important;} .streamer.transparent_dark a.button {color:#fff !important;} .streamer + .three_banners {margin-top:-50px; z-index:1} .streamer.main {background: #144b70} .streamer.main .streamerDesc {padding:40px 0} .streamer.main .streamerWrap {background:none; padding:20px 0 0 0 !important; margin:0 !important;} .streamer.main .streamerWrap::before {content: ""; position: absolute; top:0; left: 0; height: 5px; width: 100px; background: #fff;} .streamer.main .streamerWrap .streamer-title {font-size:2.8em} .streamer-row-half {display:none} .streamer.streamer-calc .streamer-calc-wrap {padding:2em 0.9375em !important} .calculator #calc_result {margin-top:1em} .about-home-banners {background:#1b547b} .row-home-banners-flex {display:block; margin-top: -105px !important;} .row-home-banners-flex > .columns {margin-top:0 !important; margin-bottom:1em} .blocks {padding:30px 0;} .services-row-empty {background:#144b70} .services-row-empty .row {display:block;} .services-row-empty .services-row-empty-left {background: #144b70; height:auto} .services-row-empty .services-row-empty-right {background: #144b70; height:auto; display:block;} .services-row-empty .services-row-empty-right, .services-row-empty .services-row-empty-right a {color: #fff} .services-row-empty .services-row-empty-right .breadcrumbs > * {color: #fff !important} .services-list .row.row-services-list {display:block} .services-list .services-list-left {padding-top:20px; padding-bottom:20px; } .calculator-list .row.row-calculator-list {display:block} .calculator-list .calculator-list-left {background:#1b547b; padding-top:40px; padding-bottom:20px} .calculator-list .calculator-list-right .calculator-wrap {padding:0} .faq-list .row.row-faq-list {display:block} .faq-item {padding: 10px 20px;} .employee img {max-height:300px} .blocks.service_reviews .b-item-img {float:none; margin-right:0; margin-bottom:30px;} .blocks.service_reviews .b-item-img img {max-width:200px} .blocks.service_reviews .b-item-desc:before {content: ""; border-color: transparent #fff #fff transparent; top: -24px; left: 24px;} .form {padding:0 0.9375em !important;} .blocks.order .form {background: #f3f6f9; padding:20px 10px; /* display: flex; justify-content: center; align-items: center; */} .cta-wrap {display:block; width:100%;} .cta-wrap .cta-desc {display:block; width:100%; text-align:center; margin-bottom:10px} .cta-wrap .cta-desc .cta-title {padding-right:0; line-height:1.2; padding-bottom:1rem;} .cta-wrap .cta-desc .cta-text {padding-right:0} .cta-wrap .cta-button {display:block; width:100%; text-align:center;} .cta-product {margin:40px 0;} .blocks-item {padding:20px 0} .blocks-item .b-icon {float:left; /* margin:0 auto 10px; */ } /* .blocks-item .b-icon {float:left; font-size:1.4rem; line-height:1.6rem; color:#47414f; height:30px; width:30px; margin-right:10px;} */ .blocks-item .b-img {float:none; margin:0 0 10px;} .blocks-item .b-item-img {float:left; margin-right:0;} .blocks-item .b-item-desc {overflow:visible} .blocks-item .b-title {font-weight:600; margin-bottom:0.6rem; font-size:1.2rem} .blocks-item .b-subtitle {font-weight:400; padding-bottom:10px} .blocks-item .b-text {} .reviews .b-item-desc.plus-img:before {content: ""; display: block; width: 0; height: 0; border: inset 12px; border-color: transparent transparent #fff #fff; border-style: solid; position: absolute; top: -24px; left: 24px; z-index: 5;} .row-pricing-table {display: block;} .order-contact {margin:0; padding:0;} .service_price .price-item {display:block;} .service_price .price-item .price-title, .service_price .price-item .price-subtitle {display:block; width:100%} .service_price .price-item {display:block;} .service_price .price-item .price-title, .service_price .price-item .price-subtitle {display:block; width:100%} .catalog_features .catalog_features-item {display:block;} .catalog_features .catalog_features-item:nth-child(even) {background:transparent} .catalog_features .catalog_features-item .catalog_features-title {display:block; width:100%; padding:30px 0 10px; font-weight:600; border:none} .catalog_features .catalog_features-item .catalog_features-subtitle {display:block; width:100%; padding:0 0 10px; border:none} .SideBarMenu .SideBarMenu-title {} .SideBarMenu > ul {display:none} .SideBarMenu.open > ul {display:block} #ymap.map-branches {height:500px;} .footer .footer_logo {background:url(img/logo-inv.png) center center no-repeat; background-size:contain; width:200px; height:40px; } .nav_bot > ul {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;} .branches_nav {display:flex; flex-direction:column; flex-wrap: wrap;border-radius: 30px 30px 0px 0px; background: #fbfbfb;} .branch_nav-title {border:none; padding:25px} .routes_nav {display:flex; flex-direction:column; flex-wrap: wrap;} .city_nav-title {max-width:100%; width:100%} .mfp-content #orderFormPopup {padding:0 10px; max-width:100%} @-webkit-keyframes scroll { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0) } } @-moz-keyframes scroll { 0% { -moz-transform: translate(0, 0); transform: translate(0, 0); } 100% { -moz-transform: translate(-100%, 0); transform: translate(-100%, 0) } } @keyframes scroll { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0) } } .topBanner .marquee .line {padding-left: 100%; -webkit-animation: scroll 10s infinite linear; -moz-animation: scroll 10s infinite linear; animation: scroll 10s infinite linear;} } .plr {position: relative; height: 0; margin: 1rem 0; padding-bottom: 56.25%; overflow: hidden; cursor:pointer} .plr.fullscreen {position:fixed; z-index:9999; top: 0; left: 0; right:0; bottom:0; width: 100%; height: 100%; overflow: hidden; cursor:pointer} .plr .plr__video, .plr .plr__video iframe, .plr iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .plr .plr__controls { position:absolute; z-index:3; bottom:0; left:0; right:0; padding:0 10px 4px; visibility:visible; background: rgba(45, 62, 80, 1.0); background: -webkit-linear-gradient(bottom, rgba(45, 62, 80, 1.0), rgba(255, 255, 255, 0.0)); background: -moz-linear-gradient(bottom, rgba(45, 62, 80, 1.0), rgba(255, 255, 255, 0.0)); background: linear-gradient(to top, rgba(45, 62, 80, 1.0), rgba(255, 255, 255, 0.0)); } .plr.plr__play .plr__controls {visibility:hidden;} .plr.plr__play:hover .plr__controls, .plr:hover .plr__controls {visibility:visible} .plr .plr__video { /* display:inline-block; width:auto; position:relative; */z-index:0;} .plr .plr__video-wrapper {position:absolute; z-index:1; bottom: 0; left: 0; right: 0; top:0; display: flex; align-items: center;} .plr .plr__video-wrapper .fa {display:block; height:100px; width:100px; text-align:center; font-size:100px; color:#fff; margin:0 auto; text-shadow:0 0 30px #2c3e50,0 0 10px #2c3e50, 0 0 5px #2c3e50;} .plr.plr__play .plr__video-wrapper .fa {display:none} .plr .plr__video-wrapper-backward {position:absolute; z-index:2; bottom:0; left:0; top:0; width:25%; cursor:w-resize} .plr .plr__video-wrapper-forward {position:absolute; z-index:2; bottom:0; right:0; top:0; width:25%; cursor:e-resize} .plr .plr__controls {color:#fff; font-size:1rem;} .plr .plr__controls .plr__controls-buttons {display: block;} .plr .plr__controls .plr__controls-buttons-left {float:left; align-items: center; display: flex; justify-content: flex-start; text-align: center;} .plr .plr__controls .plr__controls-buttons-right {float:right; align-items: center; display: flex; justify-content: flex-end; text-align: center;} .plr .plr__controls .fa {cursor:pointer; color:#fff; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; margin:0 6px} .plr .plr__controls .plr__progress-bar {width:100%; clear:both; position: relative; z-index:10; height:19px} .plr .plr__controls .plr__progress-bar .plr__progress-bar-swatch {position:absolute; top:0; background:#3498DB; height:3px; margin:8px 0; width:0; z-index:2; border-radius:1px} .plr .plr__controls .plr__progress-bar .plr__progress-bar-fraction {position:absolute; top:0; background:rgba(236,240,241,.4); height:3px; margin:8px 0; width:0; z-index:1; border-radius:1px} .plr .plr__controls .plr__progress-bar .plr__progress-bar-light {position:absolute; top:0; background:rgba(236,240,241,.2); height:3px; margin:8px 0; width:100%; z-index:0; border-radius:1px} .plr .plr__controls .plr__progress-bar .plr__progress-bar-thumb {display:none; position:absolute; bottom:0; height:15px; width:15px; border-radius:50%; margin:0 0 2px -7px; background:#3498DB; z-index:3} .plr .plr__controls .plr__progress-bar .plr__progress-bar-val {z-index:5; padding:0; margin:0; border:none; outline:none} .plr .plr__controls .plr__progress-bar:hover .plr__progress-bar-swatch {height:5px; margin:7px 0; border-radius:2px} .plr .plr__controls .plr__progress-bar:hover .plr__progress-bar-fraction {height:5px; margin:7px 0; border-radius:2px} .plr .plr__controls .plr__progress-bar:hover .plr__progress-bar-light {height:5px; margin:7px 0; border-radius:2px} .plr .plr__controls .plr__progress-bar:hover .plr__progress-bar-thumb {display:block;} .plr .plr__controls .plr__progress-bar .plr__progress-bar-tooltip {display:none; position:absolute; bottom:26px; width:50px; margin-left:-25px; height:20px; line-height:20px; border-radius:4px; background:#f1f2f3; color:#333; text-align:center; font-size:12px; font-family:sans-serif;} .plr .plr__controls .plr__progress-bar .plr__progress-bar-tooltip::after {content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#f1f2f3 transparent transparent transparent;} .plr .plr__controls .plr__volume-bar {align-items: center; flex: 1; position: relative; max-width: 110px; z-index:10; height:19px} .plr .plr__controls .plr__volume-bar .plr__volume-bar-swatch {position:absolute; top:0; background:#3498DB; height:3px; margin:8px 0; width:0; z-index:1; border-radius:1px} .plr .plr__controls .plr__volume-bar .plr__volume-bar-light {position:absolute; top:0; background:rgba(236,240,241,.2); height:3px; margin:8px 0; width:100%; z-index:0; border-radius:1px} .plr .plr__controls .plr__volume-bar .plr__volume-bar-thumb {display:none; position:absolute; bottom:0; height:15px; width:15px; border-radius:50%; margin:0 0 2px -7px; background:#3498DB; z-index:2} .plr .plr__controls .plr__volume-bar .plr__volume-bar-val {z-index:3} .plr .plr__controls .plr__volume-bar:hover .plr__volume-bar-swatch {height:5px; margin:7px 0; border-radius:2px} .plr .plr__controls .plr__volume-bar:hover .plr__volume-bar-light {height:5px; margin:7px 0; border-radius:2px} .plr .plr__controls .plr__volume-bar:hover .plr__volume-bar-thumb {display:block;} .plr .plr__controls .plr__play-pause {outline:none; border:0; background:transparent; box-sizing:border-box; width:0; height:18px; border-color:transparent transparent transparent #ffffff; transition:100ms all ease; cursor:pointer; border-style:solid; border-width:9px 0 9px 15px; border-radius:0; margin-left:10px; padding:0 !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .plr .plr__controls .plr__play-pause.pause {border-style:double; border-width:0px 0 0px 15px;} .plr .plr__controls .plr__play-pause:hover {border-color:transparent transparent transparent #f1f2f3;} .plr .plr__controls .plr__current-time, .plr .plr__controls .plr__duration {font-weight:400;font-size:.8rem; display:inline-block; padding:0 3px; width:44px; font-family:sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .plr .plr__controls .plr__current-time {text-align:right} .plr .plr__controls .plr__duration {text-align:left} .plr .plr__controls .plr__current-duration {display:block} .plr .plr__controls .plr__current-speed {font-weight:400; font-size:.8rem; display:inline-block; padding:0; width:30px; font-family:sans-serif; text-align:center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .plr .plr__controls .plr__fast-forward, .plr .plr__controls .plr__fast-backward {margin:0} .plr .plr__controls .plr__mute-toggle {position:relative} .plr .plr__controls .plr__mute-toggle.mute:after {content:''; position:absolute; top:50%; left:20%; width:60%; height:2px; background: #fff; box-shadow:-1px -1px rgba(0,0,0,0.4); transform: rotate(45deg);} .plr .plr__controls input[type=range] {-webkit-appearance: none; padding:0; margin:0; width: 100%; background:transparent; outline: none; border:none; z-index:3; position:relative} .plr .plr__controls input[type=range]::-webkit-slider-runnable-track {width: 100%; height:15px; cursor: pointer; /* animate: 0.2s; */ background:transparent;} .plr .plr__controls input[type=range]::-webkit-slider-thumb {height: 15px; width: 15px; background:transparent; cursor: pointer; -webkit-appearance: none; margin-top:0;z-index:20} .plr .plr__controls input[type=range]::-moz-range-track {width: 100%; height: 15px; cursor: pointer; background:transparent;} .plr .plr__controls input[type=range]::-moz-range-thumb {height: 15px; width: 15px; background:transparent; cursor: pointer;} .plr .plr__controls input[type=range]::-ms-track {width: 100%; height: 15px; cursor: pointer; background: transparent; border-color: transparent; color: transparent} .plr .plr__controls input[type=range]::-ms-fill-lower {background:transparent;} .plr .plr__controls input[type=range]::-ms-fill-upper {background:transparent;} .plr .plr__controls input[type=range]::-ms-thumb {margin-top: 1px; height: 15px; width: 15px; border-radius: 15px; background: #3498DB; cursor: pointer;} .plr .plr__controls input[type=range]:focus::-ms-fill-lower {background:transparent} .plr .plr__controls input[type=range]:focus::-ms-fill-upper {background:transparent} @media only screen and ( max-width: 64em ) /* 640 */ { .plr .plr__video-wrapper .fa {height:70px; width:70px; font-size:70px; text-shadow:0 0 15px #2c3e50,0 0 5px #2c3e50, 0 0 2px #2c3e50;} .plr .plr__controls .plr__fullscreen-toggle {display:none} .plr .plr__controls .plr__mute-toggle {margin:0} .plr .plr__controls .plr__volume-bar {max-width:60px} .plr .plr__controls .plr__play-pause {margin:0} } @media screen and (max-width: 39.99875em) { .plr .plr__controls #plr__current-time {font-size:1rem;} .plr .plr__controls #plr__duration, .plr .plr__controls .plr__time-divider {display:none} } .timeline {margin:1em 0} .timeline .timeline-play, .timeline .timeline-item {padding:.3em 0; cursor:pointer} .timeline .timeline-play {font-weight:600;} .timeline .timeline-item .current-time {font-weight:600;} /* Magnific Popup CSS */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /* tiny-slider */ .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left} /*# tiny-slider.css.map */ .disclaimer {width:400px; position:fixed; bottom:20px; right:20px; box-sizing:border-box; padding:20px; border-radius:8px; box-shadow:10px 10px 20px rgba(0,0,0,0.4); z-index:999; background:#f8f4ed;} .disclaimer p {margin-top:0; font-size:.9rem} .disclaimer button {font-size:.9rem} .disclaimer .disclaimer-close {width:30px; height:30px; line-height:30px; font-size:26px; text-align:center; position:absolute; top:4px; right:4px; z-index:2; cursor:pointer; color:#aaa} .disclaimer .disclaimer-close:hover {color:#333} @media only screen and ( max-width: 40em ) /* 640 */ { .disclaimer {width:100%; border-radius:0; left:0; bottom:0; right:0;} } button.button_clear, .button.button_clear {background:transparent; border-color:transparent; color:#3498db} .button.button_clear:hover {background:transparent; border-color:transparent; color:#2980b9} .mt5 {margin-top:5em} .page_title {color:#132c64} /* PageKi Styles */ .pk-rec {position:relative; background-size:cover; background-repeat:no-repeat; padding-top:5em; padding-bottom:5em; font-family:'Open Sans', sans-serif;} .pk-rec-fill {padding:0} .pk-section {} .pk-section--wrap {position:relative} /* .pk-section--wrap::before {content: ""; display:block; position:absolute; top:0; width:100px; height:5px; background:#fe1f5e} */ .text-center .pk-section--wrap::before {margin: 0 auto !important; left: 0 !important; right: 0 !important;} .text-right .pk-section--wrap::before {right: 0 !important;} .pk-section--half {position:absolute; top:0; bottom:0; width:48%; background-repeat: no-repeat; background-size:cover; background-position:center center; z-index:1;} .pk-section--half img {display:none} .pk-section-fill {} .pk-section-fill .columns-fill {} .pk-section-fill .columns-fill.columns-fill-left {} .pk-section-fill .columns-fill.columns-fill-right {} .pk-section-fill .columns-fill .columns-fill-wrap {} @media only screen and ( max-width: 40em ) /* 640 */ { .pk-section-fill .columns-fill .columns-fill-wrap {/* padding-left: 0.9375em; padding-right: 0.9375em; */} } .pk-section .form {padding:0} .section_align-right {text-align:right} .section_align-center {text-align:center} .section_row_flex {display:flex; } .section_row_flex .section_valign-center {align-self:center} .section_row_flex .section_valign-bottom {align-self:flex-end} .section_valign-center {/* display:flex; align-content:center; height:100%; float:none */} .section_valign-bottom {/* display:flex; align-content:flex-end; height:100%; float:none */} .section_row_flex > .columns {padding-left: 0.9375em !important; padding-right: 0.9375em !important;} @media only screen and ( max-width: 40em ) /* 640 */ { .section_row_flex {display:block;} } .pk-section__pretitle {font-weight: bold; font-size: 14px; line-height: 19px; text-transform:uppercase; color: #132c64; margin:1em 0;} .pk-section__title {font-weight: bold; font-size: 24px; line-height: 33px; color: #132c64; margin:1em 0; } .pk-section__subtitle { color: #0e2b5c; font-size: 1.275rem; line-height: 1.2em; margin-bottom:1em;} .pk-section__text {margin-bottom: 2em; } .pk-section__button_1 {} .pk-section__button_1 + .pk-section__button_2 {margin-left:10px} @media only screen and ( max-width: 40em ) /* 640 */ { .pk-section__button_1 + .pk-section__button_2 {margin:10px 0 0 0} } .pk--pt0 {padding-top:0;} .pk--pt1 {padding-top:1em;} .pk--pt2 {padding-top:2em;} .pk--pt3 {padding-top:3em;} .pk--pt4 {padding-top:4em;} .pk--pt5 {padding-top:5em;} .pk--pt6 {padding-top:6em;} .pk--pt7 {padding-top:7em;} .pk--pt8 {padding-top:8em;} .pk--pt9 {padding-top:9em;} .pk--pt10 {padding-top:10em;} .pk--pt11 {padding-top:11em;} .pk--pt12 {padding-top:12em;} .pk--pt13 {padding-top:13em;} .pk--pb0 {padding-bottom:0;} .pk--pb1 {padding-bottom:1em;} .pk--pb2 {padding-bottom:2em;} .pk--pb3 {padding-bottom:3em;} .pk--pb4 {padding-bottom:4em;} .pk--pb5 {padding-bottom:5em;} .pk--pb6 {padding-bottom:6em;} .pk--pb7 {padding-bottom:7em;} .pk--pb8 {padding-bottom:8em;} .pk--pb9 {padding-bottom:9em;} .pk--pb10 {padding-bottom:10em;} .pk--pb11 {padding-bottom:11em;} .pk--pb12 {padding-bottom:12em;} .pk--pb13 {padding-bottom:13em;} .pk-items {margin-top:30px} .pk-item {margin-bottom:30px} .pk-item.pk-item--iconfont_side {display:flex} .pk-item.pk-item--iconfont_side .pk-item__iconfont {float:left} .pk-item-col {display:flex; min-height:200px; justify-content:center; align-items:center;} .pk-item-col__linewrapper {} .pk-item-col__line {position: absolute; width:3px; background: #fe1f5e; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto;} .pk-item-col__line.first {top:auto; height:100px} .pk-item-col__line.last {bottom:auto; height:100px} .pk-item-col__circle {width:140px; height:140px; position: absolute; top:50%; left: 0; right: 0; margin: 0 auto; background-color: #fe1f5e; border-radius: 100%; border:20px solid #fff; display:flex; justify-content:center; align-items:center; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* outline: 5px solid red; */} .pk-item-col__circle:before {content: " "; position: absolute; z-index: -1; top:-20px; left:-20px; right:-20px; bottom:-20px; border-radius:100%; border:1px solid #fe1f5e;} .pk-item-col__number {font-size:46px; font-weight:700; color:#f6f6f6; text-align:center;} /* .item_col_left .pk-item-col__line {right:-1px;} .item_col_right .pk-item-col__line {left:-1px;} .item_col_left .pk-item-col__circle {right:-50px;} .item_col_right .pk-item-col__circle {left:-50px;} */ .item_col_left .pk-item-col {padding-right:100px;} .item_col_right .pk-item-col {padding-left:100px;} .pk-item.item_col_left, .pk-item.item_col_right {margin-bottom:0} .pk-item--content {/* overflow:hidden */} .pk-item--content .pk-item__title {font-weight:700; font-size: 16px; line-height: 22px; color: #1b547b; margin: 0 0 10px 0} .pk-item--content .pk-item__text {font-weight:600; font-size: 14px; color: #8889a3; line-height: 22px;} .pk-item__iconfont {display:inline-block; font-size:46px; min-width:46px; height:46px; line-height:46px; text-align:center; /* border-radius:50%; background:#f1f2f3; */ margin-right:.5em;} .pk-item__iconfont_plus_title {display:flex; flex-direction:row; align-items:center; font-size:1.4em; line-height:30px;} .pk-item__iconfont_plus_title .pk-item__iconfont {display:inline-block; font-size:.8em; min-width:46px; height:46px; line-height:46px; text-align:center; border-radius:50%; background:#f1f2f3; margin-right:1em;} .pk-item__iconfont_plus_title .pk-item__title {display:inline-block; font-weight: 600; color: #0e2b5c; font-size: 1.15rem; line-height: 1.35em;} .pk-item__iconsvg {display:inline-block; font-size:46px; min-width:46px; height:46px; line-height:46px; text-align:center; /* border-radius:50%; background:#f1f2f3; */ margin-right:.5em;} .row-flex {display:flex; flex-direction:row; align-items:center;} .pk-items--img_group {display:flex; flex-direction:row; align-items:center;} .pk-items--img_group1 {display:flex; flex-direction:column; align-items:flex-end; width:40%} .pk-items--img_group2 {width:60%} .pk-items--img_group .ig1 {} .pk-items--img_group .ig2 {} .pk-items--img_group .ig3 {width:60%} .pk-item--img_group {margin:.5em} /* .pk-rec.pk-custom .pk-item--content .pk-item__title {color:inherit} */ .pk-rec.cover_04 {padding-bottom:0 !important} @media only screen and ( max-width: 40em ) /* 640 */ { .row-flex {display:block;} .pk-section--half {position:relative; top:0; bottom:0; width:100%; height:50%; background-repeat: no-repeat; background-size:cover; background-position:center center; z-index:1;} .pk-section--half img {display:block} .pk-item-col__line {left:25px; margin:0} .pk-item-col__circle {left:0; margin:0; width:50px; height:50px; position: absolute; border: 4px solid #fff;} .pk-item-col__circle:before {top: -4px; left: -4px; right: -4px; bottom: -4px;} .pk-item-col__number {font-size:20px} .item_col_right .pk-item-col {padding-left:30px; text-align:left} .item_col_left .pk-item-col {padding-left:30px; padding-right:0; text-align:left} } #rec-foreign-trade .pk-item {padding:0 16%;} @media only screen and ( max-width: 65em ) /* 1040 */ { #rec-foreign-trade .pk-item {padding:0;} } .white-popup-block { background: #FFF; padding: 20px 30px; text-align: left; max-width: 650px; margin: 40px auto; position: relative; } .suggestions-suggestions a {display:none!important} .sp-link-wrapper {display:none!important} label.sp-control-label {color: #0e2b5c!important; font-weight: 600!important; padding: 0 0 .5em 0!important; font-size: 0.875rem!important; display: block!important; line-height: 1.5!important;margin-bottom: 0!important; font-family: 'Open Sans', sans-serif!important;} label.sp-control-label span {} label.sp-control-label strong {display:inline-block; padding-left:3px; color: #0e2b5c!important;} .sp-button {border-style: solid!important; border-width: 0!important; cursor: pointer!important; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important; font-weight: normal!important; line-height: normal!important; padding-top: 1rem!important; padding-right: 2rem!important; padding-bottom: 1.0625rem!important; padding-left: 2rem!important; font-size: 1rem!important; background-color: #144b70!important; border-radius: 3px!important; display: inline-block!important; height:auto!important; } .location-phone-item a.tel {color:#fff} .branch_contacts .contact-desc a.tel {color:#5a5a5a} .toggle-volume-size {} .toggle-volume-size.button {margin-bottom:0.5rem} .toggle-volume-size.button.secondary {background:#bababa!important; border-color:#bababa!important; color:#333!important;} .xCallback {padding:20px 30px;} .xCallback__title {font-size: 1.26em; line-height: 1.4; color: #132c64; font-weight: 700;} .xCallback__text {font-size: 0.875rem; line-height: 1.4; margin:0.5rem 0} .xCallback__button {padding:0 1em!important; font-size:.8rem!important; height:37px; line-height:37px; margin-top:21px} .xCallback__confirm {padding:3rem 0} .xCallbackButton__header { display:inline-block; font-size: 1.1rem; font-weight: 400; color: #fff; background: #fe1f5e; font-family: 'Open Sans', sans-serif; padding:0.5rem 0.5rem; margin:0 0 0.5rem -1rem; border-radius: 5px; cursor:pointer; user-select: none; width:auto!important; } .callback-popup {/* background:#fff; max-width:500px; margin:0 auto*/} .callback-popup .mfp-content {background:#fff; max-width:500px; /* margin:0 auto*/} .callback-popup.mfp-wrap .mfp-close {/* color:#fff; */} .panel.callout p {color:#333!important;} /* blue #1D81D7 red #FF1F5E dark #285678 active #3498db hover #c0392b; hover rgba(231,076,060) */