@import url('https://fonts.googleapis.com/css2?family=Arizonia&display=swap');
body,
html {
	width: 100%;
	height: 100%;
	background-color: #fafafa !important;
	font-family: Helvetica !important;
	font-size: 15px;
	letter-spacing: .5px;
}

.mb-30 {
	margin-bottom: 30px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-20 {
	margin-left: 20px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-20 {
	margin-right: 20px;
}

.m-0{
	margin: 0;
}

.nav>li>a {
	color: #fff;
	font-size: 17px;
    letter-spacing: 0.5px;
    font-family: sans-serif;
}

.form-error {
	color: #f00;
	font-size: 12px;
	line-height: 12px;
	float: left;
	padding: 4px 0 0;
	width: 100%;
}

.custom-container {
	max-width: auto;
}

.bg-college {
	background-color: rgba(29, 45, 56, .6);
}

.search-header-bg {
	background-image: url(https://d2zogq81rfgh3u.cloudfront.net/cirkledin/college/header-bg-v2.jpg);
	top: 0;
	height: auto;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}

.search-header-shadow {
	position: absolute;
	opacity: 0.75;
	background-color: rgba(0, 0, 0, 0.5);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, #000 100%) !important;
}

.search-bar-wrapper {
	position: relative;
	text-align: center;
	padding-top: 50px;
	margin-top: 50px;
	padding-bottom: 20px;
}

.search-bar-wrapper h1 {
	color: #fff;
	font-size: 24px;
}

.search-bar-wrapper h2 {
	color: #fff;
	font-size: 20px;
}

.search-state-bar-wrapper {
	position: relative;
	text-align: left;
	color: #fff;
	padding: 5px 0;
	margin-left: 0px;
	text-align: center;
}

.search-state-bar-wrapper>div {
	display: block;
	margin: 0;
	padding: 0;
}

.search-state-bar-wrapper>div .btn-group button {
	border-radius: 0 !important;
	width: 100%;
	background-color: #fff;
}

.search-state-bar-wrapper>div .multi-dropdown {
	position: absolute !important;
}

.search-state-bar-wrapper .multi-dropdown>ul>li {
	display: block !important;
	width: 100% !important;
}

.search-state-bar-wrapper .dropdown-menu>li>a {
	color: #000 !important;
	font-weight: normal;
}

.search-state-bar-wrapper .dropdown-menu>li>a label {
	font-weight: normal !important;
}

.search-state-bar-wrapper .search-state-or {
	margin: 0 15px;
}

.features-bg {
	background-color: #757575;
	padding: 10px;
}

.features-align-lt {
	text-align: center;
	margin-bottom: 10px;
}

.features-align-rt {
	text-align: center;
	margin-bottom: 0px;
}

.saved-search-header-bg {
	background-image: url(https://d2zogq81rfgh3u.cloudfront.net/cirkledin/college/header-bg-v2.jpg);
	top: 0;
	height: 340px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}

.header-wrapper {
	position: relative;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 20px;
	margin-top: 80px;
}

.header-wrapper h1 {
	color: #fff;
	font-size: 28px;
}

.show-msg {
	background-color: #1fdb6a;
	padding: 10px;
	color: #fff;
	text-align: center;
	display: none;
}

.show-msg .fa {
	float: right;
	color: #fff;
}

.search-bar {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
	text-align: left;
	padding: 0px 10px;
}

.search-bar .college-search-keyword {
	height: 44px;
}

#suggesstion-box {
	width: 60%;
}

.btn-blue {
	background-color: #0094de !important;
	color: #fff !important;
	border-radius: 0 !important;
	border: 0 !important;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5) !important;
	padding: 10px 20px !important;
}

.btn-blue-primary {
	background-color: #0094de !important;
	color: #fff !important;
	border-radius: 0 !important;
	border: 0 !important;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5) !important;
	padding: 8px 20px !important;
	border-radius: .25rem;
}

.btn-blue-primary:hover {
	background-color: #057fbc !important;
	color: #fff !important;
}
.btn.btn-grey {
	background-color: #fff;
	color: #747474 !important;
	padding: 10px 20px !important;
	border-radius: 0 !important;
	border: 0 !important;
	font-size: 15px !important;
	border-color: transparent;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5) !important;
	transition: 0.5s !important;
}

.btn-grey:hover {
	background-color: #0094de;
	color: #fff !important;
}

.btn-save {
	background-color: #fff;
	padding: 9px 28px !important;
	border-radius: 0 !important;
	font-size: 15px !important;
	border-color: transparent;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5) !important;
	border: 1px solid transparent;

}
button.btn-save.active {
    font-size: 18px !important;
}
.btn-save.active {
	background-color: #0094de;
    color: #ffffff !important;
    padding: 7px 20px !important;
    border: 1px solid #0094de !important;
    border-color: transparent;
    text-decoration: none;
}
.btn-outline-primary{
	padding: 9px 20px!important;
}
#share-on-email .btn-outline-primary{
	padding: 6px 13px !important;
}
.btn.btn-outline-primary:hover {
    background-color: #163866;
    color: #fff;
    border: 1px solid #163866;
}
.btn-save:hover {
	background-color: transparent;
    color: #fff !important;
    border: 1px solid #fff;
}

.btn-save.active:hover {
	background-color: rgb(10 121 167)!important;
	color: #fff !important;
}

.btn-cancel {
	background-color: #0094de;
    color: #fff !important;
    padding: 9px 20px !important;
    border: 1px solid #0094de !important;
    font-size: 15px !important;
    border-color: transparent;
    text-decoration: none;
}
a.btn.btn-cancel.btn-mb{
	color: #0094de;
}
.btn-cancel:hover {
	text-decoration: none;
	border-color: #0094de;
}

.btn-search {
	background-color: #0094de !important;
	color: #fff !important;
	border-radius: 0 !important;
	border: 0 !important;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5) !important;
	padding: 17px 20px !important;
}

.save-list-no {
	color: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	background-color: #d40073;
	text-align: center;
	font-size: 12px;
	padding: 2px 4px;
}

.btn-grey.active {
	background-color: #0094de;
	color: #fff !important;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
	box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5) !important;
}

.search-bar-wrapper .btn-blue {
	padding: 8px 18px !important;
	margin-top: 0px;
	border: 0 !important;
	color: #fff !important;
	transition: all 0.5s;
}

.search-bar-wrapper .fa {
	margin-right: 10px;
}

.search-bar-wrapper .btn-blue span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.search-bar-wrapper .btn-blue:hover {
	background-color: #1fdb6a;
}

.search-bar-wrapper .btn-blue span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: -20px;
	right: -20px;
	transition: 0.5s;
	font-size: 40px;
}

.search-bar-wrapper .btn-blue:hover span {
	padding-right: 0;
}

.search-bar-wrapper .btn-blue:hover span:after {
	opacity: 0;
	right: 0;
}

.college-compare-result .search-bar-wrapper {
	padding-top: 66px !important;
}

.main-container {
	position: relative;
	margin-top: 20px;
}

.collapse-btn {
	width: 100%;
	margin-bottom: 20px;
	font-size: 13px;
	color: #747474;
}

.filters-btn-box {
	width: 100%;
	text-align: center;
	float: left;
	margin-bottom: 10px;
}

.filters-wrapper {
	margin: 20px 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 1);
	box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.5);
}

.panel {
	border: none !important;
	box-shadow: none !important;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #fff;
	border-color: #e4e5e7;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.panel-default>.panel-heading a {
	display: block;
	padding: 10px 15px;
	background-color: #163866;
	color: #fff;
	text-decoration: none;
}

.panel-default>.panel-heading a:after {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	font-style: normal;
	font-size: 11px;
	line-height: 1;
	float: right;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
	background-color: #163866;
	color: #fff;
	text-decoration: none;
}
.accordion-option {
	width: 100%;
	text-align: right;
	clear: both;
	margin: 15px 0;
}

.accordion-option .title {
	font-size: 20px;
	font-weight: bold;
	float: left;
	padding: 0;
	margin: 0;
}

.accordion-option .toggle-accordion {
	font-size: 12px;
	color: #747474;
}

.panel-body {
	padding: 10px 14px;
}

.panel-body ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.filter-list {
	padding: 3px 0;
	width: 100%;
	float: left;
}

.panel-body ul li {
	display: block;
	margin: 0;
	padding: 0;
}

.panel-body ul li label {
	text-transform: none;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin-top: 7px;
    margin-bottom: 0px;
}

.panel-body ul li label span {
	position: relative;
	top: 4px;
}

.panel-body ul li label input[type=checkbox] {
	border: 1px solid #c1c1c1;
	border-radius: 2px;
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	position: relative;
	background: #f5f5f5;
	outline: 0;
}

.panel-body ul li label input[type=radio] {
	border: 1px solid #c1c1c1;
	border-radius: 2px;
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	position: relative;
	background: #f5f5f5;
	outline: 0;
}

section.range-slider {
	position: relative;
	width: 100%;
	height: 70px;
	margin-bottom: 20px;
}

section.range-slider input[type="range"] {
	pointer-events: none;
	position: absolute;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border: none;
	border-radius: 14px;
	background: #F1EFEF;
	box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
	-webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
	left: 0;
	top: 50px;
	width: 100%;
	outline: none;
	height: 10px;
	margin: 0;
	padding: 0;
}

