.pac-container { z-index: 99999; }

/*global form styles*/
.page-2-panel,
.page-3-panel,
.page-4-panel,
.page-5-panel {
    display: none;
}
.kiosk header,
.kiosk footer {
    display: none;
}
.kiosk-test header,
.kiosk-test footer {
    display: none;
}
.short-form-panel1,
.short-form-panel2,
.short-form-panel3,
.short-form-panel4,
.short-form-panel5 {
    display: none;
}
.short-form-item-panel2,
.short-form-item-panel1,
.short-form-item-panel3,
.short-form-item-panel4,
.short-form-item-panel5 {
    display: none;
}
.softSignupBase {
    display: none;
}
.anchor-message-partial,
.anchor-message-welcome {
    display: none;
}
.formpanel.page-1-panel,
.formpanel.page-2-panel,
.formpanel.page-3-panel,
.formpanel.finish-panel {
    display: none;
}

.field-disclaimer {
	display: none;
}
.form-element.chkRestrictedDataState span label {
	margin-bottom: 0;
	padding-bottom: 0 !important;
}
.form-element.field-disclaimer p {
	font-size: 11px;
	line-height: 1.5em;
}
.inline-full-form .formelements .field-disclaimer {
	position: relative;
	height: 3.5rem;
}
.inline-full-form .formelements .field-disclaimer p {
	width: 100%;
	position: absolute;
}

/* NEW CSS --------------------------
---------------------------------- */
/* STRUCTURE --------------------------
---------------------------------- */
/*hide border without offsetting space*/
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleRight,
#cboxMiddleLeft,
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight {
    display: none;
}
#cboxOverlay {
    background: rgba(0,0,0,.6);
    cursor: initial !important;
}
/*#colorbox, #cboxOverlay, #cboxWrapper, #cboxLoadedContent, #cboxContent {overflow: visible !important;}*/
#colorbox, #cboxWrapper, #cboxLoadedContent {
    width: 100% !important;
    height: auto !important;
}
#cboxWrapper {
    height: 100vh !important;
    overflow-y: scroll;
}
#colorbox {pointer-events: none;} /*allow click outside to still close modal*/
#cboxContent {
    width: 95% !important;
    max-width: 1000px;
    height: auto !important;
    margin: 0 auto;
    float: none !important;
    pointer-events: all;
    background: #fff; 
    border-radius: 0; 
    box-shadow: 0px 0px 22.5px 2.5px rgba(0, 0, 0, 0.2);
}
#cboxLoadedContent{margin-bottom: 0 !important}
#cboxClose {
    text-indent: 0;
    top: 15px;
    right: 15px;
    font-size: 0;
    z-index: 1;
    background: none;
}
#cboxClose:after {
    content: '\e907';
    font-family: 'icomoon';
    font-size: 24px;
}
#cboxClose > div {
	position: absolute;
	height: 25px;
	width: 25px;
}
.formpanel {text-align: center;}
.formpanel text, .formpanel .form-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.form-panels {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -webkit-box;
}
.formpanel text > .row {
    max-width: 100%;
}
/*form left*/
.formpanel .form-left {
    padding: 0 15px;
    background-size: cover;
    background-position: center;
    position:   relative;
    white-space: normal;
   -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
        flex: 0 1 320px;
}
.formpanel .form-left:before {
    top: 0; bottom: 0; left: 0; right: 0;
    content: '';
    background: rgba(0,0,0,.3);
    height: 100%;
    width: 100%;
    position: absolute;
}
.form-left * {
    z-index: 1;
    color: #fff;
}
.formpanel .form-left p {
    max-width: 100%;
}
.form-left .main-text {margin-top: auto;}
/*form right*/
.formpanel > .type-rte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 680px;
        flex: 1 1 680px;
    padding: 40px 7%;
    position: relative;
}
.formpanel > .type-rte text {
    white-space: normal;
}
.formpanel text {width: 100%;}
.formpanel .formelements {width: 100%;}
.formpanel .button-right {width: 100%;}
/*email panel*/
.page-1-email-panel .button { margin-top: 50px; }   

