@charset "UTF-8";
/* variables */
/*WidthDesktop-1700*/
/*WidthDesktop-1520*/
/*WidthDesktop-1400*/
/*WidthDesktop-1200*/
/*WidthDesktop-1024*/
/*WidthDesktop-992*/
/*WidthDesktop-768*/
/*WidthDesktop-480*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, button, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  outline: none;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

main, article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block; }

body {
  color: black;
  font: 16px/28px "Montserrat", sans-serif;
  background-color: #E0ECFF; }


#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow-x: hidden;
  background-color: white;
 }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 24px;
  font-weight: 600; }
h1.section-title, h2.section-title, h3.section-title, h4.section-title, h5.section-title, h6.section-title {
  margin-bottom: 35px; }

h1,
.h1 {
  font-size: 44px;
  line-height: 56px; }
@media screen and (max-width: 991px) {
  h1,
  .h1 {
    font-size: 30px;
    line-height: 36px; } }
@media screen and (max-width: 479px) {
  h1,
  .h1 {
    font-size: 26px;
    line-height: 30px; } }

h2,
.h2 {
  font-size: 28px;
  line-height: 36px; }
@media screen and (max-width: 479px) {
  h2,
  .h2 {
    font-size: 22px;
    line-height: 26px; } }

h3,
.h3 {
  font-size: 20px;
  line-height: 28px; }

h4,
.h4 {
  font-size: 18px;
  line-height: 26px; }

h5,
.h5 {
  font-size: 17px;
  line-height: 24px; }

h6,
.h6 {
  font-size: 16px;
  line-height: 20px; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: black;
  text-decoration: none; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline; }

a {
  text-decoration: none;
  color: #086BFF;
  outline: none;
  position: relative; }
a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border-top: 1px solid #086BFF; }

a:hover:before {
  border-color: transparent; }
input,
a,
button {
  outline: none; }

ul, p, ol {
  padding: 0;
  margin-bottom: 24px; }

p:empty {
  display: none; }

ul {
  list-style: none; }
ul li {
  margin: 0 0 10px;
  padding-left: 25px; }
ul li:before {
  content: "—";
  margin-right: 8px; }
ul ul {
  padding: 20px 0 1px;
  margin: 0; }
ul ul li {
  margin-bottom: 10px;
  padding-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
ul ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 50%;
  background-color: black;
  margin-right: 8px; }
ul ol {
  padding: 20px 0 1px;
  margin: 0; }

ol {
  list-style: decimal; }
ol li {
  margin: 0 0 15px 31px;
  padding: 0; }
ol li:before {
  display: none; }
ol li ol {
  padding: 20px 0 1px;
  margin: 0;
  list-style: lower-alpha; }
ol li ol li {
  margin: 0 0 15px 31px; }
ol li ul {
  padding: 20px 0 1px; }
ol li ul li {
  padding-left: 25px;
  margin-left: 0; }
ol li ul li:before {
  display: inline-block; }

img {
  border-style: none;
  outline: none;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: auto; }

input, a, textarea, button, .slick-slide {
  outline: none; }

strong {
  font-weight: 600; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  width: 100%;
  margin-bottom: 30px; }
table tr:hover td, table tr:hover th {
  background-color: white; }
table td, table th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 24px;
  color: black;
  font-weight: 400;
  padding: 14px 16px;
  text-align: right;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
@media screen and (max-width: 991px) {
  table td, table th {
    line-height: 18px;
    font-size: 14px;
    padding: 0; } }
@media screen and (max-width: 679px) {
  table td, table th {
    line-height: 14px;
    font-size: 10px; } }
table td:first-child, table th:first-child {
  text-align: left; }
table th {
  padding: 16px;
  font-weight: 600; }
@media screen and (max-width: 991px) {
  table th {
    line-height: 20px;
    font-size: 16px;
    background: none; } }
@media screen and (max-width: 679px) {
  table th {
    line-height: 14px;
    font-size: 12px; } }

sup,
.sup {
  font-size: 12px;
  position: relative;
  top: -4px; }

blockquote,
blockquote {
  margin-left: 30px;
  padding-left: 16px;
  font-size: 18px;
  line-height: 32px;
  font-style: italic;
  margin-bottom: 30px;
  border-left: 2px solid black; }

q,
.q {
  quotes: "\00ab" "\00bb";
  margin-bottom: 20px;
  display: block; }
q q,
.q q {
  quotes: "\201e" "\201c"; }

/* variables */
/*WidthDesktop-1700*/
/*WidthDesktop-1520*/
/*WidthDesktop-1400*/
/*WidthDesktop-1200*/
/*WidthDesktop-1024*/
/*WidthDesktop-992*/
/*WidthDesktop-768*/
/*WidthDesktop-480*/
.container {
  width: 1216px;
  max-width: 95%;
  margin: 0 auto; }

