/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.quote-form{
/*  border: 1px solid;
    border-radius: 5px; */
	
}

 .parent-auto-post label{
	white-space: break-spaces;
}
.parent-auto-post{
	/*border: 3px solid rgb(28,94,182);*/
	/*border-radius:15px;*/
} 
.enroll_issac_title{
	background: rgb(181 209 125);
	color: rgb(28 94 182);
    padding: 15px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	text-align:center;
	
}
.enroll_issac_title span label{
	font-size:1.5rem !important;
}
.text-center{
	text-align:center;
}
.form-group{
	padding-top:10px;
}
.clear-fix{
	clear:both;
}
.quote-form .form-control{
	float:inline-end;
    font-weight: 600;
}
.quote-form .form-control:focus{
	border:1px solid rgb(28 94 182);
}
.quote-form .field label, .quote-form .select_container select,  .quote-form .select_container option{
	color: rgb(28 94 182) !important;
	font-weight:bold;
}
.float-right{
	float:right;
}
.page-id-1423 .top_panel_top,.page-id-1439 .top_panel_top,.page-id-1418 .top_panel_top {
	display:none !important;
}
.top_panel_top {
	display:none !important;
}
.page-id-219 #menu_main,.page-id-219 .sc_layouts_menu_mobile_button,.page-id-1423 #menu_main,.page-id-1423 .sc_layouts_menu_mobile_button,.page-id-1434 #menu_main,.page-id-1434 .sc_layouts_menu_mobile_button,.page-id-1439 #menu_main,.page-id-1439 .sc_layouts_menu_mobile_button,.page-id-1418 #menu_main,.page-id-1418 .sc_layouts_menu_mobile_button{
	display:none !important;
}
 #menu_main, .sc_layouts_menu_mobile_button{
	display:none !important;
}
.page-id-219 .top_panel_navi, .page-id-219 .vc_custom_1721073272899,.page-id-1423 .top_panel_navi, .page-id-1423 .vc_custom_1721073272899,.page-id-1434 .top_panel_navi, .page-id-1434 .vc_custom_1721073272899, .page-id-1418 .top_panel_navi {
	background-color:#092746 !important;
}
 .top_panel_navi {
	background-color:#092746 !important;
}

.page-id-1439 .top_panel_navi,.page-id-1439 .top_panel_navi,.page-id-1418 .top_panel_navi,.top_panel_navi{
	background:none !important;
	background-color: #092746 !important;
}

.quote-form .enroll_isaac_school{
	border-radius:5px;	
    background-color: #2c3748 !important;
	line-height: 1.3em;
	padding:1.1em 2.5em 1.26em;
	width:80%;
	color: rgb(28 94 182) !important;
}

.pad-10{
	padding:5px;
}

.font-22{
  font-size:18px;	
}
.or_class label{
	color:#1c5eb6;
}
/**
 * media query
 */
@media only screen and (max-width: 350px) {	
	#phone_number{
		/*width: 110px;*/
	}
	.sc_layouts_logo img{
		 max-width:120%;
	}
	.top_panel_navi{
		padding-top : 5px;
		padding-bottom:5px;
	}
	
}
@media only screen and (max-width:479){
	.top_panel_navi{
		padding-top : 5px;
		padding-bottom:5px;
	}
}

@media only screen and (max-width: 599px) {
	.sc_layouts_logo img{
		 max-width:130%;
	}
	.page-id-219 .mobile_layout.header_style_header-default .sc_layouts_logo img, .page-id-219 .sc_layouts_logo img {
    	max-height: 65px !important;
	}
	.quote-form .enroll_isaac_school {
		width:100%;
		display:block;
	}
	.quote-form .form-group{
		padding-top:5px;
	}
	.quote-form .form-control{
		width:100%;
		font-size: 0.855rem;
	}
	.quote-form .select_container select{
		width:100%;
	}
	.quote-form .field label, .quote-form .select_container select,  .quote-form .select_container option{
		font-size: 1rem;
	}
	.enroll_issac_title {
   		 padding: 0px 0px 5px 0px;
   		 margin-bottom: 5px;
	}
	.quote-form .select_container{
		margin-top:5px;
	}
	 .bottom_enroll_button_container{
        position: fixed !important;
        z-index: 999;
        bottom: 0;
	}
}

