/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.gform_wrapper button.button {text-transform: uppercase;letter-spacing: .4px;color: #fff !important;font-size: 15px;display: inline-block;background-color: #8CC63E;;padding: 15px 80px 15px 80px;text-decoration: none;font-weight: 700;-webkit-box-shadow: 0 10px 40px 0 rgba(89,128,40,.4);-moz-box-shadow: 0 10px 40px 0 rgba(89,128,40,.4);box-shadow: 0 10px 40px 0 rgba(89,128,40,.4);}
.gform_wrapper button.button span {color: #fff !important;}
.ginput_container_select > span > span{display: none;}
.gfield_select{-webkit-appearance: auto;}

.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 1.11111rem;
    padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem;
    position: relative;
    transition: opacity 300ms ease-out;
    background-color: #008CBA;
    border-color: #0078a0;
    color: #FFFFFF;
}
.alert-box.radius {
    border-radius: 3px;
}
.alert-box.success {
    background-color: #8CC63E;
    border-color: #8CC63E;
    color: #FFFFFF;
}
.alert-box .close {
    right: 0.22222rem;
    background: inherit;
    color: #fff;
    font-size: 1.22222rem;
    line-height: .9;
    margin-top: -0.61111rem;
    opacity: 0.8;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%;
}
#newgmap {
  height: 500px !important;
}
#school_modal{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 99999; height: 100%; display: none;}
.overlay { background: #1115; width: 100%; height: 100%; z-index: 9999; position: absolute;}
.school_modal_box {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #cacaca; background: #fff; max-width: 800px; max-height: 500px; width: calc(100% - 30px); height: 100%;}
#school_modal.show{display: block;}
body{position: relative;}
.cl7-popup .school_title { padding: 15px 35px; border-bottom: 1px solid #cacaca;}
.cl7-popup  .school_html{padding: 30px;}

/*Cl7 Popup Start*/
.cl7-popup{position:fixed;left:0;top:50px;height:100%;width:100%;background-color:rgba(0,0,0,.85);opacity:0;visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s; z-index: 9;}
.cl7-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0}
.cl7-popup-container{position:relative;width:90%;max-width:400px;margin:4em auto;background:#fff;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}
.cl7-popup-container p{padding:0}
.cl7-popup-container .cl7-buttons{list-style:none;padding:0}
.cl7-popup-container .cl7-buttons:after{content:"";display:table;clear:both}
.cl7-popup-container .cl7-buttons li{float:left;width:50%}
.cl7-popup-container .cl7-buttons a{text-decoration:none;display:block;height:60px;line-height:60px;text-transform:uppercase;color:#fff;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.cl7-popup-container .cl7-buttons li:first-child a{background:#fc7169;border-radius:0 0 0 .25em}
.no-touch .cl7-popup-container .cl7-buttons li:first-child a:hover{background-color:#fc8982}
.cl7-popup-container .cl7-buttons li:last-child a{background:#b6bece;border-radius:0 0 .25em 0}
.no-touch .cl7-popup-container .cl7-buttons li:last-child a:hover{background-color:#c5ccd8}
.cl7-popup-container .cl7-popup-close{position:absolute;top:8px;right:8px;width:30px;height:30px}
.cl7-popup-container .cl7-popup-close::after,.cl7-popup-container .cl7-popup-close::before{content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#54545C}
.cl7-popup-container .cl7-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}
.cl7-popup-container .cl7-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}
.is-visible .cl7-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.cl7-popup-container .img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap}
@media only screen and (min-width:1170px) {
.cl7-popup-container{margin:8em auto}
}
.cl7-popup .school_html{max-height: 70vh;overflow-y: scroll;}
/*Cl7 Popup End*/

.page-template-template-upload-locations .heading-title{padding-top: 50px;padding-bottom: 0px;}
.page-template-template-upload-locations form .grid-container{margin-bottom: 70px;}
body.page-template-template-upload-locations .extra-content .text-content p a.button{color: #fff !important;padding: 20px 33px;}

.page-template-template-nearest-school-new .display-school {
 max-height:calc(72px * 5);
 overflow:hidden;
 overflow-y:scroll
}
.page-template-template-nearest-school-new .find-school {
 clear:both;
 padding-bottom:60px
}
.page-template-template-upload-locations form .grid-container {
 margin-bottom:70px
}
.page-template-template-upload-locations form [type="file"] {
 width:100%
}
.page-template-template-nearest-school-new .find-school .find-school-form {
 padding-top:50px
}
.page-template-template-nearest-school-new .find-school .display-school p {
 padding:25px 47px 27px 21px;
 border-top:1px solid #f3f4f1;
 font-size:15px;
 line-height:normal;
 letter-spacing:.4px;
 color:#54545C;
 display:inline-block;
 width:100%;
 margin-bottom:0
}
.page-template-template-nearest-school-new .find-school .display-school p .country-name {
 max-width:10%;
 width:100%;
 text-align:left
}
.page-template-template-nearest-school-new .find-school .display-school p .location {
 max-width:60%;
 width:100%;
 text-align:center;
 float:left
}
.page-template-template-nearest-school-new .find-school .display-school p .contact-no {
 max-width:30%;
 width:100%;
 text-align:right
}
.page-template-template-nearest-school-new .float-left {
 float:left!important
}
.page-template-template-nearest-school-new .float-left {
 float:left!important
}
.page-template-template-nearest-school-new .column,
.page-template-template-nearest-school-new .columns {
 width:100%;
 float:left;
 padding-right:.9375rem;
 padding-left:.9375rem
}
.page-template-template-nearest-school-new .small-up-1>.column,
.page-template-template-nearest-school-new .small-up-1>.columns {
 float:left;
 width:100%
}
.page-template-template-nearest-school-new .medium-up-3>.column,
.page-template-template-nearest-school-new .medium-up-3>.columns {
 float:left;
 width:33.33333%
}
.page-template-template-nearest-school-new .find-school .find-school-form select {
 border-radius:0;
 height:60px;
 font-size:15px;
 padding:0 20px;
 line-height:normal;
 background:url(/wp-content/themes/sociable/assets/images/down_arrow.png) no-repeat right center;
 background-size:auto;
 letter-spacing:.4px;
 color:#54545C;
 font-weight:700;
 background-size:35px;
 transition:box-shadow .5s,border-color .25s ease-in-out;
 appearance:none;
 border:1px solid #cacaca
}
.page-template-template-nearest-school-new .find-school .find-school-form input {
 border-radius:0;
 height:60px;
 font-size:15px;
 padding:0 20px;
 line-height:normal;
 letter-spacing:.4px;
 color:#54545C;
 font-weight:700
}
.page-template-template-nearest-school-new .button,
.page-template-template-upload-locations .button {
 background-color:#8cc63e;
 color:#fff;
 outline:2px solid #8cc63e;
 border:2px solid #8cc63e;
 text-transform:uppercase;
 border-radius:0;
 letter-spacing:1px;
 font-size:14px;
 padding:20px 33px 20px 44px;
 transition:background-color .4s ease-out,border-color .4s ease-out,color .4s ease-out;
}
.page-template-template-nearest-school-new .cl7-popup .button  {
    display: inline-block;
 margin: 15px auto;
}
.page-template-template-nearest-school-new .btn-link {
 color:#fff;
 display:inline-block;
 text-transform:uppercase;
 line-height:1;
 font-size:15px;
 letter-spacing:.4px;
 margin-bottom:0;
 font-family:'proxima-nova';
 font-weight:700
}
.page-template-template-nearest-school-new .find-school .find-school-form button {
 width:100%;
 padding:19px 20px;
 text-align:left
}
.page-template-template-nearest-school-new .btn-link span {
 display:inline-block;
 margin-left:6px;
 overflow:hidden;
 vertical-align:middle;
 float:right
}
.page-template-template-nearest-school-new .btn-link img {
 height:12px;
 transition:all .1s ease-in-out;
 margin:0;
 max-width:52px;
 transform:translate(-9px);
 float:right
}
.page-template-template-nearest-school-new .button:hover,
.page-template-template-upload-locations .button:hover {
 background-color:#8cc63e;
 outline:2px solid #8cc63e
}
.page-template-template-nearest-school-new .btn-link:hover span img {
 transform:translate(0)
}
.page-template-template-nearest-school-new #select_state+span {
 display:none
}