section.range-slider input[type="range"]::-webkit-slider-thumb {
	pointer-events: all;
	position: relative;
	z-index: 4;
	outline: 0;
	-webkit-appearance: none;
	width: 10px;
	height: 20px;
	border: none;
	border-radius: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0094de), color-stop(100%, #0094de));
	background-image: -webkit-linear-gradient(top, #0094de 0, #0094de 100%);
	background-image: linear-gradient(to bottom, #0094de 0, #0094de 100%);
}

section.range-slider input[type="range"]::-moz-range-thumb {
	pointer-events: all;
	position: relative;
	z-index: 50;
	-moz-appearance: none;
	width: 10px;
	height: 20px;
	border: none;
	border-radius: 0;
	background-image: linear-gradient(to bottom, #0094de 0, #0094de 100%);
}

section.range-slider input[type="range"]::-ms-thumb {
	pointer-events: all;
	position: relative;
	-ms-appearance: none;
	width: 10px;
	height: 20px;
	border-radius: 0;
	border: 0;
	background-image: linear-gradient(to bottom, #0094de 0, #0094de 100%);
	z-index: 50;
}

section.range-slider input[type=range]::-moz-range-track {
	position: relative;
	z-index: -1;
	background-color: black;
	border: 0;
}

section.range-slider input[type=range]:last-of-type::-moz-range-track {
	-moz-appearance: none;
	background: none transparent;
	border: 0;
}

section.range-slider input[type=range]::-moz-focus-outer {
	border: 0;
}

.rangeValues,
.rangeValues2 {
	font-size: 12px;
	color: #747474;
	position: relative;
	top: 0;
}

.range-slider p {
	font-size: 12px;
	color: #163866;
	margin: 0;
	margin-bottom: 4px;
}

.slider-values-wrapper {
	width: 100%;
	clear: both;
	display: block;
	margin-bottom: 30px;
}

.slider-values-box {
	width: 100%;
	clear: both;
	display: block;
	margin-bottom: 30px;
	padding-bottom: 1px;
}

#test-scores .slider-values-box {
	margin-bottom: 0px
}

.slider-values-box p {
	font-size: 16px;
	color: #163866;
	margin: 0;
	margin-bottom: 10px;
	width: 100%;
}

.slider-values-grid-container {
	display: flex;
	justify-content: space-between;
	margin-top: 0px;
	margin-bottom: 17px;
}

.slider-values-grid-item {
	width: 33.3%;
}

.slider-values-grid-item label {
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 11px;
}

.slider-values-grid-item .form-control {
	border-radius: 0px;
	height: 24px;
	border: 1px solid #39ace6;
	background: #ececec;
	text-align: center;
	padding: 2px;
}

#cirkled-filters .ui-state-default {
	width: 15px;
	height: 15px;
	border: 1px solid#93c3cd;
	border-radius: 50%;
}

#cirkled-filters .ui-slider-horizontal {
	height: .4em
}

.tuition-sign-lt {
	border: 0;
	color: #747474;
	font-weight: normal;
	width: 80px;
	float: left;
	text-align: left;
}

.tuition-sign-rt {
	border: 0;
	color: #747474;
	font-weight: normal;
	width: 80px;
	float: right;
	text-align: right;
}

.majors-search-box input {
	width: 100%;
	outline: none;
	border: 1px solid #f4f4f4;
	height: 40px;
	padding: 4px;
	border-radius: 8px;
	margin-bottom: 10px;
	background: url("https://d2zogq81rfgh3u.cloudfront.net/cirkledin/college/down-arrow.jpg") right 7px no-repeat;
}

.result-showing {
	font-size: 13px;
	color: #747474;
	margin-bottom: 10px;
	line-height: 42px;
	text-align: center;
}

.search-result-wrapper, .college-suggestion-wrapper {
	width: 100%;
	margin: 20px 0;
}

.search-result-wrapper ul, .college-suggestion-wrapper ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.search-result-wrapper ul li, .college-suggestion-wrapper ul li {
	display: inline-block;
	margin: 0;
}

.search-result-wrapper ul li a, .college-suggestion-wrapper ul li a {
	display: block;
	margin-bottom: 50px;
	text-decoration: none;
	cursor: pointer;
}

.item-wrapper {
	box-shadow: 0px 0px 5px #d2d2d2;
	background-color: #fff;
	margin: 0 -10px;
}

.college-img {
	overflow: hidden;
	height: 180px;
	background-color: #CCC;
	position: relative;
}

.media-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

.main_description {
	margin: 10px;
	padding: 0 0 15px;
	border-bottom: 1px solid #DDD;
}

.main_description .title {
	font-size: 13px;
	color: #163866;
	overflow: hidden;
	min-height: 54px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.main_description .location {
	font-size: 12px;
	color: #747474;
}

.main_description .location .fa {
	margin-right: 5px;
}

.main_description .location .environment-type {
	float: right;
}

.college-item-list {
	border-bottom: 6px solid #65beea;
	height: 388px;
}

.college-item-list .description {
	margin: 0 10px 10px 10px;
	font-size: 12px;
	color: #555;
}

.college-item-list .description p {
	margin: 0 0 2px;
	line-height: 1.3em;
	margin-bottom: 5px;
}

.college-item-list .description p span {
	display: inline-block;
	color: #0094de;
	width: 70%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.college-item-list .description p span.value {
	width: 30%;
	font-size: 12px;
	color: #333;
}

.college-card {
	position: relative;
}

.college-card .add-to-list {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 7px;
	width: 40px;
	height: 50px;
}

.college-card .add-to-list:after {
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-image: url(https://d2zogq81rfgh3u.cloudfront.net/cirkledin/college/shortlist-heart.png);
	margin: 0;
	background-position: -40px 0;
	width: 40px;
	height: 50px;
	opacity: .7;
}

.college-card .add-to-list.added:after {
	background-position: 0px 0;
	opacity: 1;
}

.college-card .add-to-list:hover:after {
	opacity: 1;
}

.college-card .contact-mail {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 5px;
	right: 10px;
	width: 40px;
	height: 50px;
	font-size: 22px;
}

.college-card .contact-mail a {
	background-color: transparent;
	color: #fff;
	opacity: .7;
	box-shadow: none;
}

.college-card .contact-mail a:hover {
	background-color: transparent;
	opacity: 1;
}

.item-wrapper:hover .college-hover-box {
	opacity: 1;
	width: 100%;
}

.college-hover-box {
	color: #fff;
	position: absolute;
	top: 180px;
	padding-right: 10px;
	opacity: 0;
	z-index: 1;
	transition: transform 0.5s ease;
	transition: opacity 0.5s ease;
	width: 100%;
}

.college-more-info {
	background-color: rgba(22, 56, 102, .9);
	padding: 10px;
	height: 208px;
}

.college-hover-box p {
	font-size: 12px;
	color: #fff;
	position: relative;
}

.college-hover-box .college-logo {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 3px solid #747474;
	background-color: #fff;
	position: relative;
	top: -60px;
	margin: 0 auto;
	border-radius: 10%;
}

.college-hover-box .college-logo img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0;
	padding: 3px;
}

.college-more-info .college-content {
	margin: 0;
	padding: 0;
	position: relative;
	top: -50px;
}

.college-more-info .college-content p {
	height: 54px;
	overflow: hidden;
	margin-bottom: 4px;
}

.college-more-info .college-content input[type=checkbox] {
	background-color: #fff;
	border-color: #000;
}

.college-more-info .college-content label {
	font-size: 14px;
	margin-bottom: 6px;
}

.college-more-info .college-content .btn-blue {
	padding: 12px;
	margin-bottom: 0;
}

.college-more-info .college-content .btn-success {
	padding: 12px;
	margin-bottom: 0;
	border-radius: 0px;
	padding: 10px 20px !important;
	font-size: 15px !important;
	border-radius: 0 !important;
	border: 0 !important;
	margin-top: 2px;
}

.add-cart {
	border-top: 1px solid #f7f7f7;
	padding-top: 10px;
}

.pagination {
	text-align: right;
	float: right;
}

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

.pagination ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.pagination ul li a {
	padding: 3px 10px;
    color: #747474;
    border: 1px solid;
    margin: 0 17px;
    border-radius: 36px;
    background: white;
    text-decoration: none;
}

.pagination ul li a.active {
	background-color: #0094de;
	color: #fff;
	border-radius: 50%;
	padding: 10px 14px;
}

.disclaimer {
	margin-bottom: 30px;
}

.disclaimer p {
	color: #747474;
	font-size: 12px;
}

.mb-30 {
	margin-bottom: 30px;
}

.pagination-box {
	text-align: center;
}

.filters-back {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10002;
}

.filters-back .btn-grey {
	padding: 13px 10px !important;
}

.filters-btn-box-mobile {
	width: 100%;
	position: fixed;
	z-index: 10003;
	bottom: 0;
	background-color: #fff;
	padding-bottom: 20px;
}

.btn-mb {
	width: 49%;
	margin: 0;
	padding: 17px !important;
}

.btn-back {
	text-align: left !important;
	line-height: 32px !important;
}

.btn-back .fa {
	position: relative;
	top: 4px;
	margin-right: 10px;
	float: left;
}

.mobile-filter-btn {
	margin-bottom: 10px;
}

.apply-filters-btn {
	margin-bottom: 30px !important;
	transition: .4s ease-in-out;
	padding: 10px 20px !important;
	font-size: 14px !important;
}

.apply-filters-btn:hover {
	background-color: #1fdb6a !important;
}

footer {
	background-color: #1d2d38;
	position: relative;
}

.footer-hd h2 {
	color: #fff;
	margin-bottom: 60px;
	margin-top: 60px;
	font-size: 30px;
	font-weight: bold;
}

.footer-clm ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.footer-clm ul li {
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
}

.footer-clm ul li a {
	color: #fff;
	text-decoration: none;
}

.footer-clm .footer-nav-title {
	margin-bottom: 10px;
	text-decoration: underline;
}

.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin {
	color: #fff !important;
	background-color: #007bb6;
	border-color: rgba(0, 0, 0, 0.2);
	padding-left: 8px !important;
}

.btn-twitter {
	color: #fff !important;
	background-color: #55acee;
	border-color: rgba(0, 0, 0, 0.2);
	padding-left: 8px !important;
}

.btn-pinterest {
	color: #fff !important;
	background-color: #cb2027;
	border-color: rgba(0, 0, 0, 0.2);
	padding-left: 8px !important;
}

.btn-instagram {
	color: #fff !important;
	background-color: #8a3ab9;
	border-color: rgba(0, 0, 0, 0.2);
	padding-left: 8px !important;
}

.btn-google {
	color: #fff !important;
	background-color: #dd4b39;
	border-color: rgba(0, 0, 0, 0.2);
	padding-left: 8px !important;
}

.btn-social-icon {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px !important;
	height: 34px;
	width: 34px;
	padding: 0;
}

.address {
	color: #b1bbc2;
}

.share_text {
	color: #fff;
}

#go-to-top.affix {
	position: fixed;
	bottom: 0;
	right: 10px;
}

.go-to-top-link {
	padding: 9px;
	border-radius: 3px;
}

.top-link-scroll {
	padding: 26px 10px;
	margin-bottom: 0;
	background-color: #337ab7;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	color: #fff;
}

.go-to-top-link .fa {
	font-size: 54px;
	top: 1px;
}

.share-box {
	text-align: left;
}

.no-results {
	color: #163866;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 40px;
}

.back-student-profile {
	background-color: rgba(0, 148, 222, 1);
	color: #fff;
}

.filter-tooltip {
	float: left;
	padding: 10px;
	color: #fff;
}

.filter-tooltip:hover {
	color: #1fdb6a !important;
}


.save-header {
	border-bottom: 1px solid #cbcbcb !important;
}
.close{
	opacity: .5!important;
}
.save-title {
	clear: both;
	text-align: center !important;
	font-size: 21px;
	display: none;
}

.save-footer {
	border-top: none !important;
}

#save-search-popup .save-search-field {
	width: 100%;
	height: 40px;
	padding: 4px 10px;
	outline: none;
	border: 1px solid #cacaca;
}

.save-search-filters-selected {
	width: 100%;
	background-color: #fff;
	padding: 14px;
	border: 1px solid #ddd;
}

.save-search-filters-selected h5 {
	color: #163866;
}

.save-search-filters-selected ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.save-search-filters-selected ul li {
	display: inline-block;
    padding: 10px;
    margin: 10px 8px 10px 0;
    border: 1px solid #cacaca;
    box-shadow: 0px 3px 5px #ddd;
    border-radius: 8px;
}

.save-search-filters-selected ul li p {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #858585;
	margin-bottom: 2px;
}

.save-search-filters-selected ul li span {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #163866;
	font-weight: 600;
}

.save-search-filters-selected .remove-filters {
	margin-top: -3px;
	margin-left: 6px;
	float: right;
}

.save-search-filters-selected .filters-selected-search {
	float: left;
}

.save-search-filters-selected .save-search-filters-selected-btn {
	width: 100%;
	display: block;
	text-align: right;
}

.save-search-btns {
	width: 100%;
	margin-bottom: 45px;
}

.save-search-btns a {
	margin-bottom: 20px;
	cursor: pointer;
}

#college-regular {
	visibility: hidden;
}

