html {
font-size:16px;
}
body {
font-family: Arial, x-locale-body, sans-serif, "Helvetica Neue", Helvetica;
margin: 0 auto;
max-width: 71.875rem;
padding: 0.125rem;
line-height: 1.9;
background: #f2f2f2;
}
@media (max-width: 48rem) {
body {
padding: 0.625rem;
}
}
a:link, a:active, a:visited {color:#006ec6; text-decoration:none}
a:hover{text-decoration:underline !important}
h1, h2{color:#222222;margin:0em}
h4 {
font-weight: 700;
color: #003366;
margin-bottom:10px;
font-size: 1.25em;
line-height: 1.5;
display: block;
text-transform: capitalize;
letter-spacing: 0.5px;
}
h1{color:#04577d;
font-size:2.2em;margin:.2em 0em .7em;background-color:#e0e0e0;padding-left:20px;padding-top:20px;
padding-bottom:20px;border-color:gray;border-width:1px}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.hdrleftCol {
display: flex;
align-items: center;
flex: 1 1 auto;
}
.hdrrightCol {
display: flex;
justify-content: flex-end;
align-items: center;
flex: 1;
margin-right: 12px;
}
.header-img {
width: 100%;
max-width: 215px;
height: auto;
}
.i-color {
color: #006ec6;
margin-right: 12px;
vertical-align: middle;
}
.back-to-top {
position: fixed;
bottom: 140px;
right: 20px;
display: none;
background-color: #28a745;
color: #ffffff !important;
font-weight: bold;
text-decoration: none;
padding: 10px 15px;
border-radius: 5px;
font-size: 14px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, color 0.3s ease;
z-index: 9999 !important;
}
.back-to-top:hover {
background-color: #28a745;
color: #ffc107 !important;
}
ul li {
margin-bottom: 10px;
}
ul li i {
margin-right: 8px;
}
pre {
background-color: #fffbdb;
padding: 10px;
border-radius: 5px;
font-family: monospace;
overflow-x: auto;
}
.hero-section {
margin-top: 20px;
background: linear-gradient(to bottom, #A1CBEF, #CDE1F6);
color: #333;
text-align: center;
padding: 60px 20px;
border-radius: 15px;
max-width: 1400px;
margin: 20px auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.hero-section h1 {
font-size: 3rem;
font-weight: bold;
margin-bottom: 20px;
padding: 10px 20px;
background: linear-gradient(to right, #559FD1, #5DB1E3);
border-radius: 10px;
color: #fff;
display: inline-block;
max-width: 90%;
word-wrap: break-word;
text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.search-form {
width: 100%;
max-width: 500px;
margin: 20px auto 0;
display: flex;
justify-content: center;
align-items: center;
}
.input-container {
position: relative;
width: 100%;
}
.search-input {
width: 100%;
padding: 16px 20px 16px 50px;
border: 2px solid #bbb;
border-radius: 15px;
font-size: 1rem;
outline: none;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
color: #333;
}
.search-input:hover {
border-color: #004999;
background-color: #f7faff;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
.search-input:focus {
border-color: #007bff;
box-shadow: 0 4px 6px rgba(0, 123, 255, 0.4);
}
.search-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 1.2rem;
color: #aaa;
}
.no-results-message {
display: none;
color: red;
font-weight: bold;
margin-top: 10px;
}
footer {
margin: -2px;
padding: 12px 20px;
font-size: 0.9em;
border-radius: 3px;
background: linear-gradient(180deg, #002a5c, #004080);
text-align: center;
color: #ffffff !important;
}
footer a {
color: #ffffff !important;
transition: color 0.3s ease;
text-decoration:none!important;
}
footer a:hover {
color: #aad4e6 !important;
text-decoration:underline!important;
}
footer ul {
list-style: none;
padding: 0;
margin: 10px 0 20px 0;
}
footer ul li {
display: inline-block;
margin-right: 15px;
line-height: 1.6;
}
footer ul li:last-child {
margin-right: 0;
}
 /* Share buttons */
.share-buttons-container{display:flex;justify-content:flex-end;margin:20px 10px 5px 0}
.share-buttons{display:flex;gap:10px}
.share-buttons a{display:inline-block;width:35px;height:35px;line-height:35px;text-align:center;color:#fff;border-radius:50%;background-color:#8b8f8f;transition:background-color 0.3s,color 0.3s}
.share-buttons a:hover{background-color:#007bff;color:#fff}
.share-buttons a i{font-size:16px}
.share-buttons a.btn-facebook:hover{background-color:#3b5998}
.share-buttons a.btn-twitter:hover{background-color:#1da1f2}
.share-buttons a.btn-email:hover{background-color:#007bff}
.share-buttons a.btn-copy:hover{background-color:#28a745}
.share-buttons a.btn-print:hover{background-color:#6c757d}
.copy-status {margin:0 8px 0 0;font-size:13px;color:#2e7d32;}
.copy-status.is-error {color:#b00020;}
/* End Share buttons */
@media (max-width: 768px) {
.hero-section {
padding: 40px 15px;
}
.hero-section h1 {
font-size: 2rem;
}
.search-input {
font-size: 0.9rem;
padding: 12px 20px 12px 45px;
}
footer ul {
display: block;
text-align: center;
margin: 15px 0;
}
footer ul li {
display: block;
margin-bottom: 10px;
}
footer ul li:last-child {
margin-bottom: 0;
}
}
/*End Hero section*/
.country-search-section {
background-color: #f7f7f7; 
padding: 40px 20px;
border-radius: 15px;
margin-top: 20px;
margin-bottom:30px;
}
/* Section Heading */
.section-heading {
font-size: 2rem;
font-weight: bold;
color: #333;
margin-bottom: 20px;
}
/* Section Paragraph */
.section-paragraph {
font-size: 1.1rem;
color: #555;
margin-bottom: 30px;
line-height: 1.6;
}
.search-box {
width: 100%;
max-width: 500px;
padding: 12px 15px;
border: 2px solid #ddd;
border-radius: 15px;
font-size: 1rem;
outline: none;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
display: block;
color: #333;
box-sizing: border-box;
margin: 0;
}
.input-container {
text-align: left;
padding: 0;
}
.search-box:hover {
border-color: #999;
}
.search-box:focus {
border-color: #007bff;
box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);
}
@media (max-width: 600px) {
.search-box {
max-width: 100%; 
padding: 10px;
font-size: 0.9rem;
}
}
.input-container {
padding: 0 10px;
}
#Cities {
margin-top: 30px;
background-color: #f9f9f9;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Cities h3, #Cities p {
margin: 0; 
padding: 0;
text-align: left;
}
#Cities h3 {
font-size: 1.8rem;
color: #04577d;
margin-bottom: 10px;
}
#Cities p {
font-size: 1rem;
color: #666;
margin-bottom: 20px;
}
.city-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.city-list li {
display: flex;
align-items: center;
font-size: 1rem;
color: inherit;
}
.city-list i {
margin-right: 10px;
color: #006ec6;
}
.city-list a {
text-decoration: none;
color: inherit;
transition: color 0.3s ease;
}
.city-list a:hover {
color: #003e5b;
}
.info-section {
background-color: #f9f9f9;
padding: 30px 20px;
margin: 20px 0;
border-radius: 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.info-section h3,
.info-section p {
margin: 0;
padding: 0;
text-align: left;
}
.info-section h3 {
font-size: 1.8rem;
font-weight: bold;
color: #04577d; 
margin-bottom: 15px;
}
.info-section p {
font-size: 1rem;
line-height: 1.6;
color: #555;
margin-bottom: 20px;
}
.info-section a {
font-weight: bold;
color: #007bff;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: border-color 0.3s ease, color 0.3s ease;
}
.info-section a:hover {
color: #0056b3;
border-color: #0056b3;
}
.btn {
display: inline-block;
background-color: #007bff !important;
color: #fff !important;
margin:20px 0;
padding: 12px 20px;
font-size: 0.9rem;
border-radius: 5px;
text-decoration: none;
text-align: center;
line-height: 1;
transition: background-color 0.3s ease;
}
.btn:hover {
background-color: #0056b3 !important;
color: #fff !important;
}
.latest-updates {
padding: 20px;
background: #f9f9f9;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin-top: 20px;
}
.latest-updates .lead {
font-size: 1.8rem;
color: #04577d;
margin-bottom: 15px;
}
.latest-updates p {
font-size: 1rem;
color: #555;
margin-bottom: 20px;
line-height: 1.6;
}
.latest-updates-list {
list-style: none;
padding: 0;
margin: 0;
}
.latest-updates-list li {
margin-bottom: 15px;
padding: 10px;
border-bottom: 1px solid #ddd;
}
.latest-updates-list li:last-child {
border-bottom: none;
}
.latest-link {
color: #007bff;
font-weight: bold;
text-decoration: none;
font-size: 1.1rem;
transition: color 0.3s ease;
}
.latest-link:hover {
color: #0056b3;
text-decoration: underline;
}
.latest-date {
display: block;
font-size: 0.9rem;
color: #999;
margin-top: 5px;
padding-left:35px;
}
@media (min-width: 992px) {
.input-container {
max-width: 500px;
}
}
@media (max-width: 1024px) {body{margin:10px;}}
@media (max-width: 768px) {
body {
padding: 2px 15px;
margin: 0;
}
.header-container {
flex-wrap: nowrap;
justify-content: space-between;
}
.hdrleftCol {
flex: 1 1 auto;
}
.hdrrightCol {
flex: 1 1 auto;
justify-content: flex-end;
margin-right: 0;
}
.input-container {
margin-bottom: 10px;
margin-top: -10px;
position: relative;
}
.search-icon {
top: 50%;
transform: translateY(-50%);
}
}
h2{font-size:1.6em;margin-top:16px}
h3{font-size:1.3em}
h1, h2, h3, h4{font-family:x-locale-heading-primary,zillaslab,Palatino,"Palatino Linotype",x-locale-heading-secondary,serif,"Arial"}
address{font-style:normal}
.bgBx{padding-left:20px;padding-top:6px;padding-bottom:6px;margin-right:6px;
margin-bottom:20px}
.bggry{background-color:#f7f5f5}
header{position:relative;min-height:50px}
section p{padding-left:10px}
#cwrap{overflow:visible;background:#fff;border-radius:3px;margin:10px -2px;padding:1px 18px}/*border:solid 1px #333;*/
.whttm{margin-top:-12px;padding:12px;background:#fff;text-align:center;margin-left:-2px;margin-right:-2px;overflow:auto}
ul {padding:0;margin:0 0 .8em;overflow:auto}
div.container {overflow-x:hidden!important;max-width:100%}
.hdrleftCol {max-width:55%;float:left}
.hdrrightCol {max-width:45%;float:right;text-align:left;margin-right:12px}
#leftCol, .leftCol{width:66%;float:left}
#rightCol, .rightCol{max-width:32%;float:right;text-align:left;margin-top:20px;padding:10px;border-radius:5px;
}
#ComServ{font-size:1em}
#ComServ li{list-style:none;padding-left:20px;vertical-align:middle}
Div#ComServ p {margin-top:-16px !important;margin-bottom:2px !important;padding:12px;font-size:.9em;line-height:1.70;font-weight:normal !important}
.twoCol {
position: relative;
max-width: 100%;
margin: 8px 4px;
border-radius: 3px;
font-weight: 400;
overflow: auto;
}
.twoCol ul {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 0;
margin: 20px 0;
}
.twoCol li {
flex: 0 0 47%;
margin-bottom: 1.25rem;
list-style-position: inside;
list-style-type: circle;
line-height: 2;
}
@media (max-width: 768px) {
.twoCol ul {
display: block;
margin-left:2rem;
}
.twoCol li {
width: 100%;
margin-left: 0;
}
}
@media (min-width: 768px) {
.twoCol ul {
display: flex;
}
.twoCol li {
width: 47%;
margin-left: 0;
}
}
.blnon li {list-style-type:none !important}
#rightAds{margin-bottom:10px}
hr.gdnt {border:0;height:1px;background:#333;
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
background-image: -o-linear-gradient(left, #ccc, #333, #ccc)}
.flag-list img {
width: 40px;
margin-right: 10px;
vertical-align: middle;
}
#hm li{border-bottom:dashed 1px #ccc;padding:4px 0px}
@media (min-width:1280px) {
body {max-width:1278px}
#rightAds {height:620px;width:300px;overflow:visible}
}
@media only screen and (max-width:1279px) and (min-width:1024px) {
body {max-width:1275px}
#rightAds {height:620px;width:300px;overflow:visible}
}
@media only screen and (max-width:1023px) and (min-width:993px){
body {max-width:1023px}
}
@media (min-width:1600px) {body {max-width: 1450px;}}
@media (min-width:1024px) {
#mobmid{display:none}
}
@media (max-width:1023px) {
#tads{display: inline;height: 175px !important;overflow: hidden}
p{margin-left: 15px;}}
@media (max-width:992px) {
#tads{display:inline;height:175px !important; overflow:hidden}
body {font-size:1em;background:#fff}
.hdrleftCol {max-width: 50%;float:left}
header{background:#f2f2f2}
.hdrrightCol {max-width:95%;float:left;margin-left:3%;margin-bottom:4px;margin-top:16px}
#social{display:none}
#leftCol, .leftCol, #rightCol, .rightCol{float:none;width:auto;}
#leftCol, .leftCol {max-width:100%}
#rightCol, .rightCol {max-width:100%}
header h2 {color:#fff}
li {padding-bottom:.5em}
#cwrap {border:none;border-radius:0;padding:0px 0px}
h1 {font-size:1.4em;padding:4px 4px 8px 10px}
h2{margin-top:0px}
.mrgn {margin-top:0;}
.multText textarea {width:500px !important;height:200px}}
#skiptocontent a {
padding: 6px;
position: absolute;
top: -40px;
left: 0;
color: transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-bottom-right-radius: 8px;
background: transparent;
z-index: -1;
transition: top 0.3s ease-in-out;
}
#skiptocontent a:focus {
position: absolute;
top: 0;
left: 0;
color: yellow;
border-right: 1px solid white;
border-bottom: 1px solid white;
background: #107d10;
z-index: 100;
outline: none;
}
@media print {
body{ background-color:#fff; background-image:none; color:#000 }
#ad, #ad1, #admid, #rt, #rtaCity{ display:none}
@page {size:auto; margin:10px}
}