/****************************** TEXTS ******************************/
@font-face{
  font-family: "Montserrat-Regular";
  src: url("../font/Montserrat-Regular.ttf") format("truetype");
}
@font-face{
  font-family: "Montserrat-Medium";
  src: url("../font/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat-Italic";
	src: url("../font/Montserrat-Italic.ttf") format("truetype");
}
@font-face{
  font-family: "Montserrat-SemiBold";
  src: url("../font/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face{
  font-family: "Montserrat-Bold";
  src: url("../font/Montserrat-Bold.ttf") format("truetype");
}
html,body{ 
	width: 100%;
	padding: 0 !important;
	font-family: "Montserrat-Medium";
	font-size: 14px;
	color: #414141;
	overflow-x: hidden !important;
}
body.modal-open{ padding-right: 0; }
p{ margin: 0 auto; }
p+p{ margin-top: 10px; }
a{
	font-family: "Montserrat-Bold";
	font-size: 14px;
	color: #414141;
	text-decoration: none !important;
}
a:hover{ opacity: .95; }
.pointer{ cursor: pointer; }
.regular{ font-family: "Montserrat-Regular"; }
.italic{ font-family: "Montserrat-Italic"; }
.medium{ font-family: "Montserrat-Medium"; }
.semibold{ font-family: "Montserrat-SemiBold"; }
.bold{ font-family: "Montserrat-Bold"; }
.f10{ font-size: 10px; }
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
*.underline{ text-decoration: underline !important;}
*.uppercase{ text-transform: uppercase; }
ul.circle{ list-style-type: circle; }
ul.square{ list-style-type: square; }
ol.roman{ list-style-type: upper-roman; }
ol.roman-lower{ list-style-type: lower-roman; }
ol.alpha{ list-style-type: upper-alpha; }
ol.alpha-lower{ list-style-type: lower-alpha; }

/****************************** TITLES ******************************/
h1,h2,h3,h4,h5,h6{ position: relative; }
h1,h2,h3,h4{ font-family: "Montserrat-Bold" !important; }
h1{
	font-size: 35px;
	text-transform:uppercase;
}
h2{	font-size: 20px; }
h3{	font-size: 18px; }
h4{	font-size: 16px; }
h5{	font-size: 14px; }
h6{	font-size: 12px; }
small{	font-size: 10px; }

/****************************** BACKGROUNDS & COLORS ******************************/
body {
	-webkit-print-color-adjust: exact !important;
	print-color-adjust: exact !important;
}
*.bg-danger{ background: #980321 !important; }
*.bg-danger-emphasis{ background: #88011C !important; }
*.bg-dark{ background: #414141 !important; }
*.bg-dark-subtle{ background: #D0D0D0 !important; }
*.bg-secondary{ background: #A0A0A0 !important; }
*.bg-secondary-subtle{ background: #A4A4A4 !important; }
*.bg-body-secondary{ background: #ECECEC !important; }
*.text-danger{ color: #980321 !important; }
*.text-danger-emphasis{ color: #88011C !important; }
*.text-dark{ color: #414141 !important; }
*.text-dark-subtle{ color: #D0D0D0 !important; }
*.text-secondary{ color: #A0A0A0 !important; }
*.text-secondary-subtle{ color: #A4A4A4 !important; }
*.text-body-secondary{ color: #ECECEC !important; }

/****************************** FORMS & BUTTONS ******************************/
*:focus,
input:focus,
.form-control:focus,
.form-select:focus,
*.form-control:focus,
*.form-select:focus {
	border-color: #A0A0A0;
	border: 0;
	outline: 0;
	box-shadow: none !important;
}

input:not([type="button"]):not([type="submit"]):not([type="reset"]),
input.form-control:not([type="button"]):not([type="submit"]):not([type="reset"]),
select,
select.form-control,
textarea,
textarea.form-control{ margin-bottom: 20px; }

input:not([type="button"]):not([type="submit"]):not([type="reset"]),
input.form-control:not([type="button"]):not([type="submit"]):not([type="reset"]){ padding: 11px 0; }

select,
select.form-control,
textarea,
textarea.form-control{ padding: 11px 20px; }

input:not([type="button"]):not([type="submit"]):not([type="reset"]), 
input.form-control:not([type="button"]):not([type="submit"]):not([type="reset"]),
select,
select.form-control{
	font-size: 16px;
	border: 0;
	border-bottom: solid 1px #A0A0A0;
	border-radius: 0;
	color: #000;
	z-index: 1;
}

textarea,
textarea.form-control{
	background: #ECECEC !important;
	min-height: 115px;
	font-size: 16px;
	border: 0;
	border-radius: 15px;
	color: #000;
	resize: none;
}

input.disabled-false:not([type="button"]):not([type="submit"]):not([type="reset"]),
input.form-control.disabled-false:not([type="button"]):not([type="submit"]):not([type="reset"]) {
	background: #ECECEC;
	padding: 11px 20px;
	border-bottom: 0;
	border-radius: 10px;
}

.dropdown-toggle::after,
.dropdown-toggle.form-control::after{ display: none; }
.dropdown-toggle.form-control{
	margin-bottom: 20px;
	padding: 11px 0;
	font-size: 16px;
	text-align: left;
	border: 0;
	border-bottom: solid 1px #A0A0A0;
	border-radius: 0;
	color: rgba(112,112,112,1);
}
.dropdown-toggle:focus,
.dropdown-toggle.form-control:focus{ box-shadow: none !important; }
.dropdown-toggle svg,
.dropdown-toggle.form-control svg{
	background: #fff;
	position: absolute;
	top: 15px;
	right: 0;
	border: 0;
	z-index: 2;
}
.dropdown-toggle.show,
.dropdown-toggle.show.form-control{ color: #000; }
.dropdown-menu,
.dropdown-menu.show {
	min-width: auto;
	width: 100%;
	max-height: 165px;
	margin: -3px 0 0 0 !important;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
	overflow-y: auto;
	z-index: 4;
}
.dropdown-menu li{ padding: 5px 10px; }
.dropdown-menu li:hover{
	background: #ECECEC;
	cursor: pointer;
}

input::placeholder,
input.form-control::placeholder,
select::placeholder,
select.form-control::placeholder,
textarea::placeholder,
textarea.form-control::placeholder {
	color: rgba(112,112,112,1);
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input.btn,
button,
button.btn,
.btn{
	height: fit-content;
	padding: 11px 40px;
	border-radius: 50px;
	font-family: "Montserrat-Bold";
}

*.btn-danger {
	background: #980321 !important;
	font-family: "Montserrat-Bold";
	text-transform: uppercase;
	border-color: #980321 !important;
	color: #fff !important;
}
*.btn-danger *{ color: #fff !important; }

*.btn-outline-danger{
	background: none !important;
	border-color: #980321 !important;
	color: #980321 !important;
}
*.btn-outline-danger *{ color: #980321 !important; }

*.btn-outline-white{
	background: none !important;
	border-color: #fff !important;
	color: #fff !important;
}
*.btn-outline-white *{ color: #980321 !important; }

*.btn a{
	text-transform: uppercase;
	font-family: "Montserrat-Bold";
	opacity: 1 !important;
}

.input-group-icon{
	width: fit-content;
	margin: 0 auto;
	color: #fff;
}
.text-start .input-group-icon,
.text-sm-start .input-group-icon,
.text-md-start .input-group-icon,
.text-lg-start .input-group-icon,
.text-xl-start .input-group-icon,
.text-xxl-start .input-group-icon{ margin-left: 0; }
.text-end .input-group-icon,
.text-sm-end .input-group-icon,
.text-md-end .input-group-icon,
.text-lg-end .input-group-icon,
.text-xl-end .input-group-icon,
.text-xxl-end .input-group-icon{ margin-right: 0; }
.input-group-icon,
.input-group-icon input{ position: relative; }
.input-group-icon input{ padding-right: 50px; }
.input-group-icon svg{
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(-150%,80%);
}

.input-group,
.input-group input{ position: relative; }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){ margin-left: 0; }
.btn-float{
	background: #fff;
	height: 47px;
	padding: 11px 0 11px 20px;
	position: absolute;
	right: 0;
	border: 0;
	border-bottom: solid 1px #A0A0A0;
	border-radius: 0;
	z-index: 3;
}
.btn-float svg:last-child{ display: none; }

*:disabled,
.btn:disabled,
.btn.disabled,
[disabled],
.disabled {
	background: #D0D0D0 !important;
	border-color: #D0D0D0 !important;
	opacity: 1;
}

.span-error,
#g-recaptcha-error{
	width: 100% !important;
	margin-top: -15px;
	margin-bottom: 5px;
	display: grid;
	text-align: left !important;
	font-size: 12px;
	color: #980321 !important;
	z-index: 3;
}
.span-error2{
	position: absolute;
	top: 10px;
}
.g-recaptcha div{ width: 100% !important; }

.option-title{
	margin-left: 20px;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translate(140%, 0);
	font-size: 14px;
	font-family: "Montserrat-Medium";
}
.option-title svg{ margin-right: 5px; }

/****************************** POSITIONS ******************************/
.relative {
	position: relative;
}
.clear{ 
	display: block;
	position: relative;
	clear: both;
	height: 100px;
}

/****************************** CONTAINERS ******************************/
.container-fluid, .navbar, .navbar-brand{ padding: 0 !important; }
.container{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 0 17%;
	margin: 0;
}
.row{
	margin: 0;
	padding: 0;
}
.clearfix{ height: 80px; }
.white-box{
	background: #fff;
	padding: 40px 60px 45px 60px;
	text-align: center;
	border-radius: 10px;
}
.responsive,
.responsive-x,
.responsive-y{
	max-width: 100%;
	max-height: auto;
}
.responsive{ overflow: auto; }
.responsive-x{
	overflow-x: auto;
	overflow-y: hidden;
}
.responsive-y{	
	overflow-x: hidden;
	overflow-y: auto;
}

/****************************** MODALS ******************************/
.modal{
	margin-top: 110px; 
	padding-right: 0;
}
.modal .row{
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}
.modal-content{
	padding: 30px;
	text-align: center;
	border-radius: 15px;
}
.modal-header{
	padding: 0;
	text-align: center;
	border: 0;
	color: #0079C9;
}
.modal-body{
	padding: 20px 0;
	font-family: Montserrat-Bold;
	text-align: center;
}
.modal-body.medium{ font-family: Montserrat-Medium; }
.modal-footer{
	padding: 20px 0 0 0;
	display: block;
	text-align: center;
	border-color: #0079C9;
}
.modal-footer *{ 
	margin: 0 auto;
	display: inline-block;
}
#modalLogOut .modal-footer{ border-color: #ffc400; }
.aux-modal{
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	z-index: 10;
}
.aux-modal-content{
	background: #fff;
	width: 82%;
	max-width: 500px;
	padding: 30px;
	position: absolute;
	top: 110px;
	left: 50%;
	transform: translate(-50%,0);
	text-align: center;
	border-radius: 15px;
}
.aux-modal-text{
	padding: 20px 0;
	font-family: Montserrat-Bold;
}
.aux-modal-footer{
	padding: 20px 0 0 0;
	text-align: center;
	border-top: solid 1px #ffc400;
}
.aux-modal-footer *{
	margin: 0 auto;
	display: inline-block;
}

/****************************** SECTION MENU ******************************/
#section-menu .dropdown-toggle:hover{ border-bottom: 0; }
#section-menu {
	background: #fff;
	min-height: 80px;
	padding-top: 15px;
	padding-bottom: 15px;
	z-index: 5;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
#section-menu img{ height: 50px; }
#section-menu ul a{
	padding: 5px 20px;
	text-transform: uppercase;
	font-size: 12px;
	vertical-align: middle;
	color: #414141 !important;
}
#section-menu #logInn a.nav-link,
#section-menu #logInnProfile a.nav-link{ padding-right: 0; }
#section-menu ul a span{ margin-left: 10px; }

#section-menu .dropdown-menu,
#section-menu .dropdown-menu.show{
	min-width: fit-content;
    white-space: nowrap;
	margin: 5px 0 0 0px !important;
	left: auto;
	right: 0;
}
#section-menu .dropdown-menu li{
	font-family: "Montserrat-Bold";
	text-transform: uppercase;
	color: #980321;
}
#section-menu .dropdown-menu li:last-child{ padding-top: 20px; }
#section-menu .dropdown-menu li:hover{ background: none; }


#section-menu svg,
#section-menu a.nav-link img{
	width: 16px;
	height: 16px;
	position: relative;
	vertical-align: top !important;
}
#section-menu .dropdown-item{ font-family: "Montserrat-Bold"; }
#logOut .dropdown-item{
	margin-top: 20px;
	font-family: "Montserrat-Medium";
}

/****************************** SECTION FOOTER ******************************/
#section-footer{
    background: #414141;
    padding-top: 40px;
    padding-bottom: 40px;
}
#section-footer *{
	font-size: 12px;
	color: #ECECEC !important;
}
#section-footer div:not(.row):not(.copy){ margin-bottom: 10px; }
#section-footer img{ height: 30px; }
#section-footer a+a{ margin-left: 10px; }
#section-footer .copy{
	margin-bottom: 10px;
	text-align: center;
	font-size: 10px;
}