#home5
{
	padding: 2vw 0;
	background: linear-gradient(90deg,#073590,#0d49c0);
	position: relative;
	overflow: hidden;
}
#home5_watermark
{
	position: absolute;
	top: 0;
	left: -10vw;
	height: 100%;
}
#home5 h1, #home5 h2
{
	color: white;
	text-transform: uppercase;
	text-align: center;
	padding: 0px 12px;
	font-weight: 600;
}
#home5 h1
{
	font-size: 3vw;
}
#home5 h2
{
	font-size: 2.6vw;
}
#home5 div.expander
{
    border: 0.4vw solid white;
    border-radius: 1vw;
    background: #fbc51b;
    margin: 1.4vw 20vw;
    color: #1f3668;
}
#home5 div.expander.expanded
{
	background: #283f6f;
	color: white;
}
#home5 div.expander .q
{
	font-family: Balboa, Helvetica, Arial, "sans-serif";
    text-transform: uppercase;
    font-size: 1.9vw;
    font-weight: 600;
    padding: 1.1vw;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 6vw);
}
#home5 div.expander .state
{
	color: white;
	display: inline-block;
	vertical-align: middle;
	font-size: 2.4vw;
	cursor: pointer;
}
#home5 div.expander:not(.expanded) .state.expanded,
	#home5 div.expander:not(.expanded) .a,
	#home5 div.expander.expanded .state.initial
{
	display: none;
}
#home5 div.expander .a
{
	font-family: calmetta, sans-serif;
    font-size: 1.4vw;
    font-weight: 600;
	line-height: 1.2;
}
#home5 div.expander .a p
{
    padding: 0 1.1vw;
}
#home5 div.expander .a p:first-child
{
    margin-top: 0.4em;
}
#home5 div.expander .a p a, #home5 div.expander .a p a:hover
{
	color: white;
	text-decoration: underline;
}
#home5 #b_get_in_touch
{
    border: 0.3vw solid white;
    border-radius: 1vw;
	background: #283f6f;
    color: white;
    text-transform: uppercase;
    margin: 0 35vw 1.4vw 35vw;
	width: 30vw;
    font-size: 1.9vw;
    font-weight: 600;
    padding: 1.1vw;
}
@media (max-width: 800px)
{
	#home5
	{
		padding: 15px 0;
	}
	#home5 h1
	{
		font-size: 26px;
	}
	#home5 h2
	{
		font-size: 22px;
	}
	#home5 div.expander
	{
		border: 3.2px solid white;
		border-radius: 8.6px;
		margin: 12px 32px;
	}
	#home5 div.expander .q
	{
		font-size: 16px;
		padding: 9px;
		width: calc(100% - 48px);
	}
	#home5 div.expander .state
	{
		font-size: 19.6px;
	}
	#home5 div.expander .a
	{
		font-size: 3.5vw;
	}
	#home5 div.expander .a p
	{
		padding: 0 8.8px;
	}
	#home5 #b_get_in_touch
	{
		border: 2px solid white;
		border-radius: 6.4px;
		margin: 0 32px 9px 32px;
		width: calc(100% - 64px);
		font-size: 16px;
		padding: 7px;
	}
}

/* CB modifications to integrate with the above */
/* Temp */
#home5 div.expander:not(.expanded) .state.expanded, #home5 div.expander:not(.expanded) .a, #home5 div.expander.expanded .state.initial {
display: block !important;
/* End of Temp*/
}
.expander .a {
	transition:height .3s ease;
	overflow: hidden;
}

.expander:not(.expanded) .a {
	height:0 !important;
}
.expander-button {		
	display:inline-block !important;
}

.expander-title {
	cursor: pointer;
}
/* FORM */
#b_get_in_touch {
	cursor: pointer;	
}
#b_get_in_touch_form {
	display: grid;
	grid-template-areas: "firstname lastname"
						 "email email"
						 "message message"
						 "error error"
						 "button button";
	margin: 1.4vw 20vw;
	transition: .6s height ease;		
	overflow: hidden;
	padding-bottom:.2vw;
}
#b_get_in_touch_form.hide {
	height:0 !important;
	padding-bottom:0 !important;
}
#b_get_in_touch_form input, #b_get_in_touch_form textarea {
    font-family: calmetta,sans-serif;
	font-size: 13.33px;
	margin-bottom:1.4vw;
	padding:1.1vw;
	border-radius: 1vw;
	border: .4vw solid #fbc51b;	
}
#b_get_in_touch_form input::placeholder, #b_get_in_touch_form textarea::placeholder {
    color:rgba(12,21,41,0.8);
}
#b_get_in_touch_fname {
	grid-area: firstname;
	margin-right:0.7vw;
}
#b_get_in_touch_sname {
	grid-area: lastname;
	margin-left:0.7vw;
}
#b_get_in_touch_email {
	grid-area: email;
}
#b_get_in_touch_message {
	grid-area: message;
	resize: none;
	height:200px;
}
#b_get_in_touch_submit {
    grid-area: button;
    margin: 0 33.33%;
    background: #fbc51b;
    border-color: #fff!important;
    font-weight: 600;
    font-family: Balboa,Helvetica,Arial,"sans-serif"!important;
    font-size: 2.6vw!important;
    color: #ffffff;
    margin-bottom: 1.4vw;
}

.errored, .success { 
    text-align: center;   
    padding: 1.1vw;
    padding-bottom: 1.1vw !important;
    border-radius: 1vw;
    font-family: calmetta,sans-serif;
    font-size: 1.4vw;
    font-weight: 600;
    line-height: 1.2;
    height: auto!important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
	.success {
		background: white;
		color: #1f3668;
		border: .4vw solid #fbc51b;
    	border-radius: 1vw;
	}
	.errored {
		 background: #ff0000ad;
		 color: white;
	}
	.a a {
		color:#fbc51b !important;
	}
	.rq-error {
		border-color: red !important;
	}
	#b_get_in_touch_error_log {
		grid-area: error;
		text-align: center;
		color:white;
	}
	
	.load {
		grid-template-areas: "loader" !important;
		justify-content: center;
	}
	
	.load input[type="text"], .load textarea {
		display: none !important;
	}
	.load .loader {
	grid-area: loader;
		margin: 0 auto;
		margin-bottom: 2.8vw;
  border: 1.47vw solid #fbc51b;
  border-top: 1.47vw solid #fff;
  border-radius: 50%;
  width: 11vw;
  height: 11vw;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 800px)
{
    #b_get_in_touch_form {
	grid-template-areas: "firstname"
                         "lastname"
						 "email"
						 "message"
						 "error"
						 "button";
	margin: 1.4vw 32px;
}
    #b_get_in_touch_fname, #b_get_in_touch_sname {
	    margin: 0;
    }

    #b_get_in_touch_form input, #b_get_in_touch_form textarea {
	    font-size: 3.5vw;
        padding: 9px;
        border-radius: 8.6px;
        border: 3.2px solid #fbc51b;
    }
    
    #b_get_in_touch_submit {
       font-size: 3.5vw!important; 
    }
}