#cboxContent {
    -webkit-transition: opacity ease 1.1s;
    transition: opacity ease 0.9s;
    opacity: 0;
}
.modal-open #cboxContent {
    opacity: 1;
}
@media (min-width: 768px) {
    .is-ie .form-left * {
        max-width: 100%;
    }    
    #colorbox {
        height: 100% !important;
        top: 0 !important;
        position: fixed !important;
    }
    #cboxWrapper {padding: 100px 0;}
    .is-ie #cboxWrapper {
        height: 96.7%!important;
    }
    .is-ie #cboxWrapper > div:nth-child(2) {
        width: 100%;
        height: 100%;
    }
    .is-ie #cboxContent, .is-ie #cboxLoadedContent {
        display: block;
        width: 100%;
        height: auto!important;
    }
    .mac #cboxWrapper { white-space: nowrap;}
    #cboxContent .formpanel {
        max-width: 100%;
        width: 1000px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #cboxContent .formpanel h1, #cboxContent .formpanel a, #cboxContent .formpanel h3, #cboxContent .formpanel h4, #cboxContent .formpanel .button, #cboxContent .formpanel label, #cboxContent .formpanel input, #cboxContent .formpanel select, #cboxContent .formpanel textarea {
        white-space: normal;
    }
    .formpanel {
        min-height: 570px;
    }
    .mac #cboxContent .formpanel .form-element.cbRECompany {
        position: relative;
        float: left;
        width: 100%;
    }

    .formpanel .bottom-link {
        position: absolute;
        bottom: 45px; left: 0; right: 0;
    }
    .form-left a {
        position: absolute;
        bottom: 45px; left: 0; right: 0;
    }
    .form-left .icon {
        position: absolute; 
        margin: 0 auto;
        top: 30px; left: 0; right: 0;
    }
    .formpanel .button-right {
        text-align: right;
    }
}
@media (min-width: 768px) and (max-height: 799px){
    .is-ie #cboxContent, .is-ie #cboxLoadedContent {
        height: 100%!important;
    }
} 
/* FORMS MOBILE */
@media (max-width: 767px) {
    /* '!important' for overriding cbox plugin - hacky but all we can do :( */
    #cboxClose {color: #fff;}
    #colorbox, #cboxWrapper, #cboxWrapper > div:nth-child(2), #cboxContent, #cboxLoadedContent {height: 100% !important;}
    #colorbox {
        top: 68px !important;
        position: fixed !important;
    }
    #cboxOverlay {background: none;}
    #cboxContent {
        width: 100% !important;
        overflow: scroll;
    }
    #cboxLoadedContent {overflow: visible !important;}
    /* account for top: 68px (mobile nav offset) */
    #cboxLoadedContent .formPanels {
        padding-bottom: 68px;
    }
    .formpanel {
        width: 100%;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .formpanel .form-left, .formpanel .form-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
    .form-left {
        position: relative;
        min-height: 250px;
    }
    .form-left h1, .form-left a {margin-top: auto;}
    .custom-home-sites .request-info-form .form-left .request-h1 {
        margin: auto;
    }
    .form-left .icon { margin-top: 20px;}
    .formpanel .bottom-link {margin-top: 40px;}
    .form-left a {
        margin-bottom: 20px;
    }
    .form-left p {
        margin: 0;
    }
    #cboxContent .finish-panel .type-rte .row .col-sm-6 {
        margin-bottom: 20px;
    }
    #cboxContent .finish-panel .type-rte .row .col-sm-6:last-child {
        margin-bottom: 0;
    }
    /*email panel*/
    .page-1-email-panel .button { margin-top: 20px; }
	
	#cboxContent .formpanel {
        max-width: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

}

/*---------------------------------------------------
	IE Styles only - and Responsive
-----------------------------------------------------*/
@media (max-height: 799px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.is-ie #cboxContent, .is-ie #cboxLoadedContent { height: auto !important; }
	.is-ie #cboxContent { width: 974px !important; }
	.is-ie #cboxWrapper > div:nth-child(2) {
		display: flex;
		align-items: center;
	}
	.is-ie #cboxContent .formPanels {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* INDIVIDUAL FORM ELEMENTS ---------
---------------------------------- */
.formpanel .form-element {
    margin-bottom: 20px;
    text-align: left;
}
.formpanel select {
    border-radius: 8px;
    height: 40px;
    padding: 7px 19px;
    width: 100%;
    background: url('/media/4660902/select-arrow.svg');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 98%;
    border: 1px solid #cccccc;
}
.formpanel [type="checkbox"] + label {
    text-transform: none;
    font-size: 14px;
    margin-bottom: 12px;
}
.form-element.HomeMasterDown,
.form-element.HomeMasterDown label { margin-bottom: 0 !important; }

/*FULL PAGE FORM FOR AMP*/
.full-form .form-panels, .full-form .formpanel {
    width: 100%;
}
.full-form .container {
    width: 100%;
    padding: 0;
}

/*STYLES Override for smaller laptop screens*/
@media (max-height: 768px) {
	#cboxContent {
		width: 1164px;
		max-width: 1164px;
	}

	#cboxContent .formpanel .type-rte{
		padding: 40px;
	}
	#cboxContent .formpanel select,
	#cboxContent .formpanel input[type="text"], 
	#cboxContent .formpanel input[type="email"],
	#cboxContent .formpanel input[type="tel"], 
	#cboxContent .formpanel input[type="number"] {
		height: 36px;
    	font-size: 15px;
	}
	#cboxContent .formpanel .form-element {
		margin-bottom: 16px;
	}
	#cboxWrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 !important;
	}
}
@media (min-width: 768px) and (max-height:656px) {
	#cboxContent .formpanel {
		max-height: 640px;
		min-height: 500px;
	}
	#cboxContent .formpanel .form-left{
		display: none;
	}
}

@media (max-width: 767px)
	#cboxContent {
		-webkit-overflow-scrolling: touch;
	}
}