
/*********************Akash CSS Start*****************/
.p-highlight { text-align:center;}
.p-highlight .p-head { font-size: 32px;  padding: 30px;  background: #fff;  border-radius: 100%;    position: relative;  top: 25px; }
.p-highlight .p-highlight-inner {background: #f1f1f1;  padding: 60px 15px 15px; min-height: 385px;}
.p-highlight .p-highlight-inner strong{ margin-bottom: 5px;  display: inline-block;}
.p-highlight .p-highlight-inner p{}
.mbl-title { display:none;}
.college-page-inner-content #Roadmap, .college-page-inner-content #Experts, .college-page-inner-content #Rewards, .college-page-inner-content #E-newsletter, .college-page-inner-content #Homework,
.college-page-inner-content #Bonus, .college-page-inner-content #Colleges {display:none;}
.college-page-inner-content .active { display:block !important;}
.right-img-plced { max-width:300px !important; width:100%; float:right; margin: 0 0 15px 15px;}
.left-img-plced { max-width:250px !important; width:100%; float:left; margin: 0 15px 15px 0;}

.nonactive-state {}
.nonactive-state .top-banner{ position: relative; text-align:center;}
.nonactive-state .top-banner h4{ position: absolute; bottom: 15px; color: #fff; font-size: 22px; width: 100%; font-weight: bold;}
.nonactive-state .redeem-btn { position:relative; }
.nonactive-state .redeem-btn hr { border-top:2px solid #ccc; }
.nonactive-state .redeem-btn .rdm-btn { position: absolute; top: -15px;  padding-right: 15px; background: #fff; }
.nonactive-state .redeem-btn .rdm-btn-right{ position: absolute; top: -15px;  padding-left: 15px; background: #fff; right:0px;}
.nonactive-state .hiw-content { padding: 30px 0;}
.nonactive-state .hiw-content h4{font-size: 24px; margin: 0 0 15px 0;}
.nonactive-state .hiw-bg .hiw { display:none; }
.nonactive-state .hiw-mbl-title { display:none; }
#slider3 .slider-caption.slider-caption-center { top: 85% !important; max-width: 100% !important;}

.private-travel-caption h1{ margin:0 0 10px !important; font-size:48px !important;  font-weight: bold; opacity:1;font-family: 'Lato', sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.8) !important; letter-spacing:0 !important; line-height:60px !important; text-transform:uppercase;}
.slide-text.private-travel-caption p{margin:0 0 15px;  opacity:1; text-transform:uppercase; font-weight:bold; font-size:16px}
.nonactive-state .example-saving p { margin-left: 44px;}


.reg-pages-outer {border: 3px solid #6dc234;  border-radius: 20px;  padding: 15px; margin-bottom:50px;}
.reg-pages-outer .reg-header {text-align: left; background-image: url(images/VR360-ERP-eblast_logo-header-m.png); height: 80px;  background-size: 100% 100%;  padding: 10px 0;}
.reg-pages-outer .reg-header h2{ margin:0px;}
.reg-pages-outer .reg-header h2 strong{}
.reg-pages-outer .reg-footer { background-image: url('images/VR360-ERP-eblast-footer-m-flip.png'); height: 70px; background-size: 100% 100%;  padding: 15px 0; }
.reg-pages-outer .reg-footer button{ margin-right:15px;}
.subtitle-sce{font-size: 13px; color: #717171; margin-left: 34px; margin-bottom:0px;}
#PageTitle {margin-bottom:15px;}
#pointTrxTable_wrapper, #localOffersTable_wrapper {overflow:hidden;}
.clickable { margin-bottom: 6px;  margin-top: 6px;}






@media only screen and (max-width:1199px) {
    .college-page a { padding: 10px 12px !important;  font-size: 11px !important; }
    .p-highlight .p-highlight-inner { min-height:475px; }
    .nonactive-state .hiw-bg .hiw {display:block; margin:0 auto;}
    .nonactive-state .hiw-bg { background:none !important;}
    .slider-caption.slider-caption-center p { font-size:18px; }
    .nonactive-state .hiw-mbl-title { display:block; }
    .nonactive-state .hiw-dsk-title { display:none; }
    .nonactive-state .example-saving p { margin-left: 0px;}
    .carousel-bottom { padding: 0px 0 20px !important; }
    .private-travel-caption h1 {font-size: 34px !important;  }
}

@media only screen and (max-width:991px) {
    .college-page .dsktp-title { display:none; }
    .college-page .mbl-title { display:inline-block; }
    .p-highlight .p-highlight-inner { min-height: auto;}
    .slider-caption.slider-caption-center p { font-size: 15px;}
    .private-travel-caption { max-width:600px; padding: 0px !important; }
    .private-travel-caption h2 { font-size:24px; }
    .private-travel-caption p { font-size:16px; line-height:24px;  }
}

@media only screen and (max-width:767px) {
    .college-page a { padding: 10px 8px !important; font-size: 11px !important;}
    .right-img-plced, .left-img-plced { float: none; margin: 15px auto; }
    .slider-caption.slider-caption-center p {  font-size: 16px; display: block !important;}
    .slider-caption.slider-caption-center { top: 20% !important;}
    .mbl-cntr-txt { text-align:center !important; }
    .mrgn-btm { margin-bottom:15px; }
    .college-page .mbl-title {  display: none;}
    .college-page a { padding: 10px 12px !important; min-width: 50px !important;}
    .private-travel-caption { max-width: 320px;}
    .private-travel-caption h2 { font-size: 16px;}
    .private-travel-caption p {font-size: 12px;  line-height: 16px;  font-weight: normal;}
    .indicators-line > .carousel-indicators { display:none; }
    .private-travel-caption h1 { font-size: 20px !important;  line-height: 24px !important;}
}

@media only screen and (max-width:639px) {
    .college-page .mbl-title { display:none; }
}

@media only screen and (max-width:500px) {
    .subtitle-sce { margin-left:0px; }
    #PageTitle {margin-bottom:0px;}
}

@media only screen and (max-width:479px) {
    .college-page a { padding: 10px 10px !important; min-width: 40px !important;}
    .private-travel-caption { top:20% !important; }
    .PageTitle { font-size: 18px !important;}
    .reg-footer span { display:none; }
    .step.done .step-text { font-size:10px;  }
    .control-round .carousel-control {  width: 30px !important; height: 30px !important; line-height:34px !important; font-size:16px !important; }
}
/*********************Akash CSS END*****************/



.footertext { font-size: 11px; color: #888888; font-family: Helvetica,Tahoma; text-decoration: none; }
.footerlinks { font-size: 11px; color: #888888; font-family: Helvetica,Tahoma; text-decoration: none; }
.footerlinks:hover { color: #AAAAAA; text-decoration: underline; }

.hdlinks2 { font-size: 14px; color: #666666 font-family:Arial,sans-serif; text-decoration:none; }
.hdlinks2:hover { color: #888888; text-decoration: underline; }

.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide; 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    visibility: visible; 
}

.progressbar {
	width: 100%;
	height: auto;
	max-width:353px;
	padding-top:25px;
}

.promotext {
	font-family:Helvetica,Tahoma;
	font-size:45px;
	color:#FFFFFF;
	text-shadow: 1px 1px 4px #555555;
}
	
.mainmenu-standard {
	display:none;
} 
.mainmenu-mobile {
	display:block;
}
	

.form-contact-desktop {
	display:none;
}
.form-contact-mobile {
	display:block;
}
.formstack-desktop {
	display:block;
} 
.formstack-mobile {
	display:none;
}

.mainmenu-standard {
	display:block;
} 
.mainmenu-mobile {
	display:none;
}


    .field-validation-error {
        color: red !important;
		font-family:Helvetica,Tahoma;
		font-size:12px;
    }
    span.field-validation-error {
        margin-top: 5px;
		margin-bottom:0px;
        display:block;
    }
    .input-validation-error {
        border: solid 1px red !important;
    }
    div.validation-summary-errors {
		width: 60%;
        border: solid 1px red !important;padding: 10px;
		background-color:#FFEEEE;
		font-size: 14px;
		font-weight:bold;
		border-radius: 4px;
		margin-top: 25px;
		margin-bottom: 15px;
		padding-top: 15px;
		padding-bottom: 5px;
		text-align:center;
		
    }
	
	
.form_field input[type="Text"] , .form_field input[type="email"] , .form_field input[type="password"] , .form_field select , .form_field textarea {
	width: 90%;
	padding: 10px;
	font-size: 14px;
	border-width:0px;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin-bottom:12px;
	text-align:left;
}

.form_field_other {
	padding: 10px;
	font-size: 14px;
	border-width:0px;
	border-radius: 0px;
	border: 0px;
	text-align:left;
}

.form_title {
	text-align:right;
	font-weight:normal;
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	border-radius: 0px;
	border-width:0px;
}

	.navbar {
        z-index: 100 !important;
    }
	
	
@font-face {
    font-family:'rs';
    src: url(/fonts/rs.ttf);
}

	
	.trending-lg  {
		display:block;
    }
	.trending-md  {
		display:none;
    }
	.trending-sm  {
		display:none;
    }
	.logos-lg  {
		display:block;
    }
	.logos-md  {
		display:none;
    }
	
	
@media only screen and (max-width: 1199px) {
	.form-contact-desktop {
		display:block;
	}
	.form-contact-mobile {
		display:none;
	}
}
	
@media only screen and (max-width: 991px) {
	.form-contact-desktop {
		display:none;
	}
	.form-contact-mobile {
		display:block;
	}
}
	
@media only screen and (max-width: 950px) {
	.trending-lg  {
		display:none;
    }
	.trending-md  {
		display:block;
    }
	.trending-sm  {
		display:none;
    }
	
}

@media only screen and (max-width: 850px) {
	.form_title {
		text-align:left !important;;
		padding-left:0px;
	}
    div.validation-summary-errors {
		width: 100%;
		text-align:center;
    }
	.logos-lg  {
		display:none;
    }
	.logos-md  {
		display:block;
    }
	
}

	
@media only screen and (max-width: 688px) {
	.form-contact-desktop {
		display:block;
	}
	.form-contact-mobile {
		display:none;
	}
}

@media only screen and (max-width: 650px) {
	.formstack-desktop {
	display:none;
	} 
	.formstack-mobile {
	display:block;
	}	
	.mainmenu-standard {
	display:none;
	} 
	.mainmenu-mobile {
	display:block;
	}
}

@media only screen and (max-width: 500px) {
	.trending-lg  {
		display:none;
    }
	.trending-md  {
		display:none;
    }
	.trending-sm  {
		display:block;
    }
	.logos-lg  {
		display:block;
    }
	.logos-md  {
		display:none;
    }
	.promotext {
	font-size:36px;
	}
	.hdlinks2 {
	font-size:12px;
	}	
	.mainmenu-standard {
	display:none;
	} 
	.mainmenu-mobile {
	display:block;
	}
}

@media only screen and (max-width: 400px) {
	.rs_cal {
        margin-top:-50px !important;
		z-index: 10000;
		opacity: 1.0;
    }
	.hdlinks2 {
	font-size:12px;
	}
}

@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

<!--[if gt IE 8]><!-->
        @font-face{
            font-family:'rs';
            src: url('/fonts/rs.eot'), url('/fonts/rs.woff'), url('/fonts/rs.ttf');
            font-weight:normal;
            font-style:normal;
        }
<!--<![endif]-->
<!--[if lt IE 9]>
        @font-face{
            font-family:'rs';
            src: url('/fonts/rs.eot');
            src: url('/fonts/rs.eot?#iefix') format('embedded-opentype');
            font-weight:normal;
            font-style:normal;
        }
<!--<![endif]-->