#college-premium {
	visibility: hidden;
}

.college-detail-loading-icon .college-loading {
	position: fixed;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	;
	z-index: 3000;
}

.college-detail-loading-icon .college-loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
}

.college-detail-loading-icon .college-loading .fa-spinner {
	font-size: 50px;
	z-index: 3000;
	color: #000;
}

.comp-td-first {
	width: 100px;
	vertical-align: middle !important;
}

.comp-td-first .comp-college-info {
	width: 90%;
}

table.table .comp-td-middle {
	width: 200px;
	background-color: #fff;
	box-shadow: 1px 4px 5px 1px #d2d2d2;
	text-align: center;
}

.comp-college-remove {
	position: absolute;
	right: -8px;
	top: -8px;
	z-index: 8;
}

.comp-college-remove button {
	background: #0094de;
	border-radius: 50%;
	border: none;
	color: #ffffff;
}

.college-title {
	font-size: 16px;
	color: #163866;
	line-height: 25px;
	margin-bottom: 10px;
	font-weight: bold;
}

#compare_college_image .compare-img {
	padding: 0px
}

.college-compare-result table {
	border-collapse: separate;
	border-spacing: 15px 0px;
}

.comp-college-info {
	font-size: 16px;
}

.comp-td-first {
	padding: 0px !important;
	color: #3c3b3b;
}

.comp-tr-last .last {
	border-bottom: 6px solid #65beea !important;
}

.college-compare-result .main_description .title {
	font-size: 22px;
}

.college-compare-result .main_description .location {
	font-weight: normal;
	color: #23527c;
	margin-bottom: 10px;
	font-size: 14px;
}

.college-compare-result .college-item-list {
	height: auto;
	border: none;
}

.compare-show-more {
	margin-top: 15px;
}

.college-compare-result .comp-first {
	font-size: 16px;
	color: #0094de;
}

.college-compare-result .college-item-list .description p span {
	display: inline-block;
	color: #4a4a4a;
	width: 70%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: visible;
	margin-bottom: 8px;
}

.college-compare-result .college-item-list .description p span.value {
	font-size: 28px;
	margin-bottom: 22px;
}

.college-compare-result .college-item-list .description .sat-range span.comp-first {
	margin-bottom: 8px;
}

.college-compare-result .college-item-list .description .sat-range span.value {
	font-size: 25px;
	margin-bottom: 13px;
}

.college-compare-result .college-item-list .description .sat-range span.value.range-value {
	font-size: 25px;
	margin-bottom: 15px;
}

.college-compare-result .college-item-list .description .act-range span.value.range-value {
	font-size: 25px;
	margin-bottom: 15px;
}

.college-compare-result .college-item-list .description .progress-bar {
	margin-bottom: 15px;
}

.college-compare-result .item-blank-text {
	width: 100%;
}

.college-compare-result .item-blank-text-inner img {
	width: 150px;
	height: 150px;
	margin-top: 12px;
}

.college-compare-result .college-item-list .description p {
	margin-bottom: 0px;
}

.college-compare-search .search-bar .college-search-keyword {
	display: inline-block;
	height: 50px;
	border: 3px solid #e2dbdb;
}

.college-compare-search .search-bar .college-search-keyword:focus {
	border: 3px solid #0094de;
}

.add-new-college a {
	cursor: pointer;
}

#compare_search_box_label {
	color: #23527c;
}

.college-compare-search .search-state-bar-wrapper {
	display: inline-block;
	margin-left: 0px;
}

.college-compare-search .main_description .location {
	font-size: 15px;
}

.college-compare-search .college-img {
	overflow: visible;
}

.college-compare-search .search-result-wrapper ul li a {
	margin-bottom: 0px !important;
}

.college-compare-result .college-img {
	position: relative;
	overflow: visible
}

.college-compare-result .media-img {
	background-image: url("https://d2zogq81rfgh3u.cloudfront.net/cirkledin/college/default-college.png")
}

.college-compare-result .college-logo {
	position: absolute;
	top: 114px;
	z-index: 8;
	left: 10px;
}

.college-compare-result .college-logo img {
	width: 82px;
	height: 82px;
	background: #fff;
	border-radius: 50%;
	padding: 3px;
	border: 3px solid #3b8be0;
}

.college-compare-result .main_description {
	margin: 0px;
	padding: 0px;
	border-bottom: none;
}


.comp-acceptance,
.comp-graduation,
.comp-sat-range,
.comp-act-range,
.comp-tution-in-state,
.comp-tution-out-state,
.comp-tution-net-price,
.college-env,
.comp-school-type,
.comp-enrollment-size,
.comp-environment,
.comp-college-name {
	font-size: 16px;
	display: inline-block;
	color: #163866;
}

.comp-no-border {
	border: none !important
}

.college-compare-nav .dropdown-menu>li>a {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.compare-search-button {
	background-color: #0094de
}

.college-compare-search .search-state-bar-wrapper {
	padding: 2px 2px 0px 4px;
}

.college-compare-nav .dropdown-menu>li>a:hover,
.college-compare-nav .dropdown-menu>li>a:focus {
	text-decoration: none;
	background-color: #f5f5f5;
}

.comp-college-item {
	position: relative;
}

.item-wrapper-blank {
	cursor: pointer;
}

.comp-duplicate-college .alert {
	width: 80%;
}


.input-error {
	border-bottom: 1px solid #f00 !important
}

@media all and (min-width:768px) {
	.search-state-bar-wrapper>div {
		display: inline-block;
	}

	.search-state-bar-wrapper {
		margin-left: -19px;
		text-align: left;
	}

	.college-search-region-search,
	.college-search-state-search {
		width: 300px;
	}

	.search-header-bg {
		height: 350px;
	}

	.features-align-lt {
		text-align: left;
		margin-bottom: 0px;
	}

	.features-align-rt {
		text-align: right;
		margin-bottom: 0px;
	}

	.search-bar-wrapper .btn-blue {
		padding: 11px 20px !important;
	}

	.save-search-btns {
		margin-bottom: 15px;
	}

	.header-wrapper h1 {
		color: #fff;
		font-size: 34px;
	}

	.custom-container {
		max-width: 940px;
	}

	.nav>li>a {
		color: #fff;
	}

	.college-more-info {
		height: 208px;
	}

	.college-hover-box {
		padding-right: 30px;
	}

	.share-box {
		text-align: center;
	}

	.footer-hd h2 {
		font-size: 44px;
	}

	.body-wrapper .main-container form#filters {
		display: block;
		position: sticky;
		z-index: 0;
		top: 75px;
		height: 100%;
	}
	.left-section-filter{
		position: sticky;
    	top: 75px;
		overflow-y: auto;
		max-height: 85vh;
		overflow-x: hidden;
		padding: 0 6px;
	}
	.item-wrapper {
		margin: 0;
	}

	.btn-grey {
		padding: 5px 10px !important;
		font-size: 13px;
	}

	.btn-grey {
		padding: 10px 20px !important;
		font-size: 15px !important;
	}

	.btn-blue {
		padding: 10px 20px !important;
		font-size: 15px !important;
	}

	.save-list-no {
		padding: 4px 5px;
	}

	.search-bar-wrapper h1 {
		color: #fff;
		font-size: 40px;
	}

	.search-bar-wrapper h2 {
		color: #fff;
		font-size: 30px;
		text-transform: capitalize;
	}

	.search-bar {
		width: 90%;
	}

	.search-bar .college-search-keyword {
		width: 80%;
		margin-left: 4px;
	}

	#suggesstion-box {
		width: 78.5%;
	}

	.search-bar-wrapper .btn-blue:hover span {
		padding-right: 25px;
	}

	.search-bar-wrapper .btn-blue:hover span:after {
		opacity: 1;
	}

	.main_description .title {
		font-size: 17px;
	}

	.college-item-list .description {
		font-size: 14px;
	}

	.college-item-list .description p span.value {
		font-size: 14px;
	}

	.result-showing {
		text-align: right;
		margin-bottom: 0;
	}

	.pagination-box {
		text-align: right;
	}

	.filters-btn-box {
		text-align: right;
	}

	.search-hd {
		text-align: left;
	}
}

