.region-map {width:375px; height:610px;}
.jvectormap-zoomin, .jvectormap-zoomout {display:none;}
.map-popup {background:#05a5c9; position:absolute; top:50%; left:50%; font-size:16px; font-size:1.6rem; padding:15px; display:inline-block; margin-top: 180px; margin-left: 50px;}
.map-popup:after {content:""; display:block; position:absolute; top:20px; left:-20px; border:10px solid transparent; border-right-color:#05a5c9;}
.map-popup p, .map-popup a {color:#ffffff; font-size:16px; font-size:1.6rem; margin-bottom:0; text-shadow:1px 1px 0px #0492b1;}
.map-popup a {text-transform:uppercase; font-family: 'Montserrat', sans-serif;}

.contact-details {position:absolute; top:90px; right:0; width:215px; z-index:5;}
.contact-details .icon {float:left; width:40px; margin-top:3px;}
.contact-details .contact-detail {float:left; width:175px;}
.contact-details hr {border-top-color:#4a4a4a; clear:both;}
.contact-details h2 {margin-top:0; font-size:20px; font-size:2rem; margin-bottom:0;}

.faq-tab {border:1px solid #d7d7d7;}

.striped-list {list-style:none; margin:0;}
.striped-list li {padding:15px 40px 15px 20px; margin:0;}
.striped-list li a {color:#4a4a4a; text-decoration:none; }
.striped-list li .icon {margin-left:12px;} 
.striped-list-grey{background: #f7f7f7;}
.striped-list li.striped {background:#f7f7f7;}
.view-all-faqs {display:none;}

#chat-support-status {font-weight:bold; text-transform:uppercase; font-family: 'Montserrat', sans-serif;}
#chat-step2 {display:none;}

.support-section .support-col {padding:30px 10px;}
.support-section .panel-coloured {padding:30px;}
.support-col .mobile-icon {display:none;}
.sponsorship-child-details-project {background:#0054a6;}
.sponsorship-child-details-project p {color: #ffffff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-align: center; font-size: 26px; font-size: 2.6rem; padding: 15px 0; margin: 0; }

.location-map-container { height: 400px; position: relative; }
.location-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f4f4f4;}

.social-icons		{position:absolute; right:50px; bottom:0;}
.social-icons h2	{font-size:20px; font-size:2.0rem; margin-bottom:0px;}
.btn-circle 		{width: 50px; height: 50px; margin: 10px 5px 10px 0;  padding-top: 12px;}

.status-container a {margin-right:10px;}

.contact-details .contact-detail-holder .mobile-contact-icon {display:none;}
.contact-details .contact-detail-holder .mobile-contact-icon .icon {width:49px; height:49px;}

.mobile-tab {margin-bottom:20px; display:none;}
.mobile-tab .tab-btn {position:absolute; top:0; left:0; width:100%; height:100%;}

.support-section.tab {display:block;}


@media all and (max-width: 1100px) {
	.contact-details {right:20px;}	
}

@media all and (max-width: 1023px) { 
	#contact-location {display:none;}
	#contact-intro {width:100%;}
	.contact-details {width:100%; position:relative; top:auto; right:auto; display:table; border-spacing: 10px; table-layout: fixed; margin-bottom: 25px;}
	.contact-details.clearfix:before {display:none;}
	.contact-details.clearfix:after {display:none;}
	.contact-details hr {display:none;}
	.contact-details .contact-detail-holder {display:table-cell; width:33%; background:#f5f5f5; vertical-align: top; padding:15px; text-align:center; border-radius:2px; box-shadow:0 3px 0 #0054a6;}
	.contact-details .contact-detail-holder .icon {display:block; float:none; margin:0 auto 10px;}
	.contact-details .contact-detail {width:100%;}
	.contact-details .icon {width:31px;}
	.social-icons	{position:relative; bottom:auto; right:auto; margin:20px 0;}
	.view-all-faqs {display:block;}

}

@media all and (max-width: 960px) { 

}

@media all and (max-width: 767px) {
	
	.contact-details {display:block; border-spacing:0;}
	.contact-details .contact-detail-holder {display: block; width: 100%; margin-bottom: 20px; text-align:left; position: relative;  padding-left: 24%;}
	.contact-details .contact-detail p {margin-bottom:0;}
	.contact-details h2 {color:#4a4a4a; font-family: 'Montserrat', sans-serif; }
	.contact-details p br {display:none;}
	.contact-details .contact-detail-holder .icon {display:none;}
	.contact-details .contact-detail-holder .mobile-contact-icon {position: absolute; top: 0; left: 0; bottom: 0; width: 20%; background: #0054a6; display:block;}
	.contact-details .contact-detail-holder .mobile-contact-icon .icon {display:inline-block; position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px;}
	.contact-details .contact-detail-holder .mobile-contact-icon .icon.icon-email-large-white {width: 54px; margin-top: -19px; margin-left: -27px;}
	
	.support-section .col-2 {width:100%; height:auto !important;}
	.bottom-80 { padding-bottom: 30px !important; }
	.support-section .support-col {margin-left: 0; background: #f5f5f5; padding:20px;}
	.support-section  .form-container input, .support-section  .form-container textarea, .support-section  .form-container .ui-selectmenu-button {background:#ffffff;}
	.striped-list li {padding:15px 20px;}
	
	.desktop-icon {display:none;}
	.support-col.panel-coloured {background:#9d1d32; padding: 10px 20px;}
	.support-col.panel-coloured.question-panel {background:#00a6c9;}
	#chat-support-status {color:#9d1d32;}
	.support-col.panel-coloured h2, .support-col.panel-coloured p {color:#ffffff; margin-bottom:0;}
	.mobile-google-button {position:absolute; bottom:20px; left:0; width:100%; z-index:5;}
	.mobile-google-button img {max-width:90%;}
	
	.support-col .mobile-icon {float:left; margin: 5px 20px 10px 0; display:block;}
	
	#chat-step2 {display:none !important;}
	
	.support-section .panel-coloured {display:none;}
	.support-section.tab {display:none;}
	.mobile-tab {display:block;}
	
}

@media all and (max-width: 680px) {
	
.sponsorship-child-details-project p {font-size: 16px; font-size: 1.6rem;}

}
@media all and (max-width: 640px) {
.btn-circle	{width:70px; height:70px}
}

@media all and (max-width: 640px) {
	.social-icons .btn-circle	{float:left;} 
	
}
/* 8*8 chiting */
.chatting-container {
    background-color: #0054a6;
    padding-left: 5rem;
    padding-right: 5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.live-chat-p{text-align: center;font-size: 18px;margin: auto;padding: 20px;color: white;}

.chatting{background: none; border: 0px;}  

.green_chat{  padding-top: 1rem;    margin-left: 4rem;}
.inner-container.js-window_background.js-text.js-border { background-color: white !important; }
.chat_size{color:white !important; margin-top:-21px !important;}

@media (max-width: 767px){
	.chatting-container {
		padding-left:  0  !important;
		padding-right: 0  !important;
		margin-left: 0  !important;
		margin-right: 0  !important;
		margin-top: 0  !important; 
		margin-bottom: 0  !important; 
		padding-top: 0  !important; 
		padding-bottom: 0  !important;
		left: 20px;
		width: 90%;
		height: 100%;
	}
	.live_chat_info{text-align: center;padding-top: 30px; margin-top: -30px;}
	.green_chat{ text-align: center;font-size: 18px;margin: auto;padding: 7px;color: white;	}
	.live-chat-p{padding: 7px;}
	.live-chat-online-chat{margin-top: -20px;}
	.chat_size{color:white !important; margin-top:-30px !important;}

}
@media (min-width: 768px) {
	.chatting-container .row { display: flex; }
	.chatting-container .col-md-3 { width: 25%; }
	.chatting-container .col-md-6 { width: 50%; }
}



@media all and (max-width:420px){
	#tab-order-guide .col-md-6{padding:0px;}
	.feedback-type .row, .feedback-type .col-md-6{padding:0px;}
	#other-concern-container .row, #other-concern-container .col-md-6{padding:0px;}
	#feedback-container1 .row, #feedback-container1 .col-md-6{padding:0px;}
	#concern-container1 .row, #concern-container1 .col-md-6{padding:0px;}
	#concern-container2 .row, #concern-container2 .col-md-6{padding:0px;}
	
}
.onlyformobile { display: none;}
.g-recaptcha{display: inline-block;}
#raise-concern { list-style: none; margin-left: 0;}
.live-chat { text-align: left;    padding: 20px;}
.form-container h4 { margin-bottom: 10px;}
.checkbox-for-form {   padding: 0 0;}
@media (min-width: 1000px){
.feedback-type .col-md-6 {
    padding-right: 0px;
}}
@media (min-width: 769px){
.padding-remove {
    padding-left: 0px !important;
    padding-right: 0px !important;
}}
.form-container label {    margin-bottom: -1px;}
#thankyou {display: none;}