.section {
  padding: 96px 0;
  opacity: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }
.section.animation {
  opacity: 1; }
@media screen and (max-width: 991px) {
  .section {
    padding: 45px 0; } }
@media screen and (max-width: 679px) {
  .section {
    padding: 45px 0 10px; } }
.section.blue-bg {
  background-color: #F5F9FF; }

.wysiwyg ul li, .wysiwyg ol li {
  position: relative;
  padding-left: 70px;
  margin: 0;
  line-height: 30px; }
@media screen and (max-width: 991px) {
  .wysiwyg ul li, .wysiwyg ol li {
    padding-left: 30px; } }

.wysiwyg ul {
  list-style: none; }
.wysiwyg ul li:before {
  background-color: black;
  width: 10px;
  height: 10px;
  position: absolute;
  content: "";
  border-radius: 50%;
  left: 37px;
  top: 9px; }
@media screen and (max-width: 991px) {
  .wysiwyg ul li:before {
    left: 0;
    top: 9px;
    width: 9px;
    height: 9px; } }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 0 -15px; }

.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.col.col-1 {
  width: 8.3333%; }
.col.col-2 {
  width: 16.666%; }
.col.col-3 {
  width: 25%; }
.col.col-4 {
  width: 33.3%; }
.col.col-5 {
  width: 41.666667%; }
.col.col-6 {
  width: 50%; }
.col.col-7 {
  width: 58.333333%; }
.col.col-8 {
  width: 66.666667%; }
.col.col-9 {
  width: 75%; }
.col.col-10 {
  width: 83.333333%; }
.col.col-11 {
  width: 91.666667%; }
.col.col-12 {
  width: 100%; }
@media (max-width: 1400px) {
  .col.col-big-desktop-2 {
    width: 16.66%; }
  .col.col-big-desktop-3 {
    width: 25%; }
  .col.col-big-desktop-4 {
    width: 33.3%; }
  .col.col-big-desktop-5 {
    width: 41.666667%; }
  .col.col-big-desktop-6 {
    width: 50%; }
  .col.col-big-desktop-7 {
    width: 58.333333%; }
  .col.col-big-desktop-8 {
    width: 66.666667%; }
  .col.col-big-desktop-9 {
    width: 75%; }
  .col.col-big-desktop-10 {
    width: 83.333333%; }
  .col.col-big-desktop-11 {
    width: 91.666667%; }
  .col.col-big-desktop-12 {
    width: 100%; } }
@media (max-width: 1200px) {
  .col.col-middle-desktop-2 {
    width: 16.66%; }
  .col.col-middle-desktop-3 {
    width: 25%; }
  .col.col-middle-desktop-4 {
    width: 33.3%; }
  .col.col-middle-desktop-5 {
    width: 41.666667%; }
  .col.col-middle-desktop-6 {
    width: 50%; }
  .col.col-middle-desktop-7 {
    width: 58.333333%; }
  .col.col-middle-desktop-8 {
    width: 66.666667%; }
  .col.col-middle-desktop-9 {
    width: 75%; }
  .col.col-middle-desktop-10 {
    width: 83.333333%; }
  .col.col-middle-desktop-11 {
    width: 91.666667%; }
  .col.col-middle-desktop-12 {
    width: 100%; } }
@media (max-width: 1200px) {
  .col.col-desktop-2 {
    width: 16.66%; }
  .col.col-desktop-3 {
    width: 25%; }
  .col.col-desktop-4 {
    width: 33.3%; }
  .col.col-desktop-5 {
    width: 41.666667%; }
  .col.col-desktop-6 {
    width: 50%; }
  .col.col-desktop-7 {
    width: 58.333333%; }
  .col.col-desktop-8 {
    width: 66.666667%; }
  .col.col-desktop-9 {
    width: 75%; }
  .col.col-desktop-10 {
    width: 83.333333%; }
  .col.col-desktop-11 {
    width: 91.666667%; }
  .col.col-desktop-12 {
    width: 100%; } }