@media all and (min-width:768px) and (max-width:1024px) {
	.search-bar .college-search-keyword {
		width: 70%;
	}

	#suggesstion-box {
		width: 70%;
	}

	.result-showing {
		line-height: 38px;
	}

	.custom-container {
		max-width: auto;
	}

	.btn-save.active {
		padding: 10px !important;
	}
}

@media (max-width:991px) {
	.custom-container {
		max-width: auto;
	}

	.college-promo-video iframe {
		height: 350px;
	}

	.comp-acceptance,
	.comp-graduation,
	.comp-sat-range,
	.comp-act-range,
	.comp-tution-in-state,
	.comp-tution-out-state,
	.comp-tution-net-price,
	.college-env,
	.comp-school-type,
	.comp-enrollment-size,
	.comp-environment,
	.comp-college-name {
		font-size: 16px;
	}
}

#suggesstion-box {
	background-color: #fff;
	z-index: 10;
	position: absolute;
	border: 1px solid #747474;
	height: auto;
	max-height: 300px;
	overflow-y: scroll;
	text-align: left;
	padding: 15px;
	margin: 0;
	display: none;
	margin-left: 4px;
	top:41px;
}

#suggesstion-box0 {
	background-color: #fff;
	z-index: 10;
	position: absolute;
	border: 1px solid #747474;
	height: auto;
	max-height: 300px;
	overflow-y: scroll;
	text-align: left;
	padding: 10px;
	margin: 0;
	display: none;
	width: 95%;
}

#suggesstion-box1 {
	background-color: #fff;
	z-index: 10;
	position: absolute;
	border: 1px solid #747474;
	height: auto;
	max-height: 300px;
	overflow-y: scroll;
	text-align: left;
	padding: 10px;
	margin: 0;
	display: none;
	width: 95%;
}

#suggesstion-box2 {
	background-color: #fff;
	z-index: 10;
	position: absolute;
	border: 1px solid #747474;
	height: auto;
	max-height: 300px;
	overflow-y: scroll;
	text-align: left;
	padding: 10px;
	margin: 0;
	display: none;
	width: 95%;
}

.lisearchbox {
	padding: 5px;
	background: #fff;
	border-bottom: #bbb9b9 0px solid;
	list-style-type: none;
}

li.selectedb {
	background-color: #0094de;
	color: #FFF;
}

li.selectedb:hover,
.lisearchbox:hover {
	background-color: #0094de;
	color: #FFF;
	cursor: pointer;
}

#rel_aff {
	text-transform: none;
	font-size: 12px;
	color: #163866;
	line-height: 18px;
	font-weight: normal;
}

#majord_id {
	width: 100%;
	outline: none;
	border: 1px solid #f4f4f4;
	line-height: 30px;
	padding: 4px;
	border-radius: 8px;
	margin-bottom: 10px;
	background: url(https://d2zogq81rfgh3u.cloudfront.net/cirkledin/college/down-arrow.jpg) right 7px no-repeat;
}

.error_class {
	color: red;
	text-align: center;
	margin: auto
}

.req_class {
	color: red;
}

#loggedin-usermenu {
	width: 250px;
}


.nav>li>a {
	margin-top: -4px;
	color: #000;
	text-align: left;
	padding-left: 31px;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: transparent;
	color: hsla(0, 0%, 100%, 0);
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: rgba(0, 148, 222, .5) !important;
	color: #fff;
}


/* .text-primary {
	background-color: #1fdb6a !important;
} */

.msg-notification-dropdown {
	cursor: pointer;
}

.nav .indicator {
	position: absolute;
	color: #fff;
	left: 26px;
	font-size: 11px !important;
	padding-top: 2px;
	line-height: 17px;
	top: 0;
	text-align: center;
	font-size: 10px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-weight: bold;
}

@media all and (min-width:831px) {
	.setting-dropdown-nav {
		padding: 17px 15px;
	}

	.nav .indicator {
		left: 14px
	}
}

.dropdown-menu li {
	padding-left: 0;
}

.cta-button {
	margin-bottom: 10px;
	margin-right: 13px;
}

.logo {
	width: auto;
	height: 25px;
}


.custom-container {
	max-width: auto;
	clear: left;
}

@media all and (min-width:768px) {

	.nav>li>a {
		margin-top: -4px;
		color: #fff;
		text-align: auto;
		padding-left: 20px;
	}
	.nav>li>a:focus,
	.nav>li>a:hover {
		background-color: transparent;
		color: #2ea4df;
	}

	.nav .open>a,
	.nav .open>a:focus,
	.nav .open>a:hover {
		color: #000;
	}

	.cta-button {
		margin-bottom: 10px;
		margin-right: 0;
	}

	.logo {
		width: auto;
		height: 45px;
	}
	.custom-container {
		max-width: 940px;
	}

	.notify-space {
		display: none;
	}
}

@media (min-width:768px) and (max-width:1024px) {

	.custom-container {
		max-width: auto;
	}

	.nav>li>a.cta-button {
		padding: 4px 9px !important;
	}
}

@media (max-width:1200px) {
	.search-bar {
		width: 90%;
	}

	.college-search-region-search,
	.college-search-state-search {
		width: 208px;
	}

	.search-bar .college-search-keyword {
		width: 70%;
	}

	.comp-duplicate-college .alert {
		width: 70%;
	}

	#suggesstion-box {
		width: 68%;
	}

}

@media (max-width:991px) {
	.custom-container {
		max-width: auto;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}

	.collapse.in {
		display: block !important;
	}

	.search-bar {
		width: 90%;
	}

	.college-search-region-search,
	.college-search-state-search {
		width: 208px;
	}
}

@media all and (max-width:768px) {
	.search-bar .college-search-keyword {
		width: 90%;
	}

	.btn-lg,
	.btn-group-lg>.btn {
		margin: 0px;
	}

	.college-search-region-search,
	.college-search-state-search {
		width: 100%
	}

	.search-bar-wrapper .btn-blue {
		margin-top: 18px
	}

	#suggesstion-box {
		width: 95%;
	}

	.college-compare-search {
		margin-top: 0px !important;
	}

	.college-title {
		font-size: 14px;
		margin-top: 10px;
	}

	.college-compare-result .item-blank-text {
		width: 100%;
		height: 180px;
		text-align: center;
	}

	.college-compare-result .item-blank-text-inner img {
		width: 140px;
		height: 140px;
	}

	.college-compare-result .college-item-list {
		height: auto;
		border-bottom: none;
	}

	.compare-show-more button {
		font-size: 13px;
	}
	.college-compare-search .search-bar-wrapper {
		margin-top: 0px;
	}

	.control-label {
		color: #2c3c4d;
		font-size: 14px;
	}

	.green {
		background-color: #1fdb6a;
	}

	#search_result {
		overflow-x: scroll;
	}

	.college-img {
		height: 126px;
	}

	.college-hover-box {
		top: 162px;
	}

	.college-item-list {
		height: auto;
	}

	.college-compare-result .college-logo img {
		width: 68px;
		height: 67px;
	}

	.college-compare-result .college-logo {
		top: 70px;
	}

	.comp-td-first {
		width: 100px !important;
	}

	.college-compare-search .search-bar {
		text-align: center;
	}

	.college-compare-search .search-state-bar-wrapper {
		padding: 5px;
		margin-top: 10px;
	}

	.compare-search-button {
		background: none;
	}

	.college-compare-nav .dropdown-menu>li>a {
		color: #000 !important;
	}

	.college-compare-nav .navbar-nav>li {
		width: auto;
		padding: 6px;
	}

	.college-menu-icon-list .bar1,
	.college-menu-icon-list .bar2,
	.college-menu-icon-list .bar3 {
		width: 20px;
		height: 2px;
		background-color: #fff;
		margin: 4px 0;
	}
	.college-compare-result table {
		width: 100%;
	}

	.comp-td-middle {
		width: 150px;
	}

	.table-borderless tbody+tbody,
	.table-borderless td,
	.table-borderless th,
	.table-borderless thead th {
		padding: 1px !important;
	}

	.college-navbar-style .navbar {
		background: transparent
	}

	.comp-duplicate-college .alert {
		width: 100%;
	}

	.comp-college-info {
		font-size: 11px;
	}

	.comp-college-remove {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	#cirkled-filters {
	display: none;
	position: fixed;
	top: 38px;
	width: 100%;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	}
}

