.flex-form {
	display: -webkit-box;
	display: flex;
	z-index: 10;
	position: relative;
	width: 700px;
	box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.3);
}

#bac-year {
	background-color: #015754;
	color: white;
	text-transform: uppercase;
	padding: 0px 20px;
}


#bac-type {
	background-color: #129691;
	color: white;
	text-transform: uppercase;
}

.pl-2, .px-2 {
	padding-left: -46.5rem !important;
}

.pl-2, .px-2 {
	padding-left: -25.5rem !important;
}

.flex-form input[type="search"] {
	flex-basis: 500px;
}



/* FLEX FORM */
 .flex-form input[type="submit"] {
	 background: #015754;
	 border: 1px solid #015754;
	 color: #fff;
	 padding: 0 30px;
	 cursor: pointer;
	 -webkit-transition: all 0.2s;
	 -moz-transition: all 0.2s;
	 transition: all 0.2s;
}
 .flex-form input[type="submit"]:hover {
	 background: #129691;
	 border: 1px solid #129691;
}
 .flex-form {
	 display: -webkit-box;
	 display: flex;
	 z-index: 10;
	 position: relative;
	 width: 700px;
	 box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.3);
}
 .flex-form > * {
	 border: 0;
	 padding: 0 0 0 10px;
	 background: #fff;
	 line-height: 50px;
	 font-size: 14px;
	 border-radius: 0;
	 outline: 0;
	 -webkit-appearance: none;
}
 .flex-form input[type="search"] {
	 flex-basis: 500px;
}
 @media all and (max-width: 800px) {
	 .flex-form {
		 width: 100%;
	}
	 .flex-form input[type="search"] {
		 flex-basis: 100%;
	}
	 .flex-form > * {
		 font-size: 0.9rem;
	}
	 .flex-form-cover {
		 padding: 20px;
	}
	 .flex-form {
		 display: -webkit-box;
		 display: flex;
		 -webkit-box-orient: vertical;
		 -webkit-box-direction: normal;
		 flex-direction: column;
	}
	 .flex-form input[type="search"] {
		 flex-basis: 0;
	}
    	.flex-form-cover .wraper {
    	height: 420px !important;
    }
    .flex-form-cover h2 {
	font-size: 25px !important; 
}
	#bac-type, #bac-year {
		text-align: center;
	}
}

.flex-form .search-icon {
	background: no-repeat;
	position: absolute;
	right: 22px;
	font-size: 20px;
	color: white;
}

.pointer {
	cursor: pointer;
}


.default-btn {
	background-color: #015754;
	color: white;
	border-radius: 5px !important;
}

.default-btn:hover {
	background-color: #129691;
	color: white;
}



/* JQUERY MODAL */
 .blocker {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 overflow: auto;
	 z-index: 99;
	 padding: 20px;
	 box-sizing: border-box;
	 background-color: #000;
	 background-color: rgba(0, 0, 0, 0.75);
	 text-align: center;
}
 .blocker:before {
	 content: "";
	 display: inline-block;
	 height: 100%;
	 vertical-align: middle;
	 margin-right: -0.05em;
}
 .blocker.behind {
	 background-color: transparent;
}
 .modal {
	 display: none;
	 vertical-align: middle;
	 position: relative;
	 z-index: 100;
	 max-width: calc(100% - 20px);
	 box-sizing: border-box;
	 background: #fff;
	 padding: 15px 30px;
	 -webkit-border-radius: 8px;
	 -moz-border-radius: 8px;
	 -o-border-radius: 8px;
	 -ms-border-radius: 8px;
	 border-radius: 8px;
	 -webkit-box-shadow: 0 0 10px #000;
	 -moz-box-shadow: 0 0 10px #000;
	 -o-box-shadow: 0 0 10px #000;
	 -ms-box-shadow: 0 0 10px #000;
	 box-shadow: 0 0 10px #000;
	 text-align: left;
}
 .modal a.close-modal {
	 position: absolute;
	 top: -12.5px;
	 right: -12.5px;
	 display: block;
	 width: 30px;
	 height: 30px;
	 text-indent: -9999px;
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center center;
	 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
}
 .modal-spinner {
	 display: none;
	 position: fixed;
	 top: 50%;
	 left: 50%;
	 transform: translateY(-50%) translateX(-50%);
	 padding: 12px 16px;
	 border-radius: 5px;
	 background-color: #111;
	 height: 20px;
}
 .modal-spinner > div {
	 border-radius: 100px;
	 background-color: #fff;
	 height: 20px;
	 width: 2px;
	 margin: 0 1px;
	 display: inline-block;
	 -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	 animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
 .modal-spinner .rect2 {
	 -webkit-animation-delay: -1.1s;
	 animation-delay: -1.1s;
}
 .modal-spinner .rect3 {
	 -webkit-animation-delay: -1s;
	 animation-delay: -1s;
}
 .modal-spinner .rect4 {
	 -webkit-animation-delay: -0.9s;
	 animation-delay: -0.9s;
}




/* LOADER */
 .custom_loader {
	 position: relative;
	 width: 164px;
	 height: 164px;
	 display: inline-block;
}
 .custom_loader::before, .custom_loader::after {
	 content: '';
	 position: absolute;
	 width: 40px;
	 height: 40px;
	 background-color: #323232;
	 left: 50%;
	 top: 50%;
	 animation: rotate 1s ease-in infinite;
}
 .custom_loader::after {
	 width: 20px;
	 height: 20px;
	 background-color: #7fad39;
	 animation: rotate 1s ease-in infinite, moveY 1s ease-in infinite;
}
 @keyframes moveY {
	 0%, 100% {
		 top: 10%;
	}
	 45%, 55% {
		 top: 59%;
	}
	 60% {
		 top: 40%;
	}
}
 @keyframes rotate {
	 0% {
		 transform: translate(-50%, -100%) rotate(0deg) scale(1, 1);
	}
	 25% {
		 transform: translate(-50%, 0%) rotate(180deg) scale(1, 1);
	}
	 45%, 55% {
		 transform: translate(-50%, 100%) rotate(180deg) scale(3, 0.5);
	}
	 60% {
		 transform: translate(-50%, 100%) rotate(180deg) scale(1, 1);
	}
	 75% {
		 transform: translate(-50%, 0%) rotate(270deg) scale(1, 1);
	}
	 100% {
		 transform: translate(-50%, -100%) rotate(360deg) scale(1, 1);
	}
}
 .loader-2, .loader-2:before, .loader-2:after {
	 border-radius: 50%;
	 width: 2.5em;
	 height: 2.5em;
	 animation-fill-mode: both;
	 animation: bblFadInOut 1.8s infinite ease-in-out;
	 display: inline-block;
}
 .loader-2 {
	 color: #fff;
	 font-size: 7px;
	 position: relative;
	 top: -10px;
	 text-indent: -9999em;
	 transform: translateZ(0);
	 animation-delay: -0.16s;
}
 .loader-2:before, .loader-2:after {
	 content: '';
	 position: absolute;
	 top: 0;
}
 .loader-2:before {
	 left: -3.5em;
	 animation-delay: -0.32s;
}
 .loader-2:after {
	 left: 3.5em;
}
 @keyframes bblFadInOut {
	 0%, 80%, 100% {
		 box-shadow: 0 2.5em 0 -1.3em;
	}
	 40% {
		 box-shadow: 0 2.5em 0 0;
	}
}


.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
}

.hide {
	display: none;
}

.btn.btn-primary {
	background: #015754 !important;
}

.btn.btn-primary:hover {
	background: #129691 !important;
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .12) !important;
}


.rounded-circle {
	border-radius: 50% !important;
}