@charset "utf-8";
/* CSS Document */
*======================================================================


Embedded form module 


========================================================================
*/
.form-container{
	position: relative;
	display: block;
	height: 100%;
	
}


.formSection-wrapper {
    background: #00a0a6 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: 780px;
    position: relative;
    right: 0;
    width: 100%;
}
.formSection-wrapper .backgroundImage {
    height: 100%;
    left: 0;
    margin: 0;
    max-height: 780px;
    overflow: hidden;
    position: relative;
    right: 0;
    width: 100%;
	min-height: 780px;
}
.formSection-wrapper h2 {
    text-align: center;
    padding: 20px 20px 0 20px;
    color: #fff;
}
.formSection-wrapper img {
    height: 100%;
    width: auto;
    position: absolute;
    left: -300%;
    right: -300%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    max-height: 600px;
}
.formSection-inner {
    box-sizing: border-box;
    left: 0;
    margin: auto;
    max-width: 990px;
    padding: 20px 40px 20px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 53%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.form {
    width: 70%;
    text-align: left;
    display: inline-block;
}
.ctas {
    width: 25%;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    text-align: left;
}


@media all and (max-width: 1500px) {
    .formSection-wrapper img {
        left: -300% !important;
        margin: auto;
        right: -300% !important;
        width: auto !important;
        z-index: 0;
        height: 100%;
    }
}

@media all and (max-width: 950px) {
	    .form {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .formSection-wrapper h2 {
        text-align: center;
    }
    .formSection-wrapper iframe {
        height: 745px !important;
    }
    .formSection-wrapper,
    .formSection-wrapper .backgroundImage {
        max-height: 710px;
        z-index: 1;
    }
    .formSection-inner {
        padding: 20px 0 20px 20px;
        max-height: 750px;
    }
    .ctas {
        display: none;
    }
}

@media all and (max-width: 620px) {
    .formSection-wrapper,
    .formSection-wrapper .backgroundImage {
        min-height: 970px;
    }
    .formSection-wrapper h2 {
        padding: 30px 20px 0 20px;
        text-align: center;
    }
    .formSection-inner {
        padding: 20px 0 20px 20px;
        max-height: 1270px;
    }
	
	.formSection-wrapper iframe {
        height: 925px !important;
    }
}