.college-compare-section {
	border-top: solid 1px #f2f2f2;
	-webkit-box-shadow: 0 -4px 9px 0 rgb(115 115 115 / 63%);
	box-shadow: 0 -4px 9px 0 rgb(115 115 115 / 63%);
	position: fixed;
	bottom: 0;
	z-index: 9999;
	background-color: #ffffff;
	padding: 20px 40px;
	width: 100%;
}

ul.CClist {
	margin: 0px;
	padding: 0px;
}

ul.CClist li {
	display: inline-block;
	float: left;
	padding: 10px;
	width: 23.5%;
	min-height: 100px;
	max-height: 250px;
	margin: 0px 10px;
	-webkit-box-shadow: 0 -4px 9px 0 rgb(115 115 115 / 63%);
	box-shadow: 0 -4px 9px 0 rgb(115 115 115 / 63%);
	position: relative;
	margin-bottom: 15px;
}

.close-CC {
	position: absolute;
	right: 0px;
	top: 6px;
	border-bottom-left-radius: 4px;
	background: #ffffff;
}

.close-CC a {
	background: #0094de;
	color: #ffffff;
	padding: 8px;
	border-bottom-left-radius: 6px;
	text-decoration: none;
}

ul.CClist li figure {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

ul.CClist li figure img {
	width: auto;

	max-height: 70px;
	margin-bottom: 10px;
	margin: 0 auto;
	border: 2px solid #dedede;
}

.compare-location {
	margin: 5px 0px;
	margin-bottom: 10px;
}

.compare-location span {
	float: left;
	margin-right: 20px;
}

ul.CClist li button {
	background: #0094de;
	padding: 10px;
	border: none;
	border-radius: 4px;
	color: #ffffff;
	display: block;
	width: 100%;
}

.m30 {
	margin-top: 30%;
}

.college-name-title {
	font-size: 14px;
}

a:focus {
	outline: none;
}


.login-btn-nav {
	border-radius: 50rem!important;
	background-color: #0094de;
	color: #0094d3;
}

.pre-logo-details {
	margin: 0px;
	padding: 0px;
	background: #f2f2f2;
}

.sticky {
	position: fixed;
	margin-top: 0px;
	z-index: 2;
	display: block;
	top: 60px;
	width: 100%;
	background-color: rgb(161, 0, 34);
}
nav.college-navbar-wrapper.navbar-regular-page.navbar.navbar-expand-md.sticky-top.sticky{
	z-index: 1;
}
.college-navbar-wrapper.sticky {
	height: auto !important;
	left: 0;
	top: 69px;
}

#mixedSlider .MS-content .item {
	display: inline-block;
}

#mixedSlider1 .MS-content .item {
	display: inline-block;
}

.ci-slide1 {
	padding: 12px;
	position: relative;
}

.ci-slide1 .imgTitle {
	position: relative;
}

.ci-slide1 .imgTitle-zoom {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.ci-slide1 .imgTitle:hover img {
	opacity: 0.3;
}

.imgTitle:hover .imgTitle-zoom {
	opacity: 1;
}

.ci-slide1 .imgTitle-zoom-text {
	color: #163866;
	font-size: 16px;
	padding: 8px 21px;
}

.ci-slide1 .item a {
	margin: 0 0px 0 0;
	font-size: 16px;
	font-style: italic;
	color: rgba(173, 0, 0, 0.82);
	font-weight: bold;
	letter-spacing: 1px;
	transition: linear 0.1s;
}

.ci-slide1 .slick-list {
	margin: 0 -5px;
}

.ci-slide1 .slick-slide>div {
	padding: 0 5px;
	height: 100%;
}

.ci-slide1 .slick-slide {
	height: 180px;
}

.ci-slide1 img {
	max-width: 100%;
	height: 100%;
	max-height: 180px;
	transition: .5s ease;
	backface-visibility: hidden;
}

.ci-slide1 .slide-arrow {
	width: 30px;
	border: none;
	outline: none;
	background-color: transparent;
	padding: 0;
	font-size: 50px;
	color: #ff6600;
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}

.ci-slide1 .prev-arrow {
	left: -20px;
}

.ci-slide1 .next-arrow {
	right: -20px;
}

.ci-slide1 #college-allImage-list {
	margin-right: 5px;
}

#college_more_info {
	width: 100%;
	background: #0092cd;
	padding: 40px 0px;
}

#college_more_info h3 {
	text-align: center;
	color: #ffffff;
	margin: 0px 0px 30px;
}

#college_more_info ul {
	margin: 0px;
	padding: 0px;
}

#college_more_info ul li {
	list-style-type: none;
	line-height: 30px;
}

#college_more_info ul li label {
	color: #1cffad;
	width: 28%;
	display: inline-block;
	float: left;
	margin: 0px;
}

#college_more_info ul li i {
	color: #1cffad;
	margin-right: 10px;
}

#college_more_info ul li span {
	width: 72%;
	float: left;
}

.addr {
	color: #ffffff;
}

.college-contact-info iframe {
	border: 4px solid #1d2d38 !important;
}

.premiumBox {
	margin: 0px 0px 40px;
}

#cirkled-filters .panel-default>.panel-heading a {
	padding: 10px 10px;
}

.search-result-wrapper ul.row>li[class*='col-'],  .college-suggestion-wrapper ul.row>li[class*='col-'] {
	margin-bottom: 30px;
}

.search-result-wrapper .item-wrapper, .college-suggestion-wrapper .item-wrapper {
	position: relative;
	margin: 8px auto;
}
.search-result-wrapper .item-wrapper .college-img, .college-suggestion-wrapper .item-wrapper .college-img {
    border-radius: 0;
}
.item-wrapper .college-hover-box {
	padding-right: 0;
}

.search-result-wrapper ul li a, .college-suggestion-wrapper ul li a {
	margin-bottom: 0px;
}

.search-result-wrapper ul.row>li[class*='col-'], .college-suggestion-wrapper ul.row>li[class*='col-'] {
	padding-left: 7.5px;
	padding-right: 7.5px;
	margin-bottom: 15px;
}

#save-search-modal-id h4 {
	text-align: center;
	line-height: 28px;
}

.save-search-upgrade {
	padding-top: 25px;
	text-align: right;
	margin-top: 40px;
}

.save-search-upgrade a {
	color: #fff;
	background: #173967;
	padding: 12px 20px;
	border-radius: 6px;
}

.save-search-upgrade a:hover {
	color: #fff;
	text-decoration: none;
}

.degree-custom-input {
	text-align: left;
	border-radius: 20px;
	color: #5F5F5F;
	border-color: #EFEFEF;
	height: 40px;
	position: relative;
	padding: 6px 12px;
	width: 100%;
}

@media all and (max-width:1024px) {
	ul.CClist li {
		width: 21.5%;
	}
}

@media all and (max-width:768px) {
	ul.CClist li {
		width: 28.5%;
	}
	.college-compare-section {
		top: 40%;
		overflow: scroll;
	}
}

button.multiselect {
	width: 100%;
}

@media all and (max-width:767px) {
	canvas#doughnut-chart-demographic-labeled {
		width: 70% !important;
		height:70% !important;
		margin: 0 auto;
	}

	#doughnut-chart-international-header {
		left: 40%;
	}

	canvas#doughnut-chart-international-labeled {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}

	.demographic-size {
		width: 100%;
	}

	#application_enrolled {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}

	#doughnut-chart {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}

	#application_acceptance {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}

	#doughnut-chart-st-performance,
	#doughnut-chart-st-transfer-rate {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}

	#in_state_on_campus,#in_state_off_campus,#in_state_off_campus_family,#out_state_on_campus,#out_state_off_campus,#out_state_off_campus_family {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}
	#doughnut-chart-graduation {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}

	#doughnut-chart-graduation-six-yr {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}

	.footer-hd h2 {
		font-size: 30px;
	}

	#doughnut-chart-demographic-labeled {
		width: 60% !important;
		height: 60% !important;
		margin: 0 auto;
	}

	#cirkled-filters {
		padding-bottom: 38px;
	}

	.filters-btn-box-mobile {
		padding-bottom: 25px;
	}
	.comp-acceptance,.comp-graduation,.comp-sat-range,.comp-act-range,.comp-tution-in-state,.comp-tution-out-state,.comp-tution-net-price,
	.college-env,.comp-school-type,.comp-enrollment-size,.comp-environment,.comp-college-name {
		font-size: 14px;
	}
}

@media (max-width: 375px) {
	.search-result-wrapper ul.row>li[class*='col-'],  .college-suggestion-wrapper ul.row>li[class*='col-'] {
		width: 100%;
	}

	.btn-lg,
	.btn-group-lg>.btn {
		margin: 5px;
	}
}

.majors-list>span>span>.select2-selection {
	text-align: left;
	border-radius: 20px;
	color: #5F5F5F;
	border-color: #EFEFEF;
	height: 40px;
	padding: 6px 4px;
}

.select2-selection__arrow {
	top: 7px !important;
	right: 14px !important;
}

:focus-visible {
	outline: none;
}

.majors-list .dropdown-menu label.radio input[type=radio] {
	visibility: hidden;
}

.majors-list ul.dropdown-menu li.disabled{
	display: none;
}

.majors-list .caret {
	right: 18px;
	margin-top: 10px;
	position: absolute;
}

.majors-list button {
	overflow: hidden;
}

