@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold.ttf') format('truetype'),
        url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.eot');
    src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('../fonts/Lato-BoldItalic.woff') format('woff'),
        url('../fonts/Lato-BoldItalic.ttf') format('truetype'),
        url('../fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.eot');
    src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black.woff') format('woff'),
        url('../fonts/Lato-Black.ttf') format('truetype'),
        url('../fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BlackItalic.eot');
    src: url('../fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-BlackItalic.woff2') format('woff2'),
        url('../fonts/Lato-BlackItalic.woff') format('woff'),
        url('../fonts/Lato-BlackItalic.ttf') format('truetype'),
        url('../fonts/Lato-BlackItalic.svg#Lato-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


body {font-family: 'Lato'; text-align: center; color: #000000; line-height: 1; position: relative; height: 100%;}
body::before {content: ""; clip-path: polygon(0 85%, 100% 0%, 100% 100%, 0 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #1c3167; z-index: -1;}

a {cursor: pointer!important; display: inline-block!important;}

.text-1 {font-size: 2rem; font-weight: bold;}
.text-2 {font-size: 2.5rem; font-weight: 900;}

.line {position: relative; height: 50px}
.line::before {content: ""; height: 100%; width: 1px; position: absolute; left: 50%; top: 0; background: #000000;}
.line.white::before {background: #ffffff;}

.modal-close {position: absolute; right: 10px; top: 10px; width: 50px; height: 50px; cursor: pointer; opacity: 1;}
.modal-close::before, .modal-close::after {content: ""; position: absolute; width: 2px; height: 100%; background: #ffffff; left: 50%; top: 50%;}
.modal-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.modal-close::after {transform: translate(-50%, -50%) rotate(-45deg);}

.modal-dialog {max-width: 90%; margin: 0 auto;}
.modal-dialog-centered {min-height: 100%;}
.modal-content {border: none; border-radius: 0; background-color: #000000;}
.modal-body {padding: 0;}

.modal-backdrop.show {opacity: 1;}
.modal-backdrop {background-color: rgba(0, 0, 0, 0.97);}


@media (max-width: 575px) {
	html {height: auto!important;}
	body::before {clip-path: polygon(0 65%, 185% 0%, 100% 100%, 0 100%)}
	.text-1 {font-size: 1.75rem;}
	.text-2 {font-size: 2rem;}
	.modal-dialog {max-width: 100%;}
}
@media (min-width: 575px) and (max-width: 767px) {
	html {height: auto!important;}
	body::before {clip-path: polygon(0 65%, 170% 0%, 100% 100%, 0 100%);}
}
@media (min-width: 768px) and (max-width: 991px) {
	body::before {clip-path: polygon(0 100%, 102% 0%, 100% 100%, 0 100%);}
	.text-1 {font-size: 1.75rem;}
	.text-2 {font-size: 2rem;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 1500px) {
	.modal-dialog {max-width: 90%;}
}

@media (min-height: 860px) and (max-width: 991px) {
	html {height: 100%;}
}
@media (min-height: 897px) {
	html {height: 100%;}
}