@media screen and (max-width: 991px) {
  .col.col-tab-3 {
    width: 25%; }
  .col.col-tab-4 {
    width: 33.3%; }
  .col.col-tab-5 {
    width: 41.666667%; }
  .col.col-tab-6 {
    width: 50%; }
  .col.col-tab-7 {
    width: 58.333333%; }
  .col.col-tab-8 {
    width: 66.666667%; }
  .col.col-tab-9 {
    width: 75%; }
  .col.col-tab-10 {
    width: 83.333333%; }
  .col.col-tab-11 {
    width: 91.666667%; }
  .col.col-tab-12 {
    width: 100%; } }
@media screen and (max-width: 679px) {
  .col.col-mob-3 {
    width: 25%; }
  .col.col-mob-4 {
    width: 33.3%; }
  .col.col-mob-6 {
    width: 50%; }
  .col.col-mob-8 {
    width: 66.666667%; }
  .col.col-mob-12 {
    width: 100%; } }
@media screen and (max-width: 479px) {
  .col.col-mob-p-12 {
    width: 100%; } }

.text-center {
  text-align: center; }

@media screen and (max-width: 1023px) {
  .text-tab-center {
    text-align: center; } }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }
@media screen and (max-width: 1023px) {
  .text-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start; }
@media screen and (max-width: 679px) {
  .align-start {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end; }
@media screen and (max-width: 679px) {
  .align-end {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start; }

.content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end; }

@media screen and (max-width: 1023px) {
  .content-tab-between {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

.margin-b {
  margin-bottom: 40px; }

.no-padding-b {
  padding-bottom: 0; }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
  background: rgba(255, 255, 255, 0.9); }
@media screen and (max-width: 479px) {
  .fancybox-overlay-fixed {
    z-index: 9999; } }

.fancybox-opened {
  z-index: 99999; }

.site-guide-page #header,
.site-guide-page #footer {
  display: none; }

.site-guide-page .site-guide-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.site-guide-page .site-guide-list .item {
  margin-bottom: 20px; }
.site-guide-page .site-guide-list .link {
  display: block;
  text-decoration: none;
  color: #0656CC;
  font-size: 25px;
  line-height: 25px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  left: 0; }
.site-guide-page .site-guide-list .link:before {
  display: none; }
.site-guide-page .site-guide-list .link:hover {
  left: 15px; }

/* variables */
/*WidthDesktop-1700*/
/*WidthDesktop-1520*/
/*WidthDesktop-1400*/
/*WidthDesktop-1200*/
/*WidthDesktop-1024*/
/*WidthDesktop-992*/
/*WidthDesktop-768*/
/*WidthDesktop-480*/
#header {
  background-color: #E0ECFF; }
#header .container {
  position: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
#header .container li:before, #header .container a:before {
  display: none; }
#header .logo a {
  height: 100%;
  display: block; }
#header .logo img {
  height: 100%;
  width: auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
#header .social .list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none; }
#header .social .list .item {
  margin: 8px 0 0 4px; }
#header .social .list .link {
  text-decoration: none; }

/* variables */
/*WidthDesktop-1700*/
/*WidthDesktop-1520*/
/*WidthDesktop-1400*/
/*WidthDesktop-1200*/
/*WidthDesktop-1024*/
/*WidthDesktop-992*/
/*WidthDesktop-768*/
/*WidthDesktop-480*/
.site-footer {
  background-color: #021533;
  padding: 96px 0 89px;
  color: white; }
  @media screen and (max-width: 991px) {
  .site-footer {
    padding: 45px 0 10px; } }
.site-footer a {
  color: white;
  font-weight: 600; }
.site-footer li:before, .site-footer a:before {
  display: none; }


@media (max-width: 1200px) {
  .site-footer .item {
    margin-bottom: 15px; } }
.site-footer .key,
.site-footer .val {
  display: block; }
.site-footer .key {
  color: rgba(255, 255, 255, 0.6); }


/* variables */
/*WidthDesktop-1700*/
/*WidthDesktop-1520*/
/*WidthDesktop-1400*/
/*WidthDesktop-1200*/
/*WidthDesktop-1024*/
/*WidthDesktop-992*/
/*WidthDesktop-768*/
/*WidthDesktop-480*/
form {
  margin-bottom: 25px; }