@media only screen and (max-width:767px){
    .parent-auto-post {
        padding-bottom: 15px;
    }
    .bottom_enroll_button_container{
    	position: fixed !important;
        z-index: 999;
        bottom: 0;
        background:#fff;  
        border-top: 1px solid goldenrod;
	}
}
@media only screen and (min-width:600px) and (max-width: 767px) {
	.page-id-219 .header_style_header-default .top_panel_navi .sc_layouts_column {
		width:65% !important;
	}
	.quote-form .enroll_isaac_school {
		width:100%;
	}
	.quote-form .form-control{
		width:66%;
		font-size: 0.855rem;
	}
	.quote-form .select_container select{
		width:100%;
	}
	.quote-form .field label, .quote-form .select_container select,  .quote-form .select_container option{
		font-size: 0.855rem;
	}
	.wh-footer{
/*         position: fixed; */
/*         bottom: 0; */
/*         z-index: 99; */
    }
    .bottom_enroll_button_container{
    	position: fixed !important;
        z-index: 999;
        bottom: 0;
        
	}
}

@media only screen and (min-width: 768px) {
	.page-id-1439 .sc_layouts_logo img, .page-id-1439 .mobile_layout.header_style_header-default .sc_layouts_logo img {
		max-height: 60px !important;
	}
	.page-id-219 .header_style_header-default .top_panel_navi .sc_layouts_column {
		width:65% !important;
	}
	.quote-form .enroll_isaac_school {
		width:80%;
	}
	.quote-form .form-control{
		/*width:55%;*/
		width:100%;
		font-size: 0.855rem;
		margin-top:5px;
	}
	.quote-form .field label, .quote-form .select_container select,  .quote-form .select_container option{
		font-size: 0.95rem;
	}
	
	.quote-form .select_container select{
		width:100%;
		margin-top:0px;
	}
	.or_class {
		margin:0px;
	}
	.enroll_issac_title span label{
		vertical-align: middle;
        padding: 0px;
	}
	.field-type-select label{
		padding-bottom:5px;
	}
	.quote-form .select_container{
		margin-top:5px;
	}
	.form-group {
    	padding-top: 9px;
	}
	.bottom_enroll_button_container{
    	position: fixed;
        bottom: auto;
        z-index: 9999;
/*         width: 100% !important; */
        border-top: none;
	}
	.bottom_enroll_button_container .getInTouch{
	    left: -110px;
        top: auto;
        bottom: 30%;
        right: auto;
        -webkit-transform: rotate(90deg);
	}
}
@media only screen and (min-width: 992px) {
	.page-id-1439 .sc_layouts_logo img {
		max-height: 60px !important;
	}
	.quote-form .field label, .quote-form .select_container select,  .quote-form .select_container option{
		font-size: 1.0rem;
	}
	.quote-form .form-control{
		/*width:50%;*/
		width:100%;
		font-size: 0.9rem;
		margin:0px;	
        padding: 5px;
		margin-top:5px;
	}
	
	.quote-form .select_container select{
		width:100%;
		margin:0px;
	}
	.or_class{
	    margin-top: 3px;
    	margin-bottom: 3px;
	}
	.form-group {
    	padding-top: 9px;
	}
}

@media only screen and (min-width: 1200px) {
	.quote-form .form-control{
		width:55%;
		padding: 5px;
		margin-top: 5px;
		font-size:1rem;
		color:#545454;
	}
	.quote-form .select_container select{
		width:100%;
		margin:0px;
	}
	.or_class{
	    margin-top: 5px;
    margin-bottom: 5px;
}
}


