@font-face {
	font-display: swap;
	font-family: 'PTSans';
	src: local('PT Sans'),
		url('/fonts/PTSans-Regular.woff2') format('woff2'),
		url('/fonts/PTSans-Regular.woff') format('woff'),
		url('/fonts/PTSans-Regular.ttf') format('truetype'),
		url('/fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/PTSans-Regular.eot');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'PTSans';
	src: local('PT Sans Bold'),
		url('/fonts/PTSans-Bold.woff2') format('woff2'),
		url('/fonts/PTSans-Bold.woff') format('woff'),
		url('/fonts/PTSans-Bold.ttf') format('truetype'),
		url('/fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/PTSans-Bold.eot');
	font-weight: 700;
	font-style: normal;
}




/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol { 
	padding-left: 16px;
	list-style: decimal;
}
ul {
	padding-left: 16px;
	list-style:  disc;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/* end reset browser styles */






a,body {
    color: #000;
}

h1.title,h3,h2,h4,h5,h6 {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

body {
	font-family: 'PTSans', sans-serif;
}



h1 {
    font-size: 2.05em;
    padding-bottom: 5px;
}



h2 {
    font-size: 1.9em;
    padding-bottom: 5px;
}


h3 {
    font-size: 1.75em;
    padding-bottom: 5px;
}




h4 {
    font-size: 1.6em;
    padding-bottom: 5px;
}

h5 {
    font-size: 1.55em;
    padding-bottom: 5px;
}

h6 {
    font-size: 1.5em;
    padding-bottom: 5px;
}



a {
    outline: 0;
    text-decoration: none;
}


.map-desc a {text-decoration: underline;}





a:hover {
    text-decoration: underline;
}

.letter a,.nav li a {
    text-decoration: none;
}

.clr:after {
    content: '';
    display: table;
    clear: both;
}

.aligncenter,.logo img,.nav li a,.quick-search a {
    display: block;
}

.ul-reset ul,ul.ul-reset {
    padding: 0;
    margin: 0;
    list-style: none;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    float: right;
    margin: 0 0 10px 10px;
}

img.alignleft {
    float: left;
    margin: 0 10px 10px 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img {
    max-width: 100%;
    height: auto;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.item figure figcaption,.letter a,.links-list-item p,.map,.side-lists p,.text-center {
    text-align: center;
}

.col-2 {
    float: left;
    width: 30%;
}

.col-3 {
    float: left;
    width: 33.3%;
}

.col-4 {
    float: left;
    width: 25%;
}



h1.title {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width:767px) {
    .col-3,.col-4,.col-2 {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.header {
    position: relative;
    min-height: 65px;
    background: #619235;
    margin-bottom: 25px;
    border-bottom: 5px solid #456926;
}

.continents,.countries,.world-maps li {
    border-bottom: 1px solid #e2e2e2;
}

.content {
    float: right;
    width: 845px;
}

.contentindex {
    float: center;
    width: 1000px;
}

.sidebar {
    float: left;
    width: 336px;
}

.footer {
    background: #f0f0f0;
    border-top: 5px solid #e1e1e1;
    margin-top: 52px;
}

.footer .container {
    overflow: hidden;
    padding: 40px 0 30px;
}

.row {
    margin-bottom: 20px;
}

@media screen and (max-width:1230px) {
    .container {
        width: 96%;
    }

    .content,.sidebar {
        float: none;
        width: auto;
    }

    .content {
        margin-bottom: 20px;
    }
}

.logo,.nav,.nav li {
    float: left;
}

.logo {
    padding: 10px 0 0;
    width: 320px;
}

.nav {
    padding: 8px 0 5px;
}

.nav li {
    background: url(https://ontheworldmap.com/img/separator.png) right no-repeat;
    padding-right: 2px;
}

.nav li:last-child {
    padding: 0;
    background: 0 0;
}

.nav li a {
    line-height: 46px;
    padding: 0 25px;
    color: #FFF;
}

.nav li a:hover,.nav li.active a {
    background: #41691d;
    border-radius: 4px;
}

.quick-search {
    float: right;
    padding: 8px 0 5px;
}

.quick-search a {
    width: 66px;
    height: 46px;
    border-radius: 4px;
    background: url(//ontheworldmap.com/img/btn-search-2.png) center no-repeat #619235;
    text-indent: -9999px;
}

@media screen and (max-width:1199px) {
    .logo,.nav li {
        text-align: center;
        float: none;
    }

    .logo,.nav,.nav li {
        float: none;
    }

    .logo,.quick-search a {
        width: auto;
    }

    .logo {
        padding: 10px 0;
    }

    .logo img {
        display: inline;
    }

    .nav li {
        background: 0 0;
        padding-right: 0;
    }

    .quick-search {
        float: none;
        padding: 8px 0 20px;
    }
}

.world-maps {
    margin-bottom: 22px;
}

.world-maps .title {
    margin-bottom: 10px;
}

.world-maps li {
    float: left;
    width: 282px;
    margin-right: 16px;
}

.world-maps li:nth-child(3n+1) {
    width: 246px;
}

.world-maps li:nth-child(3n) {
    margin: 0;
}

.world-maps li a {
    display: block;
    line-height: 49px;
    padding-left: 44px;
    color: #426620;
    font-size: 1rem;
}

.world-maps li:nth-child(3n+1) a {
    padding: 0;
}

.world-maps li a:hover {
    background: #f7f7f7;
}

@media screen and (max-width:1999px) {
    .world-maps li {
        width: 32%;
        margin-right: 1%;
    }

    .world-maps li:nth-child(3n+1) {
        width: 33%;
    }

    .world-maps li:nth-child(3n) {
        margin: 0;
    }

    .world-maps li:nth-child(3n+1) a {
        padding: 0 0 0 44px;
    }
}

@media screen and (max-width:767px) {
    .world-maps li {
        float: none;
        width: auto;
        margin-right: 0;
    }

    .world-maps li:nth-child(3n+1) {
        width: auto;
    }
}

.continents {
    margin-bottom: 24px;
    padding-bottom: 16px;
}

.continents li {
    float: left;
    margin: 0 36px 8px 0;
}

.continents li a {
    color: #426620;
    font-weight: 700;
    font-size: 1.1rem;
}


/*-------------------- countries --------------------*/



.countries {
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.countries>.clr {
    margin-bottom: 60px;
}

.countries>.clr:last-child {
    margin: 0;
}

.letter {
    float: left;
}

.letter a {
    display: inline-block;
    border: 2px solid #426620;
    border-radius: 3px;
    line-height: 44px;
    color: #426620;
    font-size: 1.5rem;
    width: 48px;
}

.banner img,.item figure img {
    display: block;
}

.letter a:hover {
    color: #FFF;
    background: #426620;
}

.countries ul {
    margin-left: 72px;
}

.countries ul li {
    margin-bottom: 12px;
}

.countries ul li:last-child {
    margin: 0;
}


.countries ul li a {
    text-decoration: underline;
    color:#426620;
    font-size:1rem;
}



.countries ul li a:hover {
    color: #000;
    text-decoration: none;
}










/*-------------------- usstates --------------------*/



.usstates {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e2e2e2;
}

.usstates>.clr {
    margin-bottom: 60px;
}

.usstates>.clr:last-child {
    margin: 0;
}



.usstates ul {
    margin-left: 72px;
}

.usstates ul li {
    margin-bottom: 12px;
}

.usstates ul li:last-child {
    margin: 0;
}


.usstates ul li a {
    text-decoration: underline;
    color:#421d1a;
    font-size:1.1rem;
}



.usstates ul li a:hover {
    color: #000;
    text-decoration: none;
}





/*-------------------- city --------------------*/









.city-maps li a {
    color: #426620;
    font-size: 1.125rem;
    font-weight: 700;
}

@media screen and (max-width:767px) {
    .countries>.clr {
        margin: 0;
    }

    .letter {
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }

    .countries ul {
        margin-left: 0;
        text-align: center;
    }
}

.city-maps {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e2e2e2;
}

.city-maps li {
    margin-bottom: 12px;
}

.city-maps li:last-child {
    margin: 0;
}

.city-maps li a {
    color: #426620;
    font-size: 1.125rem;
    font-weight: 700;
}

.item figure figcaption a,.links-list-item p {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 700;
}

@media screen and (max-width:767px) {
    .city-maps li {
        margin-bottom: 12px;
        text-align: center;
    }
}

.most-viewed-maps {
    margin-bottom: 33px;
}

.item {
    float: left;
    width: 274px;
    margin-right: 10px;
}

.item:nth-child(3n) {
    margin: 0;
}

.item figure {
    position: relative;
}

.item figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 52px;
    background: rgba(0,0,0,.82);
}

@media screen and (max-width:767px) {
    .item,.item:nth-child(3n) {
        margin: 0 auto 10px;
    }

    .item {
        float: none;
        width: 274px;
    }
}

.banner {
    margin-bottom: 15px;
    position: relative;
    z-index: 100;
}

.banner img {
    max-width: 100%;
    height: auto;
}

.banner p {
    margin-bottom: 5px;
    color: #808080;
    font-weight: 700;
}

@media screen and (max-width:1199px) {
    .banner {
        text-align: center;
    }

    .banner img {
        display: inline;
    }
}

.links-list-item {
    float: left;
    width: 25%;
    padding-right: 7px;
}

.links-list-item:last-child {
    padding: 0;
}

.links-list-item p {
    background: #619235;
    line-height: 45px;
    border-bottom: 4px solid #619235;
}

.links-list-item ul {
    background: #f0f0f0;
    padding: 22px 18px;
}

.links-list-item ul li {
    margin-bottom: 12px;
    font-size: .9375rem;
    font-weight: 700;
}

.links-list-item ul li:last-child {
    margin: 0;
}

@media screen and (max-width:767px) {
    .links-list-item {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }
}

.country-lists {
    margin-bottom: 25px;
    padding: 18px 0;
    background: #efefef;
    border-top: 5px solid #e4e4e4;
}

.country-lists ul {
    float: left;
    width: 50%;
    background: url(//ontheworldmap.com/img/line.png) right repeat-y;
    padding-left: 14px;
}

.country-lists ul:last-child {
    background: 0 0;
}

.country-lists ul li a {
    display: inline-block;
    padding: 0 9px;
    line-height: 25px;
    color: #4e4e4e;
    border-radius: 3px;
    font-size: .875rem;
    text-decoration: none;
}

.country-lists ul li a:hover {
    background: #dadada;
}

.side-lists {
    border: 3px solid #70b1f2;
    margin-bottom: 15px;
    padding: 20px 0;
}

.side-lists p {
    margin-bottom: 20px;
    color: #4c9eef;
    font-size: 1.5rem;
    font-weight: 700;
}

.side-lists ul {
    padding: 0 44px;
}

.side-lists ul li {
    margin-bottom: 12px;
    font-weight: 700;
}

.side-lists ul li:last-child {
    margin: 0;
}

.side-lists.orange {
    border-color: #fdbf5e;
}

.side-lists.orange p {
    color: #fdbf5e;
}

.side-lists.red {
    border-color: #ff8d8d;
}

.side-lists.red p {
    color: #e84c4c;
}

.item-2 {
    max-width: 400px;
    margin: 0 auto 25px;
}

.item-2 figure {
    position: relative;
}

.item-2 figure img {
    display: block;
    max-width: 100%;
}

.item-2 figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 55px;
    background: rgba(0,0,0,.77);
}

.btn-more,.link-map {
    right: 0;
    background: #2c99fe;
    top: 0;
}

.item-2 figure figcaption a {
    color: #FFF;
    font-weight: 700;
    font-size: 1.125rem;
}

.footer .logo {
    float: none;
    width: auto;
    padding: 0;
    margin-bottom: 40px;
}

.map-item,.socials li {
    float: left;
}

.support-menu {
    margin-bottom: 25px;
}

.support-menu li {
    float: left;
    margin-right: 15px;
}

.support-menu li:last-child {
    margin: 0;
}

.foot-list li,.foot-title {
    margin-bottom: 16px;
}

.support-menu li a {
    color: #555;
    text-decoration: underline;
    font-size: .8125rem;
}

.support-menu li a:hover {
    text-decoration: none;
}

.copyright {
    color: #aeaeae;
    font-size: .8125rem;
}

.copyright a {
    text-decoration: underline;
    color: #7f7f7f;
}

.copyright a:hover {
    text-decoration: none;
}

.foot-list {
    margin-left: 40px;
}

.foot-list li:last-child {
    margin: 0;
}

.foot-list li a {
    text-decoration: underline;
    color: #535353;
    font-size: .8125rem;
}

.foot-list li a:hover {
    text-decoration: none;
}

.socials li a {
    display: block;
    padding: 0 4px;
    line-height: 38px;
}

.socials li a:hover {
    padding: 0 2px;
    border: 1px solid #cecece;
    line-height: 34px;
}

.btn-more,.item-3-size,.link-map,.map-item p {
    line-height: 26px;
}

@media screen and (max-width:1199px) {
    .copyright,.foot-list,.foot-title,.ul-reset.socials {
        text-align: center;
    }

    .support-menu {
        margin: 0 auto 25px;
        display: table;
    }

    .foot-list {
        margin-left: 0;
    }

    .ul-reset.socials {
        margin: 0 auto;
        display: table;
    }
}

.map-item {
    position: relative;
    max-width: 409px;
}

.map-item:last-child {
    float: right;
}

.map-item p {
    margin-bottom: 14px;
    font-weight: 700;
    color: #575656;
    font-size: 1.125rem;
}

.link-map {
    position: absolute;
    padding: 0 26px;
    color: #FFF;
    font-size: .875rem;
}

@media screen and (max-width:900px) {
    .map-item,.map-item:last-child {
        float: none;
    }

   @media screen and (max-device-width: 600px) {
    .map-item,.map-item:last-child {width: 95%;}
   }

    .map-item {
        margin: auto;
    }
}

.item-2 {
    float: left;
    width: 400px;
    margin-right: 10px;
}



.item-3 {
    float: left;
    width: 274px;
    margin-right: 10px;
}

.item-3:nth-child(3n) {
    margin: 0;
}

.item-3 p {
    margin-bottom: 4px;
    font-weight: 700;
    color: #575656;
    font-size: 1.125rem;
}

.btn-more,.map-desc,.size {
    font-size: .875rem;
}

.item-3-size {
    margin-bottom: 3px;
    position: relative;
}

.size {
    color: #619235;
}

.btn-more {
    position: absolute;
    padding: 0 14px;
    color: #FFF;
}

.btn-more span {
    background: url(//ontheworldmap.com/img/arr.png) right no-repeat;
    padding-right: 18px;
}

@media screen and (max-width:900px) {
    .item-3,.item-3:nth-child(3n) {
        margin: 0 auto 10px;
    }

    .item-3 {
        float: none;
    }
}

.map {
    padding: 2px;
    border: 1px solid #d2d2d2;
    margin-bottom: 14px;
}

.link-large {
    display: inline-block;
    text-decoration: underline;
    margin-bottom: 5px;
    color: #619235;
}

.map-desc,.map-desc-1 {
    margin-bottom: 5px;
    color: #363535;
    font-size: 1.1rem;
}

.link-large:hover {
    text-decoration: none;
}

.map-desc-1 {
    font-size: 1.1rem;
}


.map-desc p {
    font-size: 1.1rem;
  margin-top: 1em;
  margin-bottom: 1em;
}


.map-desc big {
    color: #000;
    font-size: 1.325rem;
}




.map-desc a {
    color: #335218;
}

.map-desc a:hover {
    color: #67993c;
}




.map-desc h2 {
    color: #000;
}

.map-desc h3 {
    color: #000;
}

.map-desc h4 {
    color: #000;
}

.map-desc h5 {
    color: #000;
}

.map-desc h6 {
    color: #000;
}

.links {
    margin-bottom: 30px;
    position: relative;
}

.link-back {
    font-weight: 700;
    font-size: 1.5rem;
    text-decoration: underline;
}

.soc-btns {
    position: absolute;
    top: 0;
    vertical-align: bottom;
    left: 456px;
}


@media screen and (max-width:1199px) {
    .soc-btns {
        position: static;
        margin-top: 10px;
    }
}

#lilili img {
opacity:0.05; -moz-opacity:0.05; filter:alpha(opacity=5);
}
#lilili img:hover {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
#lilili a img {
opacity:0.05; -moz-opacity:0.05; filter:alpha(opacity=5);
}
#lilili a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

@media (min-width: 1199px) {
	#stickyunit {
		position: sticky;
		top: 0;
		height: 290px;
	}
}


.header .google-auto-placed {

    display: none;

}






.table_blur {

  border-collapse: collapse;
  text-align: left;
  display: block;
  overflow: auto;

}
.table_blur th {
  background: #708a34;
  color: #ffffff;
  border: 1px solid #A0A0A0;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
}

.table_blur tr:nth-child(even) {
  background: #fffff9;
}

.table_blur tr:nth-child(odd) {
  background: #D6E5B3;
}

.table_blur td {
  border: 1px solid #A0A0A0;
  padding: 10px 15px;
  position: relative;
vertical-align: top;
  transition: all 0.5s ease;
}

.table_blur tr:hover td {
	background: #fffabe;
}


 

.table_blur tr:hover td:first-child:after {
	border-left: 3px solid orange;
}

 


.table_blur tr:hover td:last-child:after {
	border-right: 3px solid orange;
	width: auto;
}


  table_blur picture img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
  }







.table_blur a {
    color: #1a2b0a;
}

.table_blur a:hover {
    color: #67993c;
}







.icomap li {

	display: block;
	margin: 7px 0;
	background: url(https://ontheworldmap.com/img/icomap.png) 0 4px no-repeat;
	padding-left: 15px;
	font-size: 14px;

}



.breadcrumbs {
    margin-top: 1px;
    margin-bottom: 15px;
    color: #545454;
    font-size: 1rem;
}



.breadcrumbs a {
    margin-bottom: 5px;
    color: #545454;
    font-size: 1rem;
    text-decoration: underline;
}



.breadcrumbs .google-auto-placed {

    display: none;

}




.copymap {
  display: block;
  width: 100%;
  border: 1px dashed #869e4d;
  background-color: #faffed;
  padding: 10px;
}

.copymap p {
  font-size: 15px;
}


sup {
    vertical-align: super;
    font-size: smaller;
} 





.lastupdated {
font-size: 14px;
    color: #395706;
}




.phototext {
font-size: 15px;
    color: #395706;
}






.filesize {
font-size: 15px;
    color: #395706;
}


.filesize big {
    color: #000;
    font-size: 1.125rem;
}













		.menu-burger {
	display: none;
}

@media(max-width: 1198.98px) {
	.menu-burger {
		position: relative;
		z-index: 1000 !important;
		display: block;
		width: 35px;
		height: 25px;
		cursor: pointer;
		background: transparent;
		border: 0;
	}
	.menu-burger span,
	.menu-burger::before,
	.menu-burger::after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #fff;
		transition: all 0.2s ease-in-out;
	}
	.menu-burger::before,
	.menu-burger::after {
		content: '';
	}
	.menu-burger::before {
		top: 0;
	}
	.menu-burger span {
		top: 50%;
		transform: scale(1) translate(0, -50%);
	}
	.menu-burger::after {
		bottom: 0;
	}
	.menu-burger.active::before {
		top: 50%;
		transform: rotate(-45deg) translate(0, -50%);
	}
	.menu-burger.active span {
		transform: scale(0) translate(0, -50%);
	}
	.menu-burger.active::after {
		bottom: 50%;
		transform: rotate(45deg) translate(0, 50%);
	}

	.header > .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.nav {
		position: absolute;
    top: 70px;
    left: 0;
		width: 100%;
    background: #619235;
    transform: translateX(-100%);
		transition: all 0.2s ease-in-out;
	}
	.nav.active {
		transform: translateX(0);
		z-index: 9999;
	}
	.quick-search {
		width: 50px;
		padding: 0;
	}
	.header > .container.clr::after {
		content: none;
	}
}






    .allcountries { 
     color: #421d1a;
     font-size: 100%; 

     position: relative; 

    }




    .allcountries a { 
     color: #421d1a;
     font-size: 150%; 
    padding-bottom: 15px;
     position: relative; 

    }



@media (max-width: 768px) {
    #OSMap {
        height: 350px !important; 
        width: 90% !important; 
    }}