form input,
form textarea {
  border: 0;
  border-bottom: 2px solid #000;
  padding: 0 24px 10px;
  font-size: 16px;
  width: 100%;
  border-radius: 0;
  line-height: 28px;
  background-color: white;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
form input:focus,
form textarea:focus, {
  background-color: white; }

.form-item .label-wrap .formular-item:focus{
  border-bottom: 2px solid #0656CC;
}
.form-item .label-wrap .formular-item:focus + .title,
.form-item .label-wrap .formular-item.valid + .title,
.form-item .label-wrap .formular-item.valid +.error + .title{
  top: -5px;
  font-size: 14px;
}

form input:disabled,
form textarea:disabled {
  border-color: rgba(0, 0, 0, 0.2); }
form input.error,
form textarea.error {
  border-color: #bb0f1e; }
form textarea {
  width: 100%;
  height: 200px;
  resize: none; }
form label.error {
  display: none !important; }

.form-item {
  margin-bottom: 25px;
  padding: 0; }
.form-item.form-item-value {
  background-color: white; }
.form-item .label-wrap {
  display: flex;
  position: relative;
  padding-top: 32px;
  height: 100%; }
.form-item .label-wrap .title {
  display: block;
  padding: 12px 24px 0;
  font-size: 16px;
  line-height: 28px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  left: 0;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.form-item .label-wrap .title:hover {
  color: #000; }
.form-item .label-wrap input,
.form-item .label-wrap textarea {
  margin: 0; }
.form-item .personal-info{
  color: #000;
  text-decoration: underline;
}
.form-item .personal-info:hover{
  text-decoration: none
}
.form-checkbox,
.form-radio {
  position: relative;
  font-size: 14px; }
.form-checkbox input[type='checkbox'],
.form-checkbox input[type='radio'],
.form-radio input[type='checkbox'],
.form-radio input[type='radio'] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }
.form-checkbox input[type='checkbox']:checked + .check-label:before,
.form-checkbox input[type='checkbox']:checked + .error + .check-label:before,
.form-checkbox input[type='radio']:checked + .check-label:before,
.form-checkbox input[type='radio']:checked + .error + .check-label:before,
.form-radio input[type='checkbox']:checked + .check-label:before,
.form-radio input[type='checkbox']:checked + .error + .check-label:before,
.form-radio input[type='radio']:checked + .check-label:before,
.form-radio input[type='radio']:checked + .error + .check-label:before {
  opacity: 1; }
.form-checkbox input[type='checkbox']:checked + .check-label:after,
.form-checkbox input[type='checkbox']:checked + .error + .check-label:after,
.form-checkbox input[type='radio']:checked + .check-label:after,
.form-checkbox input[type='radio']:checked + .error + .check-label:after,
.form-radio input[type='checkbox']:checked + .check-label:after,
.form-radio input[type='checkbox']:checked + .error + .check-label:after,
.form-radio input[type='radio']:checked + .check-label:after,
.form-radio input[type='radio']:checked + .error + .check-label:after {
  border-color: #0656CC; }
.form-checkbox input[type='checkbox'].error + .check-label:after,
.form-checkbox input[type='checkbox'].error + .error + .check-label:after,
.form-checkbox input[type='radio'].error + .check-label:after,
.form-checkbox input[type='radio'].error + .error + .check-label:after,
.form-radio input[type='checkbox'].error + .check-label:after,
.form-radio input[type='checkbox'].error + .error + .check-label:after,
.form-radio input[type='radio'].error + .check-label:after,
.form-radio input[type='radio'].error + .error + .check-label:after {
  border-color: #bb0f1e; }
.form-checkbox input[type='checkbox'].error + .check-label:before,
.form-checkbox input[type='checkbox'].error + .error + .check-label:before,
.form-checkbox input[type='radio'].error + .check-label:before,
.form-checkbox input[type='radio'].error + .error + .check-label:before,
.form-radio input[type='checkbox'].error + .check-label:before,
.form-radio input[type='checkbox'].error + .error + .check-label:before,
.form-radio input[type='radio'].error + .check-label:before,
.form-radio input[type='radio'].error + .error + .check-label:before {
  background-color: #bb0f1e; }
.form-checkbox .check-label,
.form-radio .check-label {
  position: relative;
  padding-left: 30px;
  display: block;
  cursor: pointer; }
.form-checkbox .check-label:before, .form-checkbox .check-label:after,
.form-radio .check-label:before,
.form-radio .check-label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.form-checkbox .check-label:before,
.form-radio .check-label:before {
  width: 14px;
  height: 14px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  top: 6px;
  left: 4px; }
.form-checkbox .check-label:after,
.form-radio .check-label:after {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 2px solid rgba(0, 0, 0, 0.6); }
.form-checkbox .check-label:hover:after,
.form-radio .check-label:hover:after {
  border-color: #0656CC; }

.form-checkbox .check-label:before {
  content: "\f00c";
  font-family: FontAwesome;
  background: #0656CC;
  color: white;
  width: 18px;
  height: 18px;
  top: 4px;
  left: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px; }

.form-radio .check-label:before, .form-radio .check-label:after {
  border-radius: 50%; }

.form-radio .check-label:before {
  width: 12px;
  height: 12px;
  background: #0656CC;
  opacity: 0;
  top: 7px;
  left: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.jcf-focus {
  border-color: black; }

.jcf-select,
select {
  text-align: left;
  height: 50px;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 1px solid black;
  position: relative;
  font-family: "Montserrat", sans-serif; }
.jcf-select.jcf-drop-active .jcf-select-text,
select.jcf-drop-active .jcf-select-text {
  background-color: white; }
.jcf-select.jcf-drop-active .jcf-select-opener:after,
select.jcf-drop-active .jcf-select-opener:after {
  top: 37px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
.jcf-select.check-list .jcf-select-drop-content li .jcf-option, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option,
select.check-list .jcf-select-drop-content li .jcf-option,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option {
  padding-left: 48px;
  position: relative; }
.jcf-select.check-list .jcf-select-drop-content li .jcf-option:before, .jcf-select.check-list .jcf-select-drop-content li .jcf-option:after, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:before, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:after,
select.check-list .jcf-select-drop-content li .jcf-option:before,
select.check-list .jcf-select-drop-content li .jcf-option:after,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:before,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:after {
  content: '';
  position: absolute;
  left: 15px;
  top: 13px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.jcf-select.check-list .jcf-select-drop-content li .jcf-option:before, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:before,
select.check-list .jcf-select-drop-content li .jcf-option:before,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:before {
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  content: "\f00c";
  font-family: FontAwesome;
  background: #E0ECFF;
  color: white;
  width: 18px;
  height: 18px;
  top: 15px;
  left: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px; }
.jcf-select.check-list .jcf-select-drop-content li .jcf-option:after, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:after,
select.check-list .jcf-select-drop-content li .jcf-option:after,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:after {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  margin-right: 11px;
  border: 2px solid rgba(0, 0, 0, 0.6); }
.jcf-select.check-list .jcf-select-drop-content li .jcf-option:hover, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:hover,
select.check-list .jcf-select-drop-content li .jcf-option:hover,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:hover {
  color: #E0ECFF; }
.jcf-select.check-list .jcf-select-drop-content li .jcf-option:hover:after, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:hover:after,
select.check-list .jcf-select-drop-content li .jcf-option:hover:after,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option:hover:after {
  border-color: #E0ECFF; }
.jcf-select.check-list .jcf-select-drop-content li .jcf-option.jcf-selected:before, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option.jcf-selected:before,
select.check-list .jcf-select-drop-content li .jcf-option.jcf-selected:before,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option.jcf-selected:before {
  opacity: 1; }
.jcf-select.check-list .jcf-select-drop-content li .jcf-option.jcf-selected:after, .jcf-select.jcf-select-check-list .jcf-select-drop-content li .jcf-option.jcf-selected:after,
select.check-list .jcf-select-drop-content li .jcf-option.jcf-selected:after,
select.jcf-select-check-list .jcf-select-drop-content li .jcf-option.jcf-selected:after {
  border-color: #E0ECFF; }
.jcf-select.jcf-disabled,
select.jcf-disabled {
  opacity: .3; }
.jcf-select .jcf-select-opener,
select .jcf-select-opener {
  width: 48px;
  height: 48px;
  background-color: transparent;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0; }
.jcf-select .jcf-select-opener:after,
select .jcf-select-opener:after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-right: 1px solid black;
  border-top: 1px solid black;
  text-align: center;
  content: "";
  color: white;
  line-height: 60px;
  width: 7px;
  height: 7px;
  margin: -14px 0 0;
  text-indent: 0 !important;
  left: 16px;
  top: 33px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.jcf-select .jcf-select-text,
select .jcf-select-text {
  line-height: 48px;
  color: black;
  font-size: 14px;
  width: 100%;
  padding: 0 60px 0 17px;
  background-color: transparent;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.jcf-select-drop {
  position: absolute;
  top: calc(100% + 2px);
  left: -1px;
  z-index: 3; }

.jcf-select-drop-content {
  border: 0;
  -webkit-box-shadow: 0 8px 12px rgba(2, 21, 51, 0.1);
  box-shadow: 0 8px 12px rgba(2, 21, 51, 0.1); }
.jcf-select-drop-content ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.jcf-select-drop-content li {
  margin: 0;
  padding: 0; }
.jcf-select-drop-content li:before {
  display: none; }
.jcf-select-drop-content li .jcf-option {
  padding: 10px 17px;
  font-size: 14px;
  line-height: 28px;
  color: black;
  background-color: white;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.jcf-select-drop-content li .jcf-option:hover, .jcf-select-drop-content li .jcf-option.jcf-selected {
  background-color: #F5F9FF; }

input::-moz-placeholder {
  color: black;
  opacity: .7; }

input::-webkit-input-placeholder {
  color: black;
  opacity: .7; }

input:-ms-input-placeholder {
  color: black;
  opacity: .7; }

textarea::-moz-placeholder {
  color: black;
  opacity: .7; }

textarea::-webkit-input-placeholder {
  color: black;
  opacity: .7; }

textarea:-ms-input-placeholder {
  color: black;
  opacity: .7; }

.search-form {
  position: relative; }
.search-form .search-text {
  width: 100%;
  padding-right: 60px; }
.search-form .search-button {
  position: absolute;
  background-color: transparent;
  border: 0;
  top: 0;
  right: 0;
  color: black;
  opacity: .5;
  font-size: 22px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.search-form .search-button:hover {
  opacity: 1;
  color: #E0ECFF; }

/* range input */
.jcf-range {
  display: inline-block;
  min-width: 0;
  width: 100%;
  margin: -10px 0; }

.jcf-range .jcf-range-track {
  margin: 0;
  position: relative;
  display: block;
  height: 2px; }

.jcf-range .jcf-range-wrapper {
  position: relative;
  background: #086BFF;
  border-radius: 0;
  display: block; }

.jcf-range .jcf-range-display-wrapper {
  position: absolute;
  min-height: 10px;
  min-width: 10px;
  left: 0;
  right: 0;
  top: -2px; }

.jcf-range .jcf-range-display {
  border-radius: 0;
  position: absolute;
  background: #086BFF;
  width: 10px;
  height: 6px; }

.jcf-range .jcf-range-handle {
  position: absolute;
  background: #0656CC;
  border-radius: 19px;
  width: 24px;
  height: 24px;
  margin: -11px 0 0 -11px;
  z-index: 1;
  top: 0;
  left: 0; }

.jcf-range .jcf-range-mark {
  position: absolute;
  overflow: hidden;
  background: #086BFF;
  width: 1px;
  height: 3px;
  top: -7px;
  margin: 0 0 0 9px; }

.jcf-range .jcf-active-handle {
  z-index: 2; }

.jcf-range.jcf-disabled {
  background: none !important;
  opacity: 0.3; }

.value-result {
  display: block;
  color: black;
  font-size: 16px;
  line-height: 28px;
  padding: 5px 24px;
  margin: -4px 0 -23px; }

.formular-price {
  color: black;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 48px; }
.formular-price .price-title {
  color: rgba(0, 0, 0, 0.6);
  margin-right: 5px; }
.formular-price .price-value {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px; }

/* variables */
/*WidthDesktop-1700*/
/*WidthDesktop-1520*/
/*WidthDesktop-1400*/
/*WidthDesktop-1200*/
/*WidthDesktop-1024*/
/*WidthDesktop-992*/
/*WidthDesktop-768*/
/*WidthDesktop-480*/
.btn,
button,
input[type="submit"],
input[type="reset"] {
  color: white;
  font-size: 16px;
  cursor: pointer;
  line-height: 28px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 24px;
  border: 1px solid  #086BFF !important;
  text-decoration: none;
  display: inline-block;
  border-radius: 0;
  outline: none;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
  width: auto;
  border-radius: 0;
  background-color: #086BFF !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.btn:before,
button:before,
input[type="submit"]:before,
input[type="reset"]:before {
  display: none; }
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  color: white;
  text-decoration: none;
  background: #0656CC !important;
  border-color: #0656CC !important; }
.btn:disabled,
button:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
  border-color: #F5F9FF;
  background-color: #F5F9FF; }

.banner {
  background-color: #E0ECFF;
  padding: 64px 0 64px; }
.banner .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 300px; }
@media screen and (max-width: 679px) {
  .banner .col:last-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; } }
.banner .description {
  /* margin-bottom: 40px; */}
@media (max-width: 1200px) {
  .banner .description {
    padding-top: 30px; } }
.banner .text {
  margin-bottom: 64px;
  color: rgba(0, 0, 0, 0.6); }
.banner .text .title,
.banner .text strong {
  color: black; }
.banner .visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  position: relative;
  margin-right: -300px;
  right: -30px;
  top: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }
@media (max-width: 1400px) {
  .banner .visual {
    margin: 0; } }
@media screen and (max-width: 479px) {
  .banner .visual {
    height: 250px; } }


.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.item-list .item {
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  padding: 24px;
  margin-bottom: 30px;
  height: 100%; }
.item-list .item .visual {
  height: 128px;
  margin-bottom: 44px; }
.item-list .item .visual img {
  display: block;
  margin: 0 auto; }
.item-list .item .description {
  font-size: 14px;
  line-height: 24px; }
.item-list .item .title {
  margin-bottom: 8px; }

.advantages-list {
  padding-top: 10px; }
.advantages-list .row {
  width: calc(100% + 140px);
  margin: 0 -70px; }
@media screen and (max-width: 991px) {
  .advantages-list .row {
    width: calc(100% + 30px);
    margin: 0 -15px; } }
.advantages-list .col {
  padding: 0 70px; }
@media screen and (max-width: 991px) {
  .advantages-list .col {
    padding: 0 15px; } }
.advantages-list .title {
  color: #0656CC;
  margin-bottom: 5px; }

@media (max-width: 1200px) {
  .calculator {
    background-color: #F5F9FF; } }

.calculator .container {
  background-color: #F5F9FF;
  padding: 50px 100px; }
@media (max-width: 1200px) {
  .calculator .container {
    background: none;
    padding: 0; } }
.calculator .container .description {
  margin-bottom: 30px; }
.calculator .container .row {
  width: calc(100% + 180px);
  margin: 0 -90px; }
@media (max-width: 1200px) {
  .calculator .container .row {
    width: calc(100% + 30px);
    margin: 0 -15px; } }
.calculator .container .col {
  padding: 0 90px; }
@media (max-width: 1200px) {
  .calculator .container .col {
    padding: 0 15px; } }
.calculator .container form {
  margin: 0; }

.examples .item-list .item {
  background-color: white;
  padding-bottom: 16px;

}
.examples .item-list .item .title {
  font-size: 16px;
  line-height: 28px; }

.statistics {
  padding: 96px 0 72px 0; }
@media screen and (max-width: 991px) {
  .statistics {
    padding: 45px 0; } }
@media screen and (max-width: 679px) {
  .statistics {
    padding: 45px 0 0; } }

.result-list .info {
  margin-bottom: 20px; }

.result-list .result-value,
.result-list .title {
  display: block;
  margin-bottom: 5px;
  font-weight: 600; }

.result-list .result-value {
  font-size: 28px;
  line-height: 36px;
  color: #0656CC; }

.result-list .title {
  font-size: 16px;
  line-height: 28px; }

.tabs {
  padding-top: 12px; }
.tabs .tabs-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  border-bottom: 1px solid #6BA6FF; }
.tabs .tabs-header .item-header:hover .value, .tabs .tabs-header .item-header.active .value {
  color: #0656CC; }
.tabs .tabs-header .item-header:hover .value:after, .tabs .tabs-header .item-header.active .value:after {
  opacity: 1; }
.tabs .tabs-header .value {
  display: block;
  height: 100%;
  cursor: pointer;
  padding: 12px 24px;
  color: black;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.tabs .tabs-header .value:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  height: 3px;
  opacity: 0;
  background-color:  #0656CC;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.tabs .tabs-body {
  position: relative; }
.tabs .tabs-body .item-body {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }
@media screen and (max-width: 991px) {
  .tabs .tabs-body .item-body {
    position: relative;
    max-height: 0;
    left: 0; } }
.tabs .tabs-body .item-body.active {
  position: relative;
  opacity: 1;
  visibility: visible; }
@media screen and (max-width: 991px) {
  .tabs .tabs-body .item-body.active {
    max-height: 9999px; } }

.about-us {
  margin-bottom: 96px; }
@media screen and (max-width: 991px) {
  .about-us {
    margin-bottom: 40px; } }
@media screen and (max-width: 991px) {
  .about-us .description {
    margin-bottom: 40px; } }
.about-us .section-title {
  margin-bottom: 18px; }
.about-us .achievements {
  margin-top: -165px; }
@media screen and (max-width: 991px) {
  .about-us .achievements {
    margin-top: 0; } }
.about-us .achievements .achievements-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.about-us .achievements .achievements-list .item {
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  padding: 25px 33px 32px;
  margin-bottom: 30px;
  background-color: white; }
.about-us .achievements .achievements-list .item .quantity {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #0656CC;
  display: block;
  margin-bottom: 7px; }

.partner-certificate {
  margin-bottom: 96px; }
@media screen and (max-width: 991px) {
  .partner-certificate {
    margin-bottom: 40px;
    background-color: #F5F9FF; } }
.partner-certificate .partner-container {
  background-color: #F5F9FF;
  padding: 116px 102px 70px;
  position: relative; }
@media screen and (max-width: 991px) {
  .partner-certificate .partner-container {
    padding: 110px 0 45px;
    background-color: transparent; } }
.partner-certificate .partner-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 100px;
  width: 72px;
  height: 84px;
  background-image: url("../content/partner-ico.svg"); }
@media screen and (max-width: 991px) {
  .partner-certificate .partner-container:before {
    left: 0; } }
    .partner-certificate .description{
      font-size: 14px;
      line-height: 24px;
       margin-bottom: 30px;
     } 
    .partner-certificate .certifications-list{
      display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -16px;
    }
    .certifications-list__item{
      margin: 0 0 16px 16px;
    }

.partner-certificate .description .section-title {
  margin-bottom: 8px; }
.partner-certificate .visual{
  height: 100%;
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-align: flex-end;
          -ms-flex-align: flex-end;
              align-items: flex-end;
}

.advantages-list p { margin-bottom: 48px;}


.popup-wrap,
.bg-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.bg-popup {
  cursor: pointer;
  background-color: rgba(2, 21, 51, 0.6); }

.popup-wrap,
.bg-popup,
.popup {
  visibility: hidden;
  opacity: 0; }
  @media screen and (max-width: 991px) {
    .popup-wrap,
    .bg-popup,
    .popup {
      visibility: visible;
      opacity: 1;
      left: -100vw; } }

.popup-visible .popup-wrap,
.popup-visible .bg-popup {
  opacity: 1;
  visibility: visible; }
  @media screen and (max-width: 991px) {
    .popup-visible .popup-wrap,
    .popup-visible .bg-popup {
      left: 0; } }

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 0;
  overflow: auto;
  min-width: 380px;
  padding: 32px 45px 30px;
  max-width: 800px;
  max-height: 90%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 16px 24px rgba(2, 21, 51, 0.1);
          box-shadow: 0 16px 24px rgba(2, 21, 51, 0.1);
  background-color: white;
  z-index: 111; }
  .popup.active {
    opacity: 1;
    visibility: visible; }
  @media screen and (max-width: 991px) {
    .popup {
      width: 100%;
      max-width: 100%;
      max-height: 100%;
      height: 100%;
      min-width: 0;
      padding: 0;
      opacity: 1;
      left: -100vw;
      -webkit-box-shadow: none;
              box-shadow: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      text-align: left; }
      .popup.active {
        left: 50%; } }
  .popup .popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    @media screen and (max-width: 991px) {
      .popup .popup-close {
        top: 0;
        right: 0;
        position: relative;
        width: 20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .popup .popup-close path {
      fill: rgba(2, 21, 51, 0.6);
      opacity: 1;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      @media screen and (max-width: 991px) {
        .popup .popup-close path {
          fill: white; } }
    .popup .popup-close:hover path {
      fill: rgba(2, 21, 51, 0.6);
      opacity: .5; }
      @media screen and (max-width: 991px) {
        .popup .popup-close:hover path {
          fill: white; } }
  .popup .popup-header {
    margin-bottom: 32px; }
    @media screen and (max-width: 991px) {
      .popup .popup-header {
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 25px 20px;
        background-color: #021533; } }
  @media screen and (max-width: 991px) {
    .popup .popup-title {
      margin: 0; } }
  @media screen and (max-width: 991px) {
    .popup .popup-content {
      padding: 0 20px; } }
  .popup .formular {
    min-width: 390px; }
    @media screen and (max-width: 991px) {
      .popup .formular {
        min-width: 0;
        width: 100%; } }
  .popup .container {
    width: auto;
    max-width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 991px) {
      .popup .container {
        overflow: hidden;
        width: 100%;
        overflow-y: auto; } }