/* Center the loader */
#loader {
		display:none;
	  position: absolute;
	  left: 50%;
	  top: 5%;
	  z-index: 1;
	  width: 120px;
	  height: 120px;
	  margin: -76px 0 0 -76px;
	  border: 16px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}

#getAppointMentForm .form-control{
	padding: 5px;
	color: #545454;
}
#loader-overlay {
	display:none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgb(10 44 79 / 78%);
  overflow-x: hidden;
  transition: 0.5s;
}

.sc_button_wrap a {
    color:#FFF;
    font-weight:800;
}
.sc_button_wrap{
    margin-top:15px;
}
.mrg-btm-15{
	margin-bottom:15px;
}

.respmenu-open{display:none;}

.quote-form #consent_checkbox,.quote-form #consent_sms_checkbox{
    float: left;
    width: 20px;
    margin-right: 10px;
}
/**
 sticky header css
*/
.wh-sticky-header-enabled,.header-mobile {
    z-index: 99999;
    position: sticky;
    top: 0px;
   
}    
.wh-header,.header-mobile{
     background-color: #ffffff6b;
}

/**
 * video popup css 
 * 
 */ 
.video-popup-container{
	margin-bottom:30px !important;
}
.video-popup-container .wh-video-popup{
width:100%;
}

.video-popup-container .wh-video-popup div:first-child
{
height: 56px;
    display: contents;
}
.video-popup-container .wh-video-popup .overlay a{
    left: -58px;
    position: absolute;
    top: 60px;
}

.wh-video-popup .overlay h2 {
    text-align: left;
    padding-left: 20px;
}
 .wh-video-popup .overlay h2{
	 margin-top:8px
}		 

@media only screen and (max-width: 375px){
       .section-video-popup {
        	background-position: -200px -35px !important;
		}
}

@media only screen and (max-width: 767px){	
	.video-popup-column{
        margin-left: 45% !important;
	}
	.video-popup-container .wh-video-popup .overlay a {
        left: -50px;
        position: absolute;
        top: 65px;
		}
		.wh-video-popup .overlay h2 {
			text-align: right;
			padding-left: 25px;
		}
	.video-popup-container .wh-video-popup{
		width: 100%;
        max-width: 295px;
	}
	
}
@media only screen and (min-width: 768px) and (max-width:1027px){
/*       .video-popup-container .wh-video-popup .overlay a {
        left: 7px;
        position: absolute;
        top: 80px;	
		}
		.wh-video-popup .overlay h2 {
			text-align: left;
			padding-left: 90px;
		} */
	.video-popup-container .wh-video-popup{
		width:100%;
		max-width:393px;
	}
}

/**
 * video popup css end
 * 
 */ 
/**
 * get in touch css
 */

    .getInTouch {
        background: #2c3748;
        padding: 25px 45px;
        margin: 0;
        display: inline-block;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        overflow: hidden;
        color: #fff !important;
        font-size: 20px;
        cursor: pointer;
        letter-spacing: 2.5px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        position: fixed;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
    }
    .getInTouch::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ad8585;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.getInTouch span {
    position: absolute;
}

.getInTouch span:nth-child(1) {
    top:0; 
    left: 0;
    width: 100%;
    height: 3px;
    background:-webkit-gradient(linear,right top,left top,from(rgba(64,133,183,0)),to(#4085b7)); 
    background: linear-gradient(to left,rgba(64,133,183,0),#4085b7);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.getInTouch span:nth-child(2) {
    top: 0;
    right: 0;
    height: 100%;
    width: 3px;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(64,133,183,0)),to(#4085b7));
    background: linear-gradient(to top,rgba(64,133,183,0),#4085b7);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.getInTouch span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(64,133,183,0)),to(#4085b7));
    background: linear-gradient(to right,rgba(64,133,183,0),#4085b7);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.getInTouch span:nth-child(4) {
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(64,133,183,0)),to(#4085b7));
    background: linear-gradient(to bottom,rgba(64,133,183,0),#4085b7);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}