html,
body { background: #F5F5F5; font-size: 16px; font-family: "Montserrat", sans-serif; color: #012653;

	--bs-link-color: initial;
	--bs-link-color-rgb: 0,0,0;
	--bs-link-hover-color: #06a8dd;
	--bs-link-hover-color-rgb: 6, 168, 221;
	--bs-border-radius: 0;
	/*
	--bs-box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	--bs-border-radius: 0.625rem;
*/
}
a { text-decoration: none; transition: all 0.2s; }
/*
.fs-18 { font-size: 1.125rem; }
.fs-35 { font-size: 2.1875rem; }
.fs-12 { font-size: 0.75rem; }
.fs-24 { font-size: 1.5rem; }
.lh-105 { line-height: 105%; }
*/
.fw-100 { font-weight: 100; }
.fw-300 { font-weight: 300; }
header { color: #fff; background: #012653; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(1,38,83,0.8) 100%); box-shadow: 0 4px 4px rgba(0,0,0,0.25);
--bs-link-color-rgb: 255,255,255;
}

.promo {  background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; color: #fff; }
.promo .gradient { padding: 11rem 0 3rem; background: rgba(1, 38, 83, 0.7); }

.menu ul { margin: 0; padding: 0; list-style: none; }

.promo h1 { font-family: "Oswald", sans-serif; font-weight: 700; text-transform: uppercase; line-height: 100%; }
.promo h3,
h3.title { font-family: "Oswald", sans-serif; font-weight: bold; color: #012653; text-transform: uppercase; line-height: 100%; }

.promo h3,
.form-contaner h3 { color: #fff; }


.btn-light,
.btn-submit {
	--bs-btn-bg: #FFF;
	--bs-btn-color: #012653;
	--bs-btn-font-weight: bold;
}

.btn-primary {
	--bs-btn-bg: #012653;
	--bs-btn-color: #FFF;
	--bs-btn-font-weight: bold;
	--bs-btn-border-color: #012653;
	--bs-btn-hover-bg: #06a8dd;
	--bs-btn-hover-border-color: #06a8dd;
}

.promo .messengers .ico { margin: 1rem 0; }
.promo .messengers a { display: block; background: #fff; padding: 10px; border-radius: 50%; width: 40px; height: 40px; }
.promo .messengers a:hover { background: var(--bs-link-hover-color); }
.promo .messengers a svg { vertical-align: top; }
.label { background: rgba(1, 38, 83, 0.6); border: 2px solid #fff; border-radius: 100px; display: inline-block; padding: 0.3rem 1.5rem; text-align: center; }

.advantage-item { font-family: "Oswald"; color: #012653; position: relative; padding-left: 3.375rem; }
.advantage-item:before { content: ''; position: absolute; top: 0.3rem; left: 0; width: 2.25rem; height: 2.25rem; background: url('images/advantage-ico.svg') 0 0 no-repeat; }
.form-large .form-contaner { background: #012653; color: #fff; }
.form-large .form-contaner .form-control { border: none; font-size: 1.125rem; color: #012653; font-weight: 300; padding: 0.7rem 1.5rem; }
.form-large .form-contaner textarea { max-height: 80px; }

.modal .form-contaner { background: #012653; color: #fff; 
--bs-modal-border-radius: 0;
}
.modal .form-contaner .form-control { border: none; font-size: 1.125rem; color: #012653; font-weight: 300; padding: 0.7rem 1.5rem; }
.modal .form-contaner textarea { max-height: 80px; }
.modal .modal-header .btn-close { filter: invert(1); }

.form-contaner .codedropz-upload-handler { display: none; }
.file-upload-ico { background: url('images/file-upload-ico.svg') 0 50% no-repeat; padding-left: 2rem; cursor: pointer; }

.dnd-upload-status { opacity: 0.5; margin: 10px 10px 0 0; width: 3.5rem; height: 3.75rem; background: rgba(255,255,255,0.15) url('images/images-ico.svg') 50% 50% no-repeat; display: inline-block; }
.dnd-upload-status.complete { opacity: 1; }
.dnd-upload-status .dnd-upload-image { display: none; }
.dnd-upload-status .dnd-upload-details .name { display: none; }
.dnd-upload-status .dnd-upload-details .dnd-progress-bar { display: none; }


.dnd-upload-status .dnd-upload-details .remove-file { top: 0; right: 0; width: 20px; height: 20px; text-indent: -9999px; }
.dnd-upload-status .dnd-upload-details .remove-file span:after { background: url('images/file-delete-ico.svg') 50% 50% no-repeat; width: 20px; height: 20px; }

.form-contaner .btn-submit { padding: 0.5rem; display: block; text-align: center; font-size: 1.125rem; color: var(--bs-btn-color); border: none; background: var(--bs-btn-bg); font-weight: var(--bs-btn-font-weight); width: 100%; }
.wpcf7-spinner { display: none; }
.video-arrow { background: url('images/arrow-ico.svg') 90% 50% no-repeat; color: #012653; padding-right: 175px; }

.video-contaner {width: 100%;position: relative;padding-top: 56.25%;}
.video-contaner iframe,
.video-contaner object,
.video-contaner embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.table-compare { width: 100%; }
.table-compare th { background: #012653; color: #fff; border: 1px solid #012653; border-color: #012653 #fff; }
.table-compare th:first-child { border-left-color: #012653; }
.table-compare th:last-child { border-right-color: #012653; }

.table-compare td { border: 1px solid #012653; }

.details-item { font-family: "Oswald"; color: #fff; background-size: cover; height: 12.5rem; }
.details-item .gradient { background: linear-gradient(to bottom,  rgba(1,38,83,0) 0%,rgba(1,38,83,0.64) 100%); }

.advantages-detail-item { background: #fff; }
.advantages-detail-item p { margin: 0; }
.advantages-detail-item p strong,
.advantages-detail-item p b { margin: 0; font-size: 1.33em; }
.wpcf7-not-valid-tip { color: inherit; font-style: italic; font-size: 0.875rem; }

.accordion-item { color: #012653; border: none; border-top: 2px solid #012653; border-bottom: 2px solid #012653; background: none; }
.accordion-body { background: none; }
.accordion-button { background: #fff !important; box-shadow: none !important; color: #012653; }

section { scroll-margin-top: 80px; }

#Ymap { height: 100%; min-height: 300px; }

footer { background: #012653; color: #fff;
	--bs-link-color: initial;
	--bs-link-hover-color: #06a8dd;
}
footer a { color: var(--bs-link-color); }
footer .menu { list-style: none; }

footer .messengers .ico { display: inline-block; }
footer .messengers a { display: block; width: 20px; height: 20px; margin: 10px 10px 0 0; }
footer .messengers a svg { vertical-align: top; }
footer .messengers a svg path { fill: #fff; }
footer .messengers a:hover svg path { fill: var(--bs-link-hover-color); }

.promo .messengers a svg path { fill: #012653; }

.review-item { background: #012653; color: #fff; }