/* ================ Navbar ============ */ 
.contact_us--wrapper .navbar-brand { background: #E31112; } 

.help-block {
	font-size: 11px;
	color: #666;	
}
ul.parsley-errors-list{
	color: #FF0000;
}
table{
    width: 100%;
    padding: 5px;
}
tr{
    padding: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
td{
	
    flex-basis: 24%;
    margin: 5px;
    box-sizing: border-box;	
}
/* ================ Footer ============ */ 
.contact_us--wrapper .footer { margin-top: -10.5rem; position: relative; z-index: 0; } .contact_us--wrapper .footer .top_row { padding-top: 220px; } @media screen and (min-width: 1200px) { .contact_us--wrapper .navbar_v1 .custom_navbrand { left: 50%; margin-right: 0; } } 
/* ================ contact info with form ============ */ 
.contact-box { background: #ffffff; margin: 0; border-radius: 15px; box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.1); } 
.contact-info { background-color: #9c0703; border-radius: 15px 15px 0 0; padding: 1em; }
.campaignhq { background-color: #000474; border-radius: 15px; padding: 1em; -webkit-box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.1);}
.contact-info__text .info_txt a { color: #ffffff; transition: opacity 0.5s ease; } 
.contact-info__text a:hover { text-decoration: none; color: #ffffff; opacity: 0.8; } 
.contact-info__text { margin: 1rem 0; display: flex; align-items: center; } 
.contact-info__text img { background: #ffffff; border-radius: 50%; margin: 0 15px 0px 0; padding: 0.4rem 0; width: 24px; height: 24px; flex: 1 1 24px; max-width: 24px; } 
.contact-info__text .info_txt { flex: 1 1 calc(100% - 69px); max-width: calc(100% - 69px); font-size: 0.9em; line-height: 1.3; font-family: var(--open-sans); font-weight: 600; color: #ffffff; } 
.contact-form { padding: 2rem 3rem 2rem 2rem; } 
.contact-form label{ color: #979eaf; font-family: var(--open-sans); font-weight: 400; font-size: 1em; } 
.contact-form input, .contact-form textarea, .contact-form select { color: #324165; font-family: var(--open-sans); font-weight: 400; font-size: 1.2em; border: 1.5px solid #d9e1e8; padding: 0.6rem; border-radius: 5px; height: auto; } 
.contact-form input::placeholder, .contact-form textarea::placeholder, .contact-form select::placeholder { font-size: 1rem; } 
.contact-form textarea { resize: none; } 

.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { box-shadow: none; outline: none; border-color: #324165; } 
.contact-form .btn_common { padding-top: 10px !important; padding-bottom: 10px !important; border-radius: 0; } 
.contact-form .btn_common:after { right: -24px; } 
.contact-form .text-right { display: flex; justify-content: flex-start; } 
.contact-form .text-right .btn_cover, .text-right .btn_cover .btn_slide { max-width: 100%; width: auto; line-height: 13px; } 
.text-right .btn_cover .btn_slide { padding: 20px 50px !important; } 
.contact-form .text-right .btn_cover { z-index: 0; } 
.contact-form .text-right .btn_cover::before { width: 55px; right: -24px; z-index: 2; } 
.contact-form input.error, .contact-form textarea.error { border-color: var(--primary-color); } 
.contact-form label.error, .contact-form label.error { color: var(--primary-color); } 
.maps { /* The width is the width of the web page */ position: relative; z-index: -2; } 
.maps img { height: auto; /* The height is 400 pixels */ width: 100%; } 
.maps-popup { background: var(--primary-color); color: var(--white); font-family: var(--open-sans); font-weight: 600; font-size: 14px; padding: 10px; max-width: 160px; border-radius: 10px; box-shadow: 15px 20px 30px rgba(37, 65, 136, 0.2); -moz-box-shadow: 15px 20px 30px rgba(37, 65, 136, 0.2); -webkit-box-shadow: 15px 20px 30px rgba(37, 65, 136, 0.2); -ms-box-shadow: 15px 20px 30px rgba(37, 65, 136, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.maps-popup:after { content: ''; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 30px solid var(--primary-color); } 
.contact-details__wrapper { position: relative; z-index: 2; } 

@media screen and (min-width: 768px) { .contact-info { padding: 2em; padding-bottom: 3em; } .maps { margin-top: -5rem; } } 

@media screen and (min-width: 992px) { 
	.contact-info { border-radius: 15px 0 0 15px; height: 100%; } 
	.maps-popup { max-width: 200px; } 
	.contact-form .text-right { justify-content: flex-end; } 
	.contact-info__text .info_txt { font-size: 1.4em; } 
	.contact-info__text img { margin: 0 25px 0px 0; padding: 1rem 0; width: 50px; height: 50px; flex: 1 1 50px; max-width: 50px; } 
	.contact-info__text { margin: 2rem 0; } 
} 

@media screen and (min-width: 1200px) { 
.contact-info { font-size: 190%; padding-bottom: 2em; } 
.text-right .btn_cover .btn_slide { padding: 20px 60px 20px 45px !important; } 
.contact-form input, .contact-form textarea, .contact-form select { padding-left: 1.5rem; padding-right: 1.5rem; } } 
/* ================ contact info with form ends ============ */ 

/* ================ -blue cta ============ */ 
.blue-box { padding: 1em 0; background: #1267E5 url('../../images/dotted-map.png') no-repeat center 50px; background-size: 45%; box-shadow: 15px 20px 50px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 15px 20px 50px rgba(0, 0, 0, 0.07); -moz-box-shadow: 15px 20px 50px rgba(0, 0, 0, 0.07); -ms-box-shadow: 15px 20px 50px rgba(0, 0, 0, 0.07); border-radius: 15px; display: flex; flex-direction: column; align-items: center; } .blue-box__details { text-align: center; } .blue-cta__wrapper { position: relative; z-index: 3; } .action-title { font-family: var(--montserrat); font-weight: bold; color: #ffffff; font-size: 1.5em; } .action-desc { font-family: var(--open-sans); font-size: 1em; color: #ffffff; } .action-btn { font-family: var(--open-sans); font-weight: 800; color: #ffffff; font-size: 1.5em; transition: all 0.5s ease; } .action-btn:hover { color: #ffffff; opacity: 0.8; text-decoration: none; } @media screen and (min-width: 768px) { .blue-box { flex-direction: row; padding-left: 20em; padding-top: 1.8em; padding-bottom: 1.8em; position: relative; } .blue-box img { position: absolute; bottom: -2em; left: -1em; } .blue-cta__wrapper { margin-top: -5rem; } } @media screen and (min-width: 1200px) { .blue-box { font-size: 170%; } .action-desc { font-size: 0.8em; } .blue-box img { bottom: -1.2em; left: 3em; } } 
/* ================ -blue cta ends ============ */