/* CSS Document */

		
		body {
		  min-height: 50rem;
		  padding-top: 7rem;
		}
		
		body {
			-webkit-text-size-adjust: 100%;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			background-color: #fff;
			color: #000;
			font-family: Fira Sans,Helvetica,Arial,sans-serif;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			margin: 0;
			text-align: left;
		}
		
		.fixed-top{ background-color:#FFF; }
		
		.container{
			max-width: 1500px;
			margin: 0px auto;
		}
	  
		@media only screen and (max-width: 767.98px) {
		body {
		  min-height: 50rem;
		  padding-top: 12rem;
		}
		}
		@media only screen and (max-width: 1200px) {
			.container {
				max-width: 100%;
			}
		}
		
    /* scrollbar */
				
		/* The emerging W3C standard
		   that is currently Firefox-only */
		* {
		  scrollbar-width: thin;			/* "auto" or "thin"  */
		  scrollbar-color: #000 white;	/* scroll thumb & track */ 
		}
		
		/* Works on Chrome/Edge/Safari */
		*::-webkit-scrollbar {
		  width: 15px;						 /* width of the entire scrollbar */
		}
		*::-webkit-scrollbar-track {
		  background: white;				 /* color of the tracking area */
		}
		*::-webkit-scrollbar-thumb {
		  background-color: #000;			/* color of the scroll thumb */
		  border-radius: 20px;				/* roundness of the scroll thumb */
		  border: 3px solid white;			/* creates padding around scroll thumb */
		}
	
	/* BODY */
			
		.body-overflow{ overflow:hidden;}		
		/* typography */
				
		a {
			text-decoration: none;
			transition: all .3s ease-in-out;
		}
		
		a, a:hover {
			color: #000;
		}	
		.fs-default {
			font-size: 1rem!important;
		}
		.fs-tip {
			font-size: 1.15rem!important;
		}
		
		.fw-light {
			font-weight: 300!important;
		}
		.fw-medium {
			font-weight: 500!important;
		}
		.fw-semibold {
			font-weight: 600!important;
		}		
		.fw-bold {
			font-weight: 700!important;
		}
		.fs-note-small {
			font-size: .8125rem!important;
		}
		
		.fs-note-small {
			font-size: .8125rem!important;
		}
		
		.text-uppercase{
			text-transform: uppercase!important;		
		}
		
		.is-limited-1800 {
			max-width: 1800px;
		}
		
		/* form */
		.form__custom .form-control, .form__custom .form-label {
			letter-spacing: .05em!important;
		}
		.form-label{
			font-size: 1rem!important;
			/*font-family: Montserrat!important;*/
			margin-bottom: 0.5rem;
		}
		
		
		.form-control {
			appearance: revert;
			background-clip: padding-box;
			background-color: #fff;
			border: 1px solid #000;
			border-radius: 0;
			color: #000;
			display: block;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			padding: 0.375rem 0.75rem;
			width: 100%;
			letter-spacing: .05em!important;
			margin-bottom: 0.5rem;
			height: 35px;
		}	
		.form-control::placeholder {
			font-size: .8125rem!important;
		}
		.form-check .form-check-input {
			float: left;
			margin-left: -1.5em;
		}
		.form-check-input[type=checkbox] {
			border-radius: 0;
		}
		.form-check-input {
			-webkit-print-color-adjust: exact;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background-color: #fff;
			background-position: 50%;
			background-repeat: no-repeat;
			background-size: contain;
			border: 1px solid rgba(0,0,0,.25);
			color-adjust: exact;
			height: 1em;
			margin-top: 0.25em;
			vertical-align: top;
			width: 1em;
		}	
		.form-check-input:checked[type=checkbox] {
			background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E');
		}
		.form-check-input:checked {
			background-color: #000;
			border-color: #000;
		}
		
		/* button */
		.btn {
			background-color: transparent;
			border: 1px solid transparent;
			border-radius: 0;
			cursor: pointer;
			display: inline-block;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			padding: 0.375rem 0.75rem;
			text-align: center;
			text-decoration: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			vertical-align: middle;
		}		
				.btn-outline-primary {
			border-color: #000;
			color: #000;
		}
		.btn-outline-primary:hover, 
		.btn-outline-primary:active {
			color: #fff;
			background-color: #000;
			border-color: #000;
		  }

		/* header */
		
		.menu-contacts {
			padding-bottom: 10px;
			padding-top: 10px;
			letter-spacing: .1em!important;
		}
		.topmenu {
			background-color: #fff;
			padding-bottom: 20px;
			padding-top: 20px;
			border-bottom: 1px solid #e2e2e2;
		}		
		
		/* footer */
		
		.footer, .mt-6 {
			margin-top: 3rem!important;
		}
		
		@media (min-width: 992px){
		.footer, .mt-lg-8 {
			margin-top: 4rem!important;
		}		
		}
		
		.footer__top .footer-logo {
			width: 172px;
		}
		
		.footer__top__text{
			font-size: .875rem!important;
		}
		
		.footer .footer-social img {
			height: auto;
			width: 25px;
		}
		
		.footer__bottom__note{
			text-transform: uppercase!important;
			font-weight: 300!important;

			font-size: .8125rem!important;
		}
	
	/* recaptcha */
		
		.grecaptcha-badge { opacity:0;}
		.grecaptcha-badge-disclaimer{
			padding: 5px !important;
			/*font-family: "Courier New", Courier, monospace;*/
			font-size:11px;
			text-transform:uppercase;
		}

	/* maxlength */
		
		.bootstrap-maxlength{z-index:999999992 !important; border:5px siolid #f00}
		
		.bootstrap-maxlength.label {
			display: inline;
			padding: .2em .6em .3em;
			font-size: 75%;
			font-weight: 400;
			line-height: 1;
			color: #fff;
			text-align: center;
			white-space: nowrap;
			vertical-align: baseline;
			border-radius: .25em;
			
		}
		.bootstrap-maxlength.label-important,
		.bootstrap-maxlength.badge-important {
			 background-color: #d9534f !important;
		}
		.bootstrap-maxlength.label-success,
		.bootstrap-maxlength.badge-success {
			background-color: #5cb85c !important;
		}
	
	/* bootbox */
	
		.bootbox{}
		.bootbox .modal-header {
			padding: 0.325rem 0.525rem 0.325rem 0.825rem;
		}
		.bootbox .modal-header .modal-title{
			text-transform:uppercase; 
			font-size:16px !important; 
			font-weight:bold;
		}
		.bootbox .modal-body {
			padding: 1rem;
			font-size:14px !important; 
			/*text-transform:uppercase;*/
		}
		.bootbox .modal-body h3 {
			font-size:16px; text-transform:uppercase; font-weight:700; margin-top:10px; margin-bottom:0px;
		}
		.bootbox .modal-footer {
			padding: 0.325rem 0.525rem 0.325rem 0.825rem;
		}
		.bootbox .modal-footer .btn {
			padding: 0.3rem;
		}
		.modal, .bootbox.modal {
			z-index: 9999999991 !important;
		}		
	
		.bootbox-close-button.close{
			    background-color: unset;
				border-color: unset;
				color: #000;
				border-width: unset;
				border: 0px;
				font-size: 30px;
				padding: 0px;
				height: 30px;
    			margin-top: -15px;
		}
		
	/* MODAL OVERLAY LOADING */
		
		/* Start by setting display:none to make this hidden.
		   Then we position it in relation to the viewport window
		   with position:fixed. Width, height, top and left speak
		   speak for themselves. Background we set to 80% white with
		   our animation centered, and no-repeating */
		#page-loading-overlay {
			display:    none;
			position:   fixed;
			z-index:    999999992;
			top:        0;
			left:       0;
			height:     100%;
			width:      100%;
			background: rgba( 0, 0, 0, .5 ) 
						/*url('../scripts/jquery/loader.gif')
						50% 50%*/ 
						no-repeat;
		}
			
		#page-loading-overlay .loader {
		  border: 16px solid #f3f3f3;
		  border-radius: 50%;
		  border-top: 16px solid #000000 ;
		  width: 120px;
		  height: 120px;
		  -webkit-animation: spin 2s linear infinite;
		  animation: spin 2s linear infinite;
		  margin:auto;
		  left:0;
		  right:0;
		  top:0;
		  bottom:0;
		  position:fixed;
		}
		
		@-webkit-keyframes spin {
		  0% { -webkit-transform: rotate(0deg); }
		  100% { -webkit-transform: rotate(360deg); }
		}
		
		@keyframes spin {
		  0% { transform: rotate(0deg); }
		  100% { transform: rotate(360deg); }
		}
	
		/* When the body has the loading class, we turn
		   the scrollbar off with overflow:hidden */
		body.page-loading-overlay {
			overflow: hidden;  /* 
			margin-right:25px;*/
		}
		
		/* Anytime the body has the loading class, our
		   modal element will be visible */
		body.page-loading-overlay #page-loading-overlay {
			display: block;
		}
		
	/* specific */
		
	.header {
    color: #ffffff;
}
.banner {
    background-color: #F6B6C0;
}
.btn-primary {
    border: 1px solid #F6B6C0;
    color: #F6B6C0;
    font-size: 20px;
    background-color: transparent;
    width: 100%;
}
.btn-primary:hover, 
.btn-primary:active {
    color: #212529;
    background-color: #f294a3;
    border-color: #f08999;
}
.btn-secondary {
    font-size: 22px;
}
.btn-secondary {
    border: 1px solid #3D3D3D;
    color: #3D3D3D;
    font-weight: bold;
    font-size: 25px;
    background-color: transparent;
    width: 100%;
}
.btn-submit {
    background-color: #F6B6C0;
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
}
h3 {
    color: #F6B6C0;
    font-size: 30px;
}