.yellow-strip-clg {
	background: #FFBC00;
	padding: 14px 8px 4px 8px;
	font-size: 18px;
}

.yellow-strip-clg u {
	font-weight: 600;
}

.notify-space {
	display: none;
}
@media (max-width: 600px){
	ul.CClist li figure img {
		width: 100%;
	}
	ul.CClist li {
		width: 45%;
	}
}
@media (max-width: 480px){
	ul.CClist li {
		width: 100%;
	}
	ul.CClist li figure img {
		width: auto;
	}
}
.college-pagination ul li input{
	text-align: center;
}
.pagination-box .college-pagination {
    margin: 10px 0;
	
}
.pagination .page-input {
    text-align: center;
}
.majors-list .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover{
    background-color: #337ab733;
	color: #163866;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	color: #fff;
}
/* navbar css */
.header-v2{
	background-color: rgb(0, 148, 211);
	padding: 1px 0;
}
.search-list.majors-list {
    margin-bottom: 15px;
}
.college-compare-nav ul li a {
	padding: 10px 9px;
}

.student-loan-wrapper{
    padding-bottom: 15px;
}

/* College highlight modal */
.clg-enqury-form .modal-content{
	background-color: transparent;
    box-shadow: none;
    border: none;
}
.clg-text-content{
	background-color: #f2f9ff;
    border-radius: 10px;
    width: 600px;
    margin: auto;
    position: relative;
    z-index: 4;
}
.clg-text-content h2 {
    padding: 10px;
    font-size: 24px;
	font-weight: 600;
	line-height: 30px;
}
.clg-text-content h5 {
    padding: 10px;
    font-size: 19px;
	line-height: 26px;
}
.clg-text-content .btn-primary{
	margin-left:10px;
	min-width: 75%;
	border-radius: 50px;
}
.spring-modal-content .slider-model-image {
    width: 41%;
    position: absolute;
    bottom: 3px;
    right: -222px;
    z-index: 3;
    rotate: -14deg;
}
.clg-enqury-closed i{
	padding: 10px;
    font-size: 22px;
}
.eq-highligh-form {
	position: absolute;
    top: 50px;
    right: 380px;
}
.action-content .learn-more {
    background-color: #ffde00;
	color: #000;
}
.learn-more-btn{
	position: relative;
	z-index: 3;
}
.want-learn-more-sticky{
    overflow: hidden;
}
#highlightLearnMore {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}
.clg-row{
	display: flex;
	align-items: center;
}
.w-100{
	width: 100%;
}
.text-sky-blue {
    color: #0094d3;
}
.text-blue {
    color: #163866;
}
.text-gray {
    color: #7f7f7f;
}
/* College select 2 */
#filters #accordion .input-search-dropdown>div>span.select2-container {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
	padding: 0px 0;
}
.modal-dialog-clg-enqury .input-search-dropdown>div>span.select2-container {
	border: 1px solid #eaeaea!important;
}
.modal-dialog-clg-enqury .input-search-dropdown>div>span>span>span>span {
    font-family: inherit;
}
.input-search-dropdown>div>span>span>span {
    border: none !important;
}
.input-search-dropdown>div>span>span>span>span {
	font-size: 15px;
	font-family: system-ui;
}

.select2-selection__arrow {
    top: 10px!important;
    right: 7px!important;
}
/* College learn more form */

.modal-dialog-clg-enqury{
	width: 850px;
}
.modal-dialog-clg-enqury .modal-content {
    border: 6px solid #12b4dd !important;
    border-radius: 6px;
    background: #fff;
    padding: 0 15px;
}
.px-0{
	padding-right: 0;
    padding-left: 0;
}
.clg-learn-more-left img{
	object-fit: cover;
    height: 100%;
    min-height: 620px;
    max-height: 650px;
}
.modal-dialog-clg-enqury .modal-body{
	padding: 0;
}
.clg-learn-more-form input.form-control{
	padding: 8px 8px;
    font-size: 15px;
	height: 44px;
	color: #6b6b6b;
	border-color: #eaeaea;
}
.text-red{
	color: red;
}
.clg-learn-more-form{
	padding: 10px 0px 10px 5px;
}
.clg-learn-more-form label{
	font-size: 17px;
    color: #6a6a6a;
    letter-spacing: 0.4px;
	font-weight: 500;
}
.modal-title-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px 10px 6px;
    border-bottom: 1px solid #ddd;
}
.btn-send,.btn-send:focus, .btn-send:active:focus{
    background: #173967;
    color: #ffffff;
    padding: 10px 33px;
}
.btn-send:hover{
    color: #fff;
    background: #20477C;
    outline: none;
}
.btn:focus, .btn:active:focus{
    outline: none;
}
.checkbox-clg-form .checkbox-label{
	font-size: 15px;
	margin: 0;
}
/* End College learn more form */
/*--thank you pop starts here--*/
.thank-you-pop{
	width:100%;
 	padding:20px;
	text-align:center;
}
.thank-you-pop img{
	width:76px;
	height:auto;
	margin:0 auto;
	display:block;
	margin-bottom:25px;
}
.thank-you-pop h1{
    font-size: 62px;
    margin-bottom: 25px;
    color: #fcc329;
    font-family: 'Arizonia', cursive;
    font-weight: 500;
}
.thank-you-pop h3 {
    font-size: 23px;
    color: #0b1c33;
    font-weight: 600;
}
.thank-you-pop h5 {
    font-size: 18px;
}
.thank-you-pop p{
	font-size: 20px;
    margin-bottom: 27px;
 	color:#5C5C5C;
}
.thankyou-modal .modal-content{
	background-color: #f2f9ff;
}
.thank-you-pop a{
	display: inline-block;
    margin: 0 auto;
    padding: 9px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #8BC34A;
    border-radius: 17px;
}
/*--thank you pop ends here--*/
@media (max-width: 370px){
	.thank-you-pop h1 {
		font-size: 51px;
	}
    .thank-you-pop h3 {
		font-size: 19px;
	}
	.thank-you-pop h5 {
		font-size: 16px;
	}
}
@media (max-width: 767px){
	.col-small-none{
		display: none;
	}
	.modal-dialog-clg-enqury {
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	.modal-title-header {
		padding: 8px 0px 4px 0px;
	}
}
@media (max-width: 991px){
	.eq-highligh-form{
		top: auto;
		margin-top: 20px;
	}
	.spring-modal-content .slider-model-image {
		bottom: -35px;
		display: none;
	}
}
@media (max-width: 990px){
	.spring-modal-content .slider-model-image {
		width: 28%;
		bottom: -120px;
		right: -23px;
		rotate: 73deg;
	}
}
@media (max-width: 970px){
	.eq-highligh-form {
		right: 50%;
	}
	.spring-modal-content .slider-model-image {
		bottom: -105px;
		right: 157px;
	}
}
@media (max-width: 768px){
	.spring-modal-content .slider-model-image {
		bottom: -67px;
		right: 387px;
		rotate: -4deg;
	}
	.clg-text-content{
		width: 90%;
		margin-top: 0px;
	}
	.eq-highligh-form {
		margin-top: 0px;
		right: auto;
	}
}
@media (max-width: 665px){
	.eq-highligh-form {
		top: 27px;
		left: 20px;
		right: 20px;
		margin-top: 0px;
	}
	.spring-modal-content .slider-model-image {
		bottom: -107px;
		display: none;
	}
	.small-660-none{
		display: none;
	}
	.clg-text-content{
		width: 100%;
	}
}
@media (max-width: 573px){
	.eq-highligh-form {
		top: auto;
		left: 20px;
		right: 20px;
		margin-top: 0px;
	}
	.clg-text-content{
		width: 100%;
	}
}
.clg-learn-more-form input.form-control::placeholder {
	color: #919090;
}
.right-side-scroll-form{
	overflow: auto;
    min-height: 410px;
    max-height: 620px;
}
.form-input-field .form-control{
	margin-bottom: 5px;
}
.right-side-scroll-form::-webkit-scrollbar-thumb {
    background: #0094d3;
    scroll-behavior: smooth;
}
.right-side-scroll-form::-webkit-scrollbar{
    width: 6px;
    margin-top: 15px;
    scroll-behavior: smooth;
}
.right-side-scroll-form::-webkit-scrollbar-thumb:hover{
	background:#000;
}
.login-wrapper ul.clg-login-btn li input {
    border-bottom: 1px solid #eaeaea;
	font-family: system-ui;
}
.signupRadio-check .form-input {
    width: 1em!important;
    height: 1em;
    margin-right: 5px;
    cursor: pointer;
    border-color: #0d6efd;
}
.form-check-inline {
    display: inline-block;
}
.mb-1 {
    margin-bottom: 0.25rem!important;
}
.signupRadio-check .form-check-inline {
    margin-top: 3px;
}
#signup-popup .modal-dialog {
	margin-top: 10px;
}
.login-option-wrapper.other-signup .social-login-btns button{
	width: 100%;
}
.signup-user-type .clg-login-img{
	width: 100%;
}
@media (max-width: 767px){
	.signup-user-type ul li a {
		color: #000!important;
	}
}
/* **************************************************** */
.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}
.ci-content .form-label-group > label {
    color: #495057;
    padding: 14px 8px;
    font-size: 15px;
}
.form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.5;
    color: #495057;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: all .1s ease-in-out;
	margin-left: 8px
}
.ci-content .form-label-group > input, .ci-content .form-label-group > textarea, .ci-content .form-label-group > label {
    padding-left: 9px;
}
.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label, .form-label-group select:not(:placeholder-shown) ~ label, .form-label-group input:-webkit-autofill ~ label, .form-label-group input:focus ~ label {
    padding-top: 0;
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px;
    color: #777;
	top: -18px;
	left: -2px;
}
.ci-content .form-label-group input:not(:placeholder-shown) ~ label, .ci-content .form-label-group textarea:not(:placeholder-shown) ~ label {
    color: #9f9f9f;
}
.sign-up-form ul li div{
	width: 100%;
}
.flex-input{
	display: flex!important;
}
.flex-input div{
	width: 100%;
}
.mb-6px {
    margin-bottom: 6px!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
@media (max-width:768px){
	.clg-login-img, .college-left-image{
		display: none;
	}
}
.pad-top-0{
	padding-top: 0!important;
}
input:-webkit-autofill {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #495057;
}
/* Compare page css */
.px-lg-5 {
	padding-right: 3rem!important;
	padding-left: 3rem!important;
}
.ml-lg-3{
	margin-left: 1rem!important;
}
.table > tbody > tr > td{
	border: none!important;

}

@media (min-width: 768px){
	.college-navbar-style .navbar .college-compare-nav {
		display: flex!important;
		justify-content: flex-end;
	}
}
.search-bar-wrapper .compare-search-button .btn-blue {
	padding: 14px 20px !important;
}
.login-option-wrapper .other-signup .social-login-btns button{
	height: 40px;
    min-width: 184px;
	width: auto;
}
.age-verify-modal .modal-body p, .age-verify-modal .modal-body h4{
    font-size: 20px;
    text-align: center;
    font-family: "Segoe UI";
    font-weight: 500;
    color: #000;
    line-height: 23px;
}
.age-verify-modal .modal-body{
	padding: 16px;
}
.age-verify-modal .modal-dialog{
	vertical-align: top;
	width: 500px;
}
.age-verify-modal .modal-dialog h4.modal-title{
	font-size: 20px;
}
.age-verify-modal .modal-dialog button.close{
	font-size: 24px;
	font-weight: 500;
	opacity: .5;
	padding: 3px 1rem;
}
.cancel-btn{
	background-color: rgba(0, 125, 179, 0.5);
    color: #fff;
    font-weight: 500;
    padding: 8px 20px;
    line-height: initial;
    border-radius: 5px;
    -webkit-border-radius: 5px
}
.age-verify-modal .modal-footer{
	padding: 15px 15px;
}
.age-verify-modal .modal-footer button{
	width: 120px;
    padding: 8px 20px;
    line-height: initial;
    font-family: "Segoe UI";
    font-weight: 500;
    font-size: 16px;
}
.age-verify-modal .age-modal-header{
	border-radius: 4px 4px 0px 0px;
}
.modal-dialog-clg-enqury .modal-title-header{
	position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}
@media (min-width:768px){
	.modal-dialog-clg-enqury .right-side-scroll-form{
		padding: 0;
	}
	.clg-learn-more-form {
		padding: 20px;
	}
	.modal-dialog-clg-enqury .modal-title-header{
		padding: 10px 15px 5px;
	}
}
.display-none{
	display: none;
}
@media (min-width:1185px){
	.display-lg-block{
		display: block;
	}
}
@media (max-width:1184px){
	.display-sm-block{
		display: block;
	}
}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background: rgb(31, 135, 188);
    border-radius: 6px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.max-college-show-scroll::-webkit-scrollbar{
 width: 10px;
}
/* fav college heart */
.college-card .college-fav-added, .college-card .college-fav-not-added{
	cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 12px;
    height: 50px;
	color: #fff;
	opacity: 0.7;
}
.college-card .college-fav-added:hover, .college-card .college-fav-not-added:hover{
	opacity: initial;
}
.college-card .college-fav-added i, .college-card .college-fav-not-added i{
	font-size: 20px;
}
.college-fav-not-added{
	color: #fff;
}
.college-card .text-red{
	color: red;
	opacity: initial;
}
.college-navbar-style .dropdowne.show{
	position: relative;
}
.navbar-loader {
    height: 70px;
    width: 100%;
    margin: 0;
  }

  .slider-loader {
    height: 54vh;
    width: 100%;
    margin-top: 62px;
    background: #d8d8d8;
    padding-top: 70px;
  }


  .skeleton-animation {
    background-color: #ccc;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgb(175 175 175 / 80%) 40px, #ececec 80px);
    background-size: 600px;
    animation: shine-lines 2s infinite ease-out;
    margin-bottom: 4px;
  }
  .skeleton-border {
    border: 1px solid #ccc;
	padding-top: 30px;
	height: 100vh;
	background-color: #fff;
}

  .round-loader {
    height: 120px;
    width: 120px;
    border-radius: 100px;
    margin-bottom: 10px !important;
	margin: auto;
  }
  .skeleton-border .row-skeleton {
    margin-top: 30px;
    padding: 40px 73px;
  }

  .text-loader {
    height: 50px;
    width: 100%;
  }

  .text-small-loader {
    height: 15px;
    width: 100%;
    margin-top: 18px;
  }
  @keyframes shine-lines {
    0% {
      background-position: -100px;
    }

    40%,
    100% {
      background-position: 500px;
    }
  }

  @keyframes shine-avatar {
    0% {
      background-position: -32px;
    }

    40%,
    100% {
      background-position: 300px;
    }
  }
.skeleton-loader{
	overflow: hidden;
}
@media (max-width:600px){
	.text-small-loader {
		width: 100%!important;
	}
	.skeleton-body-loader .container .row .col-sm-3{
		margin-bottom: 40px;
	}
}
.round-loader-animation-sign-in, .round-loader-animation-sign-up-form{
	width: 17px!important;
	height: 14px;
}
/* sponsored list css */
.college-intrested-in-you {
	background: #e8e8e8;
	padding: 16px 0 0;
	border-radius: 9px;
}

.sponsored-row {
	margin-bottom: 20px;
}

.college-intrested-in-you {
	list-style: none;
	margin: 0;
}

.sponsored--college-till .sponsored-media-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: end;
}

