@charset "UTF-8";
/* CSS Document */

/*testimonial*/
.testimonial {background:#ebf5fa; font-size:1rem;}
	.testimonial:nth-of-type(even) {background:#f6f6f6;}
	.testimonial:last-of-type {margin:0!important;}
	.testimonial .summary {display:block;}
	.testimonial .summary h5 {color:#002a51; position:relative; padding-left:70px; font-weight:600;}
	.testimonial .summary h5:before {content:""; width:56px; height:42px; display:inline-block; position:absolute; left:0; top:2px; 
		background:url(../images/quote-icon.png) no-repeat left top; opacity: 0.5;}
	.testimonial .summary h5 small {display:block; color:#363636;}
	.testimonial .summary p { color:#363636; font-size:1rem;}
	.testimonial .summary a {color:#002a51; text-transform:uppercase;}
	
/*writeUs*/
.writeUs {background:#002a51; color:#fff;}
	.writeUs h3 {color:#002a54;}
	.writeUs input[type="text"], .writeUs input[type="email"], .writeUs input[type="tel"], .writeUs textarea {width:100%; background:#fff; border:1px solid #ececec; padding:8px;
		-moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0em; }
	.writeUs input[type="text"]:focus, .writeUs input[type="email"]:focus, .writeUs input[type="tel"]:focus, .writeUs textarea:focus {outline:0;}
	.writeUs textarea {resize:none;}
	.writeUs input[type="submit"] {background:#189fdd; border:1px solid #189fdd; padding:.7rem 2rem; color:#fff;}
	.writeUs input[type="submit"].blue {background:#002a52; border:1px solid #002a52; padding:.7rem 2rem; color:#fff;}

/*testimonialDetail*/	
.testimonialDetail .summary {background:#ebf5fa; font-size:1rem; color:#363636;}	

/*aboutus*/
.aboutus {background:#ebf5fa; font-size:1rem;}


/*faq*/	
.faqs {margin-bottom:1rem;}
	.faqs:nth-of-type(even) a {background:#f6f6f6;}
	.faqs a {display:block; font-weight:500; background:#ecf5fa; color:#002a51; padding:12px;font-size:1rem;}
	.faqs a i {color:#189fdd;}
	.faqs a:hover {text-decoration:none;}
	.faqs a:hover i, .faqs a.active i {color:#002b52;}
	
	.faqs .summary {border-left:3px solid #189fdd; color:#363636; display:none;}
	.faqs:nth-of-type(1) .summary {display:block;}
	
/*contactUs*/
.contactUs .address {background:#002a51; color:#fff;}
	.contactUs .address ul li {padding-bottom:12px;}	
	.contactUs .writeUs input[type="text"], .writeUs textarea {background:#f8f8f8; border:1px solid #ececec;}

/*locate*/
.locate {background:url(../images/branches_bg.jpg) no-repeat center top; background-size:cover; color:#fff; position:relative;}
	.locate img.mapicon {position:absolute; right:20px; bottom:5px;}
	.locate a {color:#002a51; font-weight:500;}
	.locate a:hover {background:#002a51; color:#fff;}


/*braanchess*/	
.branches {display:block; margin-bottom:1rem; background:#002a51; color:#fff;}	
	.branches:last-of-type{margin-bottom:0rem; }
	.branches p {position:relative; padding-left:20px;}
	.branches p i {position:absolute; left:0; top:5px;}
	.branchesList {height:400px; overflow-y:scroll;}
	.branchesList::-webkit-scrollbar-track {
		border-radius: 10px;
		webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #e6e6e6; }
	.branchesList::-webkit-scrollbar {
		width: 12px;
		background-color: #F5F5F5; }
	.branchesList::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #002a51; }
	/*searchLocation*/
	.searchLocation {background:url(../images/search-locate-bg.png) repeat-y right top;}
	.searchLocation select {width:300px;}
	.searchLocation input[type="submit"] {background:#002a52; border:1px solid #002a52; padding:.7rem 2rem; color:#fff; font-size:1rem;}
	@media (min-width: 768px) {
		.searchLocation select {width:240px;}
		.searchLocation { padding: 34px 20px !important;}
	}
	@media (min-width: 992px) {
		.searchLocation h3 {background:url(../images/curly-bracket.png) no-repeat right top; margin:0; line-height:28px; font-size:28px; padding-right:50px;
		text-align:right; font-weight:bold;}
		}
	/*SELECTBOX*/
	.select-css {
    display: block;
    color: #363636;
		font-size:1rem;
    line-height: 1.3;
    padding:.9rem 2rem;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #a1a1a1;
    border-radius: 0em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/arrow_drop_down.png);
    background-repeat: no-repeat;
    background-position: right 8px;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #002a52;
    color: #363636; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}