:root{
    --white: #fff;
    --blue-gr-1: #50b3ed;
    --blue-gr-2: #0090e8;
    --blue-dark: #003d61;
}

body {font-family: 'SFProDisplayRegular', sans-serif;}

.m-10 {margin: 10px !important;}
.mt-10 {margin-top: 10px !important;}
.ml-10 {margin-left: 10px !important;}
.mr-10 {margin-right: 10px !important;}
.mb-10 {margin-bottom: 10px !important;}
.p-10 {padding: 10px !important;}
.pt-10 {padding-top: 10px !important;}
.pl-10 {padding-left: 10px !important;}
.pr-10 {padding-right: 10px !important;}
.pb-10 {padding-bottom: 10px !important;}
.m-15 {margin: 15px !important;}
.mt-15 {margin-top: 15px !important;}
.ml-15 {margin-left: 15px !important;}
.mr-15 {margin-right: 15px !important;}
.mb-15 {margin-bottom: 15px !important;}
.p-15 {padding: 15px !important;}
.pt-15 {padding-top: 15px !important;}
.pl-15 {padding-left: 15px !important;}
.pr-15 {padding-right: 15px !important;}
.pb-15 {padding-bottom: 15px !important;}
.m-20 {margin: 20px !important;}
.mt-20 {margin-top: 20px !important;}
.ml-20 {margin-left: 20px !important;}
.mr-20 {margin-right: 20px !important;}
.mb-20 {margin-bottom: 20px !important;}
.p-20 {padding: 20px !important;}
.pt-20 {padding-top: 20px !important;}
.pl-20 {padding-left: 20px !important;}
.pr-20 {padding-right: 20px !important;}
.pb-20 {padding-bottom: 20px !important;}
.m-25 {margin: 25px !important;}
.mt-25 {margin-top: 25px !important;}
.ml-25 {margin-left: 25px !important;}
.mr-25 {margin-right: 25px !important;}
.mb-25 {margin-bottom: 25px !important;}
.p-25 {padding: 25px !important;}
.pt-25 {padding-top: 25px !important;}
.pl-25 {padding-left: 25px !important;}
.pr-25 {padding-right: 25px !important;}
.pb-25 {padding-bottom: 25px !important;}
.m-30 {margin: 30px !important;}
.mt-30 {margin-top: 30px !important;}
.ml-30 {margin-left: 30px !important;}
.mr-30 {margin-right: 30px !important;}
.mb-30 {margin-bottom: 30px !important;}
.p-30 {padding: 30px !important;}
.pt-30 {padding-top: 30px !important;}
.pl-30 {padding-left: 30px !important;}
.pr-30 {padding-right: 30px !important;}
.pb-30 {padding-bottom: 30px !important;}
.m-35 {margin: 35px !important;}
.mt-35 {margin-top: 35px !important;}
.ml-35 {margin-left: 35px !important;}
.mr-35 {margin-right: 35px !important;}
.mb-35 {margin-bottom: 35px !important;}
.p-35 {padding: 35px !important;}
.pt-35 {padding-top: 35px !important;}
.pl-35 {padding-left: 35px !important;}
.pr-35 {padding-right: 35px !important;}
.pb-35 {padding-bottom: 35px !important;}
.m-40 {margin: 40px !important;}
.mt-40 {margin-top: 40px !important;}
.ml-40 {margin-left: 40px !important;}
.mr-40 {margin-right: 40px !important;}
.mb-40 {margin-bottom: 40px !important;}
.p-40 {padding: 40px !important;}
.pt-40 {padding-top: 40px !important;}
.pl-40 {padding-left: 40px !important;}
.pr-40 {padding-right: 40px !important;}
.pb-40 {padding-bottom: 40px !important;}
.m-45 {margin: 45px !important;}
.mt-45 {margin-top: 45px !important;}
.ml-45 {margin-left: 45px !important;}
.mr-45 {margin-right: 45px !important;}
.mb-45 {margin-bottom: 45px !important;}
.p-45 {padding: 45px !important;}
.pt-45 {padding-top: 45px !important;}
.pl-45 {padding-left: 45px !important;}
.pr-45 {padding-right: 45px !important;}
.pb-45 {padding-bottom: 45px !important;}
.m-50 {margin: 50px !important;}
.mt-50 {margin-top: 50px !important;}
.ml-50 {margin-left: 50px !important;}
.mr-50 {margin-right: 50px !important;}
.mb-50 {margin-bottom: 50px !important;}
.p-50 {padding: 50px !important;}
.pt-50 {padding-top: 50px !important;}
.pl-50 {padding-left: 50px !important;}
.pr-50 {padding-right: 50px !important;}
.pb-50 {padding-bottom: 50px !important;}
.m-55 {margin: 55px !important;}
.mt-55 {margin-top: 55px !important;}
.ml-55 {margin-left: 55px !important;}
.mr-55 {margin-right: 55px !important;}
.mb-55 {margin-bottom: 55px !important;}
.p-55 {padding: 55px !important;}
.pt-55 {padding-top: 55px !important;}
.pl-55 {padding-left: 55px !important;}
.pr-55 {padding-right: 55px !important;}
.pb-55 {padding-bottom: 55px !important;}
.m-60 {margin: 60px !important;}
.mt-60 {margin-top: 60px !important;}
.ml-60 {margin-left: 60px !important;}
.mr-60 {margin-right: 60px !important;}
.mb-60 {margin-bottom: 60px !important;}
.p-60 {padding: 60px !important;}
.pt-60 {padding-top: 60px !important;}
.pl-60 {padding-left: 60px !important;}
.pr-60 {padding-right: 60px !important;}
.pb-60 {padding-bottom: 60px !important;}
.m-65 {margin: 65px !important;}
.mt-65 {margin-top: 65px !important;}
.ml-65 {margin-left: 65px !important;}
.mr-65 {margin-right: 65px !important;}
.mb-65 {margin-bottom: 65px !important;}
.p-65 {padding: 65px !important;}
.pt-65 {padding-top: 65px !important;}
.pl-65 {padding-left: 65px !important;}
.pr-65 {padding-right: 65px !important;}
.pb-65 {padding-bottom: 65px !important;}
.m-70 {margin: 70px !important;}
.mt-70 {margin-top: 70px !important;}
.ml-70 {margin-left: 70px !important;}
.mr-70 {margin-right: 70px !important;}
.mb-70 {margin-bottom: 70px !important;}
.p-70 {padding: 70px !important;}
.pt-70 {padding-top: 70px !important;}
.pl-70 {padding-left: 70px !important;}
.pr-70 {padding-right: 70px !important;}
.pb-70 {padding-bottom: 70px !important;}
.m-75 {margin: 75px !important;}
.mt-75 {margin-top: 75px !important;}
.ml-75 {margin-left: 75px !important;}
.mr-75 {margin-right: 75px !important;}
.mb-75 {margin-bottom: 75px !important;}
.p-75 {padding: 75px !important;}
.pt-75 {padding-top: 75px !important;}
.pl-75 {padding-left: 75px !important;}
.pr-75 {padding-right: 75px !important;}
.pb-75 {padding-bottom: 75px !important;}
.m-80 {margin: 80px !important;}
.mt-80 {margin-top: 80px !important;}
.ml-80 {margin-left: 80px !important;}
.mr-80 {margin-right: 80px !important;}
.mb-80 {margin-bottom: 80px !important;}
.p-80 {padding: 80px !important;}
.pt-80 {padding-top: 80px !important;}
.pl-80 {padding-left: 80px !important;}
.pr-80 {padding-right: 80px !important;}
.pb-80 {padding-bottom: 80px !important;}
.m-85 {margin: 85px !important;}
.mt-85 {margin-top: 85px !important;}
.ml-85 {margin-left: 85px !important;}
.mr-85 {margin-right: 85px !important;}
.mb-85 {margin-bottom: 85px !important;}
.p-85 {padding: 85px !important;}
.pt-85 {padding-top: 85px !important;}
.pl-85 {padding-left: 85px !important;}
.pr-85 {padding-right: 85px !important;}
.pb-85 {padding-bottom: 85px !important;}
.m-90 {margin: 90px !important;}
.mt-90 {margin-top: 90px !important;}
.ml-90 {margin-left: 90px !important;}
.mr-90 {margin-right: 90px !important;}
.mb-90 {margin-bottom: 90px !important;}
.p-90 {padding: 90px !important;}
.pt-90 {padding-top: 90px !important;}
.pl-90 {padding-left: 90px !important;}
.pr-90 {padding-right: 90px !important;}
.pb-90 {padding-bottom: 90px !important;}
.m-95 {margin: 95px !important;}
.mt-95 {margin-top: 95px !important;}
.ml-95 {margin-left: 95px !important;}
.mr-95 {margin-right: 95px !important;}
.mb-95 {margin-bottom: 95px !important;}
.p-95 {padding: 95px !important;}
.pt-95 {padding-top: 95px !important;}
.pl-95 {padding-left: 95px !important;}
.pr-95 {padding-right: 95px !important;}
.pb-95 {padding-bottom: 95px !important;}
.m-100 {margin: 100px !important;}
.mt-100 {margin-top: 100px !important;}
.ml-100 {margin-left: 100px !important;}
.mr-100 {margin-right: 100px !important;}
.mb-100 {margin-bottom: 100px !important;}
.p-100 {padding: 100px !important;}
.pt-100 {padding-top: 100px !important;}
.pl-100 {padding-left: 100px !important;}
.pr-100 {padding-right: 100px !important;}
.pb-100 {padding-bottom: 100px !important;}
body {color: #4c7790; font-family: 'SFProDisplayRegular', sans-serif;}

.fs-14 {font-size: 14px !important;}
.fs-18 {font-size: 18px !important;}
.fs-20 {font-size: 20px !important;}
.fs-22 {font-size: 22px !important;}
.fs-24 {font-size: 24px !important;}
.fs-26 {font-size: 26px !important;}
.fs-28 {font-size: 28px !important;}
.fs-32 {font-size: 32px !important;}
.fs-48 {font-size: 48px !important;}
.fs-58 {font-size: 58px !important;}
.fs-32,
.fs-48,
.fs-58 {
    line-height: 1;
}

@media (max-width: 768px) {
  .fs-32,
  .fs-48,
  .fs-58 {
    font-size: 28px !important;
  }
}


a {text-decoration: underline; color: #0091e8;}
a:hover {text-decoration: none; color: #0091e8;}

.font-weight-bold {font-family: 'SommetRoundedBold', sans-serif; font-weight: normal;}
.font-weight-medium {font-family: 'SFProDisplayMedium', sans-serif; font-weight: normal;}
.text-dark {color: var(--blue-dark) !important;}

.img-radius {border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; overflow: hidden;}
img.w-auto {max-width: 100%;}

input, .btn, button, select, .form-control {outline: none !important; box-shadow: none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important; border: none;}


.btn {height: 50px; line-height: 58px; padding: 0 25px; text-decoration: none !important; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family: 'SommetRoundedBold', sans-serif; font-size: 18px; cursor: pointer; transition: all 0.3s ease-in-out;transform: scale(1);}
.btn.btn-lg {height: 70px; line-height: 76px;}

.btn.btn-primary {color: var(--white) !important; background: #0091e8 !important;}
.btn.btn-primary:hover {background: #3cb6ff !important;transform: scale(1.05);box-shadow: 0px 5px 20px #8ed5ff!important;}
.btn.btn-dark {color: var(--white) !important; background: linear-gradient(131deg, #005575, #003d61) !important;opacity: 1;}
.btn.btn-secondary {color: var(--blue-dark) !important; background: var(--white) !important;opacity: 1;}
.btn.btn-secondary:hover {opacity: 0.9;transform: scale(1.05);box-shadow: 0px 5px 20px #a6f1fb!important;}
.btn.btn-light {color: #7f9bab !important; background: #f1f6f9 !important;}
.btn.btn-danger {color: var(--white) !important; background: #f25680 !important;}

.btn-outline-secondary {color: var(--white); border-color: var(--white); border: 2px solid var(--white) !important;}
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {color: var(--blue-dark) !important; background-color: var(--white);}

.text-danger {color: #f25680 !important;}

.form-group {margin-bottom: 40px;}
[type="text"].form-control,
select.form-control,
[type="password"].form-control,
[type="email"].form-control,
.form-control {background: #f1f6f9 !important; height: 50px; padding: 0 25px; line-height: 56px; font-size: 18px; font-family: 'SFProDisplayRegular', sans-serif; color: #4d7e9b !important; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
[type="text"].form-control::placeholder,
[type="password"].form-control::placeholder,
[type="email"].form-control::placeholder,
.form-control::placeholder,
.file-caption-name::placeholder,
.file-caption-name {color: #4d7e9b !important;}
.file-caption.icon-visible .file-caption-name {padding: 0; height: 50px; line-height: 50px;}


.search-form-component .form-control {background: url('../img/search-gray.svg') 98% 50% no-repeat #f1f6f9!important; border: none; font-size: 18px; height: 50px; padding: 0 26px; line-height: 50px; color: #4d7e9b; font-family: 'SFProDisplayRegular', sans-serif; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.search-form-component .form-control::placeholder {color: #4d7e9b;}
.search-form-component .input-group-append .btn {width: 57px; height: 50px; background-image: url("../img/search.svg"), linear-gradient(131deg, #005575, #003d61) !important; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; background-repeat: no-repeat !important; background-position: center center !important;}

.dropdown-toggle::after {content: ''; width: 7px; height: 10px; background: url(../img/arrow-right.svg) 50% 50% no-repeat; border: none; vertical-align: baseline;}

.card {box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25);-webkit-box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25);-moz-box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25); border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; background: var(--white); border: none;}
.card .card-body {padding: 0; background: transparent;}
.card .card-body .header {color: var(--blue-dark); font-size: 22px; line-height: 30px; text-decoration: none; font-family: 'SommetRoundedBold', sans-serif; display: inline-block;}
.card .card-body a.header:hover {text-decoration: underline;}
.card .card-body p {color: #4c7790; font-family: 'SFProDisplayRegular', sans-serif;}
.card .card-header {padding: 32px 30px 24px; background: transparent; margin: 0; font-size: 22px; color: #4d7e9b; font-family: 'SommetRoundedBold', sans-serif; position: relative; border: none;}
.card .card-header::after {content: ''; width: calc(100% - 60px); position: absolute; bottom: 0; left: 30px; display: block; height: 2px; background-color: #f1f6f9;}

@media (max-width: 768px) {
    .card .card-body .header {font-size: 18px; line-height: 26px;}
}

.card .card-footer {padding: 40px 30px 40px; background: transparent; margin: 0; position: relative; border: none;}
.card .card-footer::before {content: ''; width: calc(100% - 60px); position: absolute; top: 0; left: 30px; display: block; height: 2px; background-color: #f1f6f9;}
.card .card-footer .small-link {color: #4d7e9b; font-size: 14px; text-decoration: none;}
.card .card-footer .small-link:hover {color: #4d7e9b; text-decoration: underline;}

.dotted-list .line {margin-top: 20px; position: relative;}
.dotted-list .line:first-child {margin-top: 0;}
.dotted-list .line::before {content: ''; position: absolute; z-index: 1; border-bottom: 2px dotted #4d7e9b; opacity: 0.5; bottom: 3px; left: 0; display: block; width: 100%;}
.dotted-list .line::after {content: ''; clear: both; display: block;}
.dotted-list .line .left {
    float: left;
    font-family: 'SFProDisplayRegular', sans-serif;
    padding-right: 10px;
    font-weight: 700;
}
/*.dotted-list .line .left {float: left; font-family: 'SommetRoundedBold', sans-serif; padding-right: 10px; bottom: -4px}*/
.dotted-list .line .right {float: right; font-family: 'SFProDisplayRegular', sans-serif; padding-left: 10px; max-width: 60%; text-align: right;}
.dotted-list .line .left,
.dotted-list .line .right {font-size: 18px; line-height: 20px; color: #003758;background: #fff; position: relative; z-index: 2;}
.dotted-list .sub-text {font-size: 14px; margin-top: 3px; line-height: 20px; color: #4c7790; font-family: 'SFProDisplayRegular', sans-serif; max-width: 80%}

.side-menu-component .header {padding: 32px 30px 22px; margin: 0; position: relative; color: var(--blue-dark); font-size: 22px; line-height: 30px; font-family: 'SommetRoundedBold', sans-serif;}
.side-menu-component .header::after {content: ''; position: absolute; left: 0; bottom: 0; border-bottom: 2px solid #003d61; width: 100px;}
.side-menu-component .menu,
.side-menu-component .menu ul {list-style: none; list-style-position: outside; margin: 0;}
.side-menu-component .menu ul {padding: 0;}
.side-menu-component .menu {padding: 10px 0 0px;}
.side-menu-component .menu li {padding: 10px 30px;}
.side-menu-component .menu a {color: rgba(0, 61, 97, 0.7); text-decoration: none; line-height: 20px; font-size: 18px; font-family: 'SFProDisplayRegular', sans-serif;}
.side-menu-component .menu a:hover {text-decoration: underline;}
.side-menu-component .menu .active > a {color: #0797ea;}
.side-menu-component .menu .active {position: relative;}
.side-menu-component .menu .active:before {content: ''; position: absolute; left: 0; top: 20px; border-bottom: 2px solid #0797ea; width: 24px;}

.side-menu-component .menu .tree {position: relative;}
.side-menu-component .menu .tree:after {content: ''; position: absolute; right: 0; top: 20px; border-bottom: 2px solid rgba(76, 119, 144, 0.6); width: 24px;}
.side-menu-component .menu .tree > ul > li:last-child {padding-bottom: 0;}
.side-menu-component .menu .tree > ul {display: none;}
.side-menu-component .menu .tree.open {background: #f1f6f9;}
.side-menu-component .menu .tree.open > ul {display: block;}
.side-menu-component .menu ul > .active::before {left: -30px;}

ul.list {padding: 0 0 0 20px; list-style: none;}
ul.list > li {position: relative; margin-bottom: 10px; font-size: 18px; line-height: 30px;}
ul.list > li::before {position: absolute; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 4px solid var(--blue-dark); left: -20px; top: 11px; }

.modal-content {border: none; box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25);-webkit-box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25);-moz-box-shadow: 0 4px 30px 0 rgba(1, 122, 154, 0.25); border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;}
.modal-content.bg-transparent {box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}
.modal-body {padding: 30px 30px 30px; border: none;}
.modal-content > .close {width: 48px; height: 48px; background: url(../img/modal-close.png) 50% 50% no-repeat transparent; opacity: 1 !important; position: absolute; right: 0; top: -60px;}
.modal-backdrop {background: #fff; opacity: 0.9 !important;}

@media (max-width: 768px) {
    .modal-content > .close {top: -10px; right: -10px; z-index: 10;}
}