.college-intrested-in-you li {
	margin-bottom: 17px;
}

.sponsored--college-till .sponsored-media-img::before {
	opacity: 0.5;
}

.sponsored_main_description {
	margin: 10px 10px 0;
	padding: 0 0 15px;
}

.sponsored_main_description .title {
	font-size: 13px;
	color: #163866;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin-bottom: 10px;
}

.sponsored_main_description .location {
	font-size: 12px;
	color: #747474;
}

.sponsored_main_description .location .fa {
	margin-right: 5px;
}

.sponsored_main_description .location .environment-type {
	float: right;
}

.sponsored-college-logo {
	width: 30%;
	margin: 10px;
	text-align: center;
	box-shadow: 0px 0px 10px 2px #fff;
	border-radius: 50px;
	height: 74px;
	background: #fff;
}

@media (min-width: 768px) {
	.sponsored_main_description .title {
		font-size: 17px;
	}
}
#save-search-popup .modal-content{
	border: 6px solid #0094d3;
}
.search-college-button{
	pointer-events: none;
}
.form-control-field{
    height: 34px;
	width:100%;
    padding: 6px 5px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
	margin: 0 10px;
}
.search-bar-wrapper h3 {
	color: #fff;
	line-height: 1.5em;
}
#delete-confirmation .modal-content, #deleteCollegeInfo .modal-content{
	border: 4px solid #0094de;
}
#delete-confirmation .modal-content h5, #deleteCollegeInfo .modal-content h5{
	font-size: 16px;
}
#delete-confirmation button#deletesavesearch,
#save-search-popup button#savesearchbtn{
	border-radius: 4px !important;
}
@media only screen and (max-width: 420px) {
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		font-size: 14px;
	}
}
.sign-up-background-image{
	background-image: url(https://d2zogq81rfgh3u.cloudfront.net/cirkledin/landing-page/wel-wizard-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
em{
    font-style: normal;
    text-decoration: underline;
}
.inline-css{
	display:none;
	visibility:hidden
}
.search-result-loader {
    text-align: center;
}
.college-requested-submit-button-loader {
	margin-right: 10px;
}
.scholarship-custome-dropdown .custome-dropdown-sub-menu{
    display: none;
}
.scholarship-custome-dropdown:hover .custome-dropdown-sub-menu{
    display: block;
}
.custome-dropdown-sub-menu {
    list-style: none;
    padding: 0;
}
.custome-dropdown-sub-menu li a{
	width: 100%;
	display: block;
	background: #ffffff !important;
}
.custome-dropdown-sub-menu li:hover a{
	background-color: #0094d31f!important;
}
@media (max-width:768px){
	.age-verify-modal .modal-dialog {
		vertical-align: top;
		width: auto;
	}
	#age-verification-modal{
		bottom: auto;
		top: 40px;
	}
	.nav .indicator {
		left: 16px;
	}
}
.no-results {
    color: #163866;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 40px;
    background: #eeeeee;
    font-size: 14px;
    padding: 10px;
}
.no-results h2{
    font-size: 19px;
    padding: 0;
    margin: 0;
}
.college-filter-section{
	box-shadow: 0 0 4px 1px rgba(224, 224, 224, 1);
    border-radius: 6px;
    margin-bottom: 16px;
	overflow: hidden;
}
.college-filter-section h6 > a{
	background-color: #ffffff!important;
    color: #000!important;
}
.college-filter-section .panel-default>.panel-heading{
	border-color: #fff;
}
.clg-filter-selected-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.clg-filter-section .filter-selected-box {
    color: #fff;
    font-size: 13px;
    padding: 10px;
    background-color: #0094de;
    margin: 0 10px 0 0;
    text-transform: none;
    line-height: 18px;
    font-weight: 400;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-width: 147px;
	margin-bottom: 10px;
}
.filter-selected-box p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}
.clg-filter-section .filter-selected-box p i {
    margin-left: 6px;
}

.filter-selected-box p i {
    cursor: pointer;
}
.clg-filter-section .filter-selected-box ul {
    padding: 0;
    list-style: none;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
}
.clg-filter-section .filter-selected-box ul li {
    margin-bottom: 5px;
    display: contents;
}
.college-filter-section > div.panel{
	margin-bottom: 0;
}
ul.range-min-max-value {
    display: flex;
    justify-content: space-between;
}
.clg-filter-section ul.range-min-max-value > li{
	display: grid;
    text-align: center;
    margin-right: 13px;
}
.f-size18{
	font-size: 18px!important;
}
#accordion .card-header  {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    background-color: rgb(22 56 102);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    color: #fff;
	margin-bottom: 4px;
}
.card-header .card-title {
    color: #fff;
    cursor: pointer;
    font-size: 15px;
	text-decoration: none;
}
.accordion .card-header:after {
    content: "Hide";
    float: right;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}
.accordion .card-header.collapsed:after {
    content: "Show";
}
#filtercollapse .card-header:after {
    content: "Hide";
    float: right;
    color: #000000;
    font-size: 11px;
    cursor: pointer;
}
#filtercollapse .card-header.collapsed:after {
    content: "Show";
}
.new-feature-library {
    width: 3rem;
}
#filtercollapse .card-header{
	background-color: #fff;
}
ul.multiselect-container.dropdown-menu.show {
    margin-top: -2.5px;
	width: 100%;
	box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
    z-index: 11;
}
.accordion .multiselect-container>li>a>label, .search-bar-wrapper .search-bar .multiselect-container>li>a>label{
    padding: 3px 2px 3px 10px;
	color: #000;
	width: 100%;
}
ul.multiselect-container.dropdown-menu.show li:hover label {
    color: #fff;
}
ul.multiselect-container.dropdown-menu.show li:hover {
    background: #0094d3;
}
ul.multiselect-container.dropdown-menu.show li.filter:hover {
    background: transparent;
}
button.multiselect.dropdown-toggle.btn.btn-default {
    border-radius: 4px !important;
    border-color: #ced4da !important;
	overflow: hidden;
    text-overflow: ellipsis;
	padding: 11px;
	display: block;
	text-align: left;
}
.btn-group .dropdown-toggle::after {
    position: relative;
    right: 0;
    float: right;
    top: 10px;
}
.input-search-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #5f5f5f transparent transparent transparent;
}
#college_search_model .survey-close {
    font-size: 26px;
    opacity: 1;
    text-align: right;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ffffff;
    background: transparent;
    border: none;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.modal-open {
    overflow: hidden;
}
#signup-popup{
	z-index: 1050;
}
.signupRadio-check .form-check-inline {
    margin-right: 0;
}
body .ui-tooltip{
	display: none;
}
@media (min-width: 576px) {
    .modal-dialog.modal-md {
        max-width: 600px;
    }
	body, html{
		font-size: 14px;
	}
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.college-search-state-search .multiselect-container li.disabled{
	display: none;
}
#religious-affilation .btn-group.btn-block, .major-degree-div .btn-group.btn-block{
	width: 100%;
}
#collapseMajors .input-search-dropdown .majors-list .btn-group.btn-block{
	display: none!important;
}
.college-hero-section{
	margin-top: 53px;
}
.navbar ul {
    margin: 0;
    padding: 0;
    /* display: flex; */
    list-style: none;
}
/* Welcome wizard college css */
#ethnicity-section .btn-group, #major_section .btn-group {
    display: block;
    width: 100%;
    padding: 0.005rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 0.25rem;
    border-color: #dfdfdf;
}
.button-ib a {
    padding: 7px 10px 7px 7px;
    display: inline-block;
    color: #fff;
}
#newStudentModal .major-interest-drop .btn-block button.multiselect{
	display: inline-block!important;
}
#partner_section .main_description {
    border-bottom: 0;
}
.ui-datepicker-buttonpane.ui-widget-content button{
	display: block;
}
.college-app-badge{
    position: absolute;
    top: 100px;
    right: -20px;
    width: 160px;
	animation: blink 1s infinite;
}
.college-app-badge p{
	margin-top: -112px;
    font-size: 19px;
    width: 145px;
    text-align: center;
    line-height: 1.2em;
    margin-left: 8px;
	font-weight: 600;
}
.college-app-badge p a{
	color: #fff;
}
.college-app-badge p a:hover{
	text-decoration: underline;
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
.welcome-wizard-modal.asacookies-modal .text-section h1 {
    font-size: 1.9rem;
}
#mainNav .help-icon-size21 {
    font-size: 21px !important;
    padding: 11px 6px !important;
}
/* College suggestion */
.college-suggestion-wrapper ul#college-suggestion-list li .main_description .title,
.college-suggestion-wrapper ul#college-suggestion-major-list li .main_description .title   {
	min-height: 22px;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	margin-bottom: 5px;
}
.college-suggestion-wrapper ul#college-suggestion-list li .college-item-list,
.college-suggestion-wrapper ul#college-suggestion-major-list li .college-item-list{
	height: 307px;
}
.custom-control-wiz .custom-control-input:checked~.custom-control-label::after, .custom-control-wiz.custom-switch .custom-control-label::after {
    top: calc(0px + 3px)!important;
}
#current_major_section .btn-group.btn-block{
	display: block;
}
#newStudentModal button.multiselect, #studentAboutMeModal button.multiselect {
    background: #fff!important;
	padding: 10px !important;
}
@media (min-width: 992px) and (max-width: 1120px){
	.spring-modal-content .slider-model-image {
		width: 20%;
		position: absolute;
		bottom: 86px;
		right: -124px;
		z-index: 3;
		rotate: -14deg;
	}
	.eq-highligh-form {
		position: absolute;
		top: 50px;
		right: 284px;
	}
}
select#multiple-selected-dropdown-state-search, select#multiple-selected-dropdown-region{
	height: 46px;
}
.search-state-bar-wrapper{
	display: flex;
    align-items: center;
    gap: 5px;

}

@media (min-width:567px) and (max-width: 992px) {
    .modal-dialog-clg-enqury {
        max-width: 80%;
		margin: 0 auto !important;
    }
	.search-state-bar-wrapper {
		display: block;
	}
}
@media (max-width: 480px){
	.search-bar .college-search-keyword {
		width: 100%;
	}
	.search-state-bar-wrapper {
		display: block;
	}
	.search-state-bar-wrapper a.college-search-disable{
		margin: 15px;
	}
}
#college-suggestion-nearby, #college-suggestion-near-you {
 display:none;
}
#college-detail-premium-page.with-notification .college-navbar-wrapper.sticky{
	top: 130px;
}
#college-detail-premium-page.with-notification .regular-sticky {
    top: 215px;
}
.college-credentials-box ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 5px;
    height: 70px;
    width: auto;
}

.college-credentials-box ul li .cl-nos {
    float: left;
    margin-right: 10px;
    font-size: 18px;
    color: #ffde00;
    line-height: 54px;
}

.college-credentials-box ul li .cl-info {
    float: right;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding-top: 7px;
}
.comp-duplicate-college {
    position: absolute;
    width: 100%;
}

.college-header-bg, .primium-college-header-bg{
	background-image:url(https://d2zogq81rfgh3u.cloudfront.net/cirkledin/college/header-bg-lg.jpg);
	top:0;
	margin-top:61px;
	padding-top:36px;
	height:auto;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	color:#fff;
	border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

@media screen and (max-width:767px) {
	.college-suggestion-wrapper ul#college-suggestion-list li .college-item-list, .college-suggestion-wrapper ul#college-suggestion-major-list li .college-item-list {
		height: auto;
	}
	body, html {
		font-size: 14px;
	}
	.college-more-info {
    	height: 155px;
	}
	.college-more-info .college-content p {
		height: 36px;
		overflow: hidden;
		margin-bottom: 4px;
	}
	.college-hover-box .college-logo {
		display: block;
		width: 60px;
		height: 60px;
	}
	.college-hover-box .btn-blue-primary, .college-hover-box .college-more-info .college-content .btn-success{
		font-size: 14px;
	}
	.college-card .add-to-list {
		width: 80px;
		height: 60px;
		padding: 0px 0px 20px 30px;
	}
	.college-credentials-box ul li {
        display: inline-flex;
        margin: 0;
        padding: 15px;
        margin: 6px 3px;
        height: 70px;
        width: 48%;
		background: rgba(0, 0, 0, 0.5);
		border: 1px solid #414141;
    }
	.college-credentials-box ul li .cl-nos {
		float: left;
		margin-right: 10px;
		font-size: 16px;
 	}
	.college-header-bg, .primium-college-header-bg{
		margin-bottom: 0px;
	}
	.metric-box>ul>li .metric-content> .h3 strong{
		font-size: 1rem;
	}
	.card-block-infobox .demographic-bar-label p {
		line-height: 0px;;
		margin-top: 20px;
	}
	.application-required-box .app-required-content {
    	margin-top: 15px;
	}
}

@media all and (min-width:768px){
	.college-header-bg, .primium-college-header-bg{height:450px;}
}
@media all and (min-width:768px) and (max-width:1024px){
	.college-header-bg, .primium-college-header-bg{height:330px;}
}
@media all and (min-width:320px) and (max-width:600px){
	.college-header-bg, .primium-college-header-bg{
        margin-top: 30px!important;
    }
}

@media (min-width: 768px) {
    .college-credentials-box ul li .cl-nos, .college-credentials-box ul li .cl-scores {
        margin-right: 20px;
        font-size: 24px!important;
    }
	 .college-credentials-box ul li .cl-info {
        font-size: 16px;
        text-align: left;
        padding-top: 7px;
    }
	.college-credentials-box ul li {
        margin-right: 50px;
        height: 70px;
        width: auto;
    }
}