@charset "utf-8";
@font-face {
	font-family:HelveticaNeueLTStd-Bd;
	src:url(inc/fonts/2C7436_0_0.eot);
	src:url(inc/fonts/2C7436_0_0.eot?#iefix) format('embedded-opentype'),url(inc/fonts/2C7436_0_0.woff2) format('woff2'),url(inc/fonts/2C7436_0_0.woff) format('woff'),url(inc/fonts/2C7436_0_0.ttf) format('truetype'),url(inc/fonts/2C7436_0_0.svg#wf) format('svg')
}
@font-face {
	font-family:HelveticaNeueLTStd-Roman;
	src:url(inc/fonts/2C7436_1_0.eot);
	src:url(inc/fonts/2C7436_1_0.eot?#iefix) format('embedded-opentype'),url(inc/fonts/2C7436_1_0.woff2) format('woff2'),url(inc/fonts/2C7436_1_0.woff) format('woff'),url(inc/fonts/2C7436_1_0.ttf) format('truetype'),url(inc/fonts/2C7436_1_0.svg#wf) format('svg')
}
@font-face {
	font-family:HelveticaNeueLTStd-Th;
	src:url(inc/fonts/2C7436_2_0.eot);
	src:url(inc/fonts/2C7436_2_0.eot?#iefix) format('embedded-opentype'),url(inc/fonts/2C7436_2_0.woff2) format('woff2'),url(inc/fonts/2C7436_2_0.woff) format('woff'),url(inc/fonts/2C7436_2_0.ttf) format('truetype'),url(inc/fonts/2C7436_2_0.svg#wf) format('svg')
}
.f3 {
	font-family:HelveticaNeueLTStd-Bd;
	font-weight:400;
	font-style:normal
}
.f2 {
	font-family:HelveticaNeueLTStd-Roman;
	font-weight:400;
	font-style:normal
}
.f1 {
	font-family:HelveticaNeueLTStd-Th;
	font-weight:400;
	font-style:normal
}
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-outline:0;
* {
	margin:0;
	padding:0;
	font-smooth:always;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizelegibility
}
html,body,div,span,applet,object,iframe,div 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,u,center,dl,dt,dd,ol,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%;
	font:inherit;
	text-align:left;
	vertical-align:top;
	text-decoration:none;
	padding-bottom:0
}
textarea,input {
	border:0;
	outline:0
}
html,body {
	height:100%;
	min-width:320px;
	font-weight:400;
	font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif
}
#main {
	position:relative;
	width:100%;
	overflow:hidden;
	padding-top:54px;
	text-align:center
}
body {
	padding-right:0!important
}

#searchinput::-webkit-input-placeholder { color: #2D3E4F; opacity: 0.8; }			/* Chrome */
#searchinput:focus::-webkit-input-placeholder { opacity: 0.45; }
#searchinput:-ms-input-placeholder { color: #2D3E4F; opacity: 0.8; }					/* IE 10+ */
#searchinput:focus:-ms-input-placeholder { opacity: 0.45; }
#searchinput::-moz-placeholder { color: #2D3E4F; opacity: 0.8; }							/* Firefox 19+ */
#searchinput:focus::-moz-placeholder { opacity: 0.45; }
#searchinput:-moz-placeholder { color: #2D3E4F; opacity: 0.8; }								/* Firefox 4 - 18 */
#searchinput:focus:-moz-placeholder { opacity: 0.45; }

#main-nav {
	padding-right:0!important
}
.modal-open {
	overflow:auto
}
.row {
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
body {
	line-height:1
}
u {
	text-decoration:underline
}
blockquote,q {
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none
}
a {
	text-decoration:none;
	color:#317b9e
}
a:link {
	text-decoration:none;
	color:#317b9e
}
a:visited,a:focus {
	text-decoration:none;
	color:#317b9e;
	outline:0;
	-moz-outline:0;
	-moz-user-focus:none
}
a:hover {
	text-decoration:none;
	color:#317b9e;
	border-bottom:1px solid #51859e;
	outline:0;
	-moz-outline:0;
	-moz-user-focus:none
}
table {
	position:relative;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	margin:0;
	padding:0;
	font-size:15px;
	line-height:24px
}
td {
	padding:0;
	text-align:left;
	vertical-align:middle
}
hr.soften {
	height:1px;
	margin:50px;
	background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.1),rgba(0,0,0,0));
	background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.1),rgba(0,0,0,0));
	background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.1),rgba(0,0,0,0));
	background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.1),rgba(0,0,0,0));
	border:0
}
h3 {
	font-weight:300;
	font-size:21px;
	font-weight:bold;
	color:#404040;
	margin-top:30px;
	margin-bottom:12px
}
.canvas {
	position:relative;
	max-width:1260px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
	text-align:left;
	color:#4d5358
}
#cache {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#000;
	z-index:200
}
#top {
	z-index:300
}
#top #title {
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:54px;
	background-image:url(pictures/geopc_logo.svg);
	background-repeat:no-repeat;
	background-position:9px 9px;
	background-size:204px;
	/*
	background-position:8px 0;
	background-size:190px 54px;
	*/
	cursor:pointer
}
#top #title:hover {
	background-color:rgba(0,0,0,0.15);
	transition:all 200ms ease 0s
}
#top .icon-bar {
	background-color:rgba(255,255,255,0.95)
}
.navbar-right {
	margin:10px -5px 10px 0
}
.navbar-static-top {
	border:0
}
#top.bs-docs-nav {
	position:fixed;
	top:0;
	left:0;
	right:0;
	padding:0;
	background-color:rgba(0,0,0,0.15);
	box-shadow:0 0 4px rgba(34,34,34,0.5)
}
#top.bar.bs-docs-nav {
	background-color:#2d3e4f;
	box-shadow:none
}
#top.searching.bs-docs-nav {
	box-shadow:none
}
#top.barforce.bs-docs-nav {
	background-color:#2d3e4f;
	box-shadow:none
}
#top.bs-docs-nav .navbar-nav>li>a {
	padding:7px 10px 8px 10px;
	margin:0 4px 0 0;
	font-family:'Lato',sans-serif;
	font-weight:700;
	font-size:15px;
	line-height:21px;
	color:#eee;
	border-radius:5px;
	border:0;
	text-shadow:1px 1px rgba(0,0,0,0.3)
}
#top.bar.bs-docs-nav .navbar-nav>li>a {
	color:#e4e4e4;
	text-shadow:none
}
#top.bs-docs-nav .navbar-nav>li.sel>a {
	color:#fff;
	background-color:#3b75b2;
	cursor:default;
	box-shadow:none;
	text-shadow:none
}
#ncart {
	margin-left:1px;
	margin-right:0;
	font-weight:400;
	color:#bbb
}
#top.bs-docs-nav .navbar-nav>li.selcart>a {
	background-color:rgba(255,255,255,0.25)
}
.nav>li>a:hover,.nav>li>a:focus {
	text-decoration:none;
	background-color:rgba(255,255,255,0.15);
	color:#fff
}
.navbar {
	height:54px;
	min-height:54px;
	margin:0
}
.navbar-nav span {
	padding-top:2px;
	margin-right:6px
}
.bs-docs-nav .navbar-toggle .icon-bar {
	background-color:#fff
}
.navbar-toggle {
	margin:8px 12px 8px 0;
	border:0 solid #fff;
	color:#444
}
.navbar-toggle .icon-bar {
	display:block;
	width:25px;
	height:4px;
	border-radius:4px
}
.navbar-toggle {
	border:0 solid #aaa
}
.navbar-toggle:hover {
	background-color:rgba(0,0,0,0.1)
}
.collapsing {
	-webkit-transition:height .15s ease;
	-o-transition:height .15s ease;
	transition:height .15s ease
}
.collapse.in,.collapsing {
	background-color:rgba(0,0,0,0.9);
	border:0
}
.navbar-collapse {
	box-shadow:none
}
#submenu {
	position:relative;
	height:75px;
	text-align:center;
	font-family:HelveticaNeueLTStd-Bd;
	font-weight:normal;
	font-size:
}
#submenu a {
	text-decoration:none
}
#submenu h1 {
	position:relative;
	height:75px;
	padding-top:20px;
	vertical-align:top;
	text-align:left;
	color:#303030
}
#submenu h1 b {
	font-weight:normal;
	color:#f9f9f9
}
#smFlag {
	position:absolute;
	top:10px;
	right:30px;
	width:96px;
	height:96px;
	background-color:#bed0de;
	background-size:98px 98px;
	background-position:center;
	border:2px solid #fff;
	border-radius:50%;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.4);
	box-shadow:0 1px 4px rgba(0,0,0,0.4);
	z-index:200
}
#smFlag.flat {
	position:fixed;
	width:48px;
	height:48px;
	background-size:62px 62px;
	margin-top:38px;
	border-radius:14%;
	border:3px solid #fff
}
.submenubut {
	position:relative;
	float:left;
	font-size:14px;
	line-height:30px;
	vertical-align:middle;
	padding:1px 16px 0 16px;
	margin:34px 4px 0 0;
	background-color:rgba(0,0,0,0.2);
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	color:#eee;
	cursor:pointer;
	z-index:3
}
.submenubut.sel {
	padding-top:0;
	border-top:3px solid #c06;
	color:#222;
	background-color:#f7f5f1;
	cursor:default;
	height:30px
}
.submenubut.sel:hover {
	color:#222;
	border-top:3px solid #c06;
	background-color:#f7f5f1;
	line-height:30px
}
.submenubut:hover {
	color:#fff;
	background-color:rgba(0,0,0,0.35)
}
#errmsg {
	display:none
}
#tabcanvas #pg_faq h3 {
	display:inline-block;
	color:#337ab7;
	cursor:pointer;
	margin:0;
	margin-bottom:10px;
	border-bottom:1px solid #fff;
	font-size: 18px;
	line-height: 25px;
}
#tabcanvas #pg_faq h3:hover {
	border-color:#337ab7
}
#pg_faq h4 {
	font-size:23px;
	font-weight:600;
	color:#974c99;
	padding-top:25px;
	margin-bottom:20px
}
#pg_faq p {
	display:none;
	font-size:16px;
	line-height:25px;
	color:#4d5358;
	padding-bottom:20px
}
#regcond {
	margin-right:6px;
	margin-top:12px
}
#login {
	top:54px;
	display:none;
	position:absolute;
	padding:8px;
	padding-top:0;
	font-size:12px;
	color:#f0f0f0;
	line-height:23px;
	right:10px;
	width:auto;
	height:auto;
	background-color:#333;
	-webkit-box-shadow:0 0 7px #333;
	-moz-box-shadow:0 0 7px #333;
	box-shadow:0 0 7px #333;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	z-index:50
}
#login a {
	line-height:20px;
	margin-left:3px;
	color:#ed6297;
	border-color:#ed6297
}
#login input {
	color:#222;
	border:0;
	outline:0;
	-webkit-box-shadow:2px 2px 10px #bbb inset;
	-moz-box-shadow:2px 2px 10px #bbb inset;
	box-shadow:2px 2px 10px #bbb inset;
	padding-left:6px;
	padding-right:4px;
	background-color:#f7f5f1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-family:Helvetica,Arial,Sans-serif;
	font-size:13px;
	line-height:25px;
	height:25px;
	vertical-align:middle;
	width:160px;
	margin-bottom:4px
}
#footer {
	position:relative;
	color:#444;
	font-size:14px;
	line-height:24px;
	background-color:#f8f8f8
}
#footer h3 {
	font-size:15px;
	color:#555;
	margin:0;
	padding-top:5px;
	padding-bottom:10px
}
#footer img {
	margin-right:9px;
	margin-top:4px;
	width:16px;
	height:16px
}
.footlogo {
	position:absolute;
	left:50%;
	width:160px;
	height:54px;
	bottom:0;
	margin-left:-80px;
	background-image:url(pictures/worldtr.svg);
	background-repeat:no-repeat;
	background-size:cover
}
.footmenu {
	float:left;
	vertical-align:top;
	width:16.66%;
	height:190px
}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px
}
#languages {
	padding-top:21px;
	vertical-align:top;
	text-align:right
}
#languages img {
	margin-left:2px;
	margin-right:8px;
	width:20px
}
#languages .caret {
	margin-left:8px;
	margin-right:2px;
	padding-top:8px
}
#languages .dropdown-menu>li>a {
	padding:3px 12px
}
#languages .dropdown-menu {
	min-width:140px
}
#logo {
	position:absolute;
	left:20px;
	top:83px;
	width:250px;
	height:63px;
	background-image:url(https://www.geopostcodes.net/logo.png)
}
#social {
	position:absolute;
	left:280px;
	top:104px
}
.btn-success {
	background-color:#82b440;
	border:1px solid #74a138
}
.btn-success:focus,.btn-success:hover {
	background-color:#74a138
}
#cart {
	position:relative;
	display:none;
	border-bottom:3px solid #666;
	background-color:#f8f8f8;
	background-image:url(https://www.geopostcodes.net/cartshad.png);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:50
}
.cartfix {
	display:block;
	position:fixed;
	top:54px;
	left:0;
	width:100%;
	height:auto;
	z-index:50
}
#cart h1 {
	margin-bottom:0;
	font-size:17px;
	font-weight:400;
	color:#444;
	padding-left:30px;
	padding-right:6px;
	padding-bottom:10px;
	background-image:url(https://www.geopostcodes.net/cartnb.png);
	background-size:22px 18px;
	background-repeat:no-repeat;
	background-position:1px 0
}
#cart h1 span {
	display:inline-block;
	float:right;
	font-size:16px
}
.item {
	position:relative;
	width:auto;
	padding-left:50px;
	padding-right:8px;
	padding-top:9px;
	padding-bottom:11px;
	border-top:1px solid #ddd;
	font-size:17px;
	font-weight:600;
	line-height:17px;
	color:#444;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:12px 5px
}
.item.title {
	padding-top:10px;
	padding-bottom:12px;
	margin-top:30px;
	border-bottom:0 solid #f4f4f4;
	border-top:0;
	padding-left:16px;
	line-height:20px;
	vertical-align:middle;
	font-size:18px;
	font-weight:700;
	font-variant:small-caps;
	color:#2D3E4F;
}
.item.fact {
	background-image:url(https://www.geopostcodes.net/pdf8.png);
	background-position:8px 9px
}
.item.detail {
	font-weight:normal;
	padding-top:15px;
	background-image:url(https://www.geopostcodes.net/invoice.png);
	background-position:11px 17px;
	padding-bottom:20px;
	border:0;
	padding-left:55px
}
.item.detail td {
	line-height:20.5px
}
.item.detail:hover {
	background-color:#fff
}
.item:hover {
	background-color:#fff
}
.item p {
	margin-top:6px;
	color:#888;
	font-size:15px;
	font-weight:400
}
.item p span {
	padding-left:5px;
	padding-right:5px;
	color:#ccc
}
.item p b {
	color:#333
}
.item div {
	position:absolute;
	padding-right:8px;
	right:0;
	top:9px;
	text-align:right
}
.item div p {
	text-align:right
}
.item td {
	vertical-align:top
}
.downlnk {
	display:inline-block;
	font-weight:600;
	padding-left:20px;
	background-image:url(pictures/do.png);
	background-repeat:no-repeat;
	background-position:0 1px;
	height:20px
}
#cartmain {
	padding:35px;
	padding-left:0
}
#cartopt {
	padding:35px;
	padding-top:25px;
	font-size:15px;
	line-height:19px;
	background-color:#ececec;
	color:#666
}
#cartopt span {
	margin-left:8px;
	margin-right:8px;
	color:#ccc
}
#cartopt p {
	color:#333;
	font-weight:500;
	margin-bottom:6px;
	font-size:16px
}
.shopbut {
	position:relative;
	margin-top:10px;
	width:auto;
	color:#fff;
	font-size:16px;
	background-color:#99bc3d;
	cursor:pointer;
	display:inline-block;
	height:39px;
	line-height:27px;
	padding:5px 20px;
	text-align:center;
	text-decoration:none;
	font-weight:500;
	vertical-align:top;
	border-radius:2px
}
.shopbut span {
	margin-left:10px;
	font-size:22px;
	margin-top:2px
}
.shopbut:hover {
	background-color:#8dad38
}
.shopbut.pink {
	background-color:#ea4c89
}
.shopbut.pink:hover {
	background-color:#df3e7b
}
.shopbut.off,.shopbut.off:hover {
	background-color:#ddd;
	color:#888;
	cursor:default
}
#close {
	position:absolute;
	left:-11px;
	top:0;
	width:32px;
	height:32px;
	background-image:url(https://www.geopostcodes.net/close.png);
	background-repeat:no-repeat
}
#popup {
	position:fixed;
	display:none;
	width:auto;
	height:auto;
	background-color:#fff;
	font-size:16px;
	line-height:20px;
	border:1px solid #777;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 10px #666;
	-moz-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
	z-index:200
}
#popup h1 {
	width:auto;
	padding-left:15px;
	line-height:49px;
	height:49px;
	vertical-align:middle;
	background-color:#d9f2f7;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	color:#1b4952;
	border-bottom:1px solid #cbe2e7;
	text-align:left;
	font-size:25px;
	font-weight:bold
}
#popup h2 {
	position:absolute;
	right:-7px;
	top:-17px;
	width:32px;
	height:32px;
	background-image:url(https://www.geopostcodes.net/close.png);
	background-repeat:none;
	cursor:pointer
}
#popup h3 {
	margin-right:10px;
	margin-top:12px;
	margin-bottom:5px;
	color:#666;
	font-family:"Courier New",Courier,monospace;
	font-size:14px;
	line-height:16px
}
#popup h3 b {
	color:#000
}
.mptd {
	width:85px;
	font-weight:bold;
	text-align:right
}
#paydetails {
	margin-top:8px;
	margin-bottom:12px
}
#paydetails td {
	font-size:14px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #ddd
}

#searchbar {
	position: relative;
	width: 100%;
	height: 65px;
	background-color: #f2f2f2;
	text-align: center;
}

#homesearch {
	position:relative;
	margin-top: 10px;
	left:auto;
	right:auto;
	width:400px;
	height:45px;
	background-color:#fff;
	border-radius:8px;
	padding-left:48px;
	background-image:url(pictures/search2b.svg);
	background-size:33px 33px;
	background-repeat:no-repeat;
	background-position:7px 6px;
	z-index: 100;
}
#homesearch:hover {
	background-color:#fff;
	transition:all 120ms ease 0s
}
#homesearch:focus {
	background-color:rgba(255,255,255,0.95);
	background-image:url(pictures/search2.svg);
	width:500px;
	color:#111;
	transition:all 120ms ease 0s
}
#srchbut .glyphicon {
	font-size:19px;
	padding-top:0;
	margin-right:0
}
#srchbut b {
	display:none;
	margin-left:5px;
	font-weight:700
}
#clrsearch {
	visibility:hidden;
	position:absolute;
	width:20px;
	height:20px;
	right:32px;
	top:26px;
	cursor:pointer;
	background-image:url(https://www.geopostcodes.net/clear.png);
	background-repeat:no-repeat;
	-moz-opacity:.15;
	-khtml-opacity:.15;
	opacity:.15
}
#clrsearch:hover {
	-moz-opacity:.4;
	-khtml-opacity:.4;
	opacity:.4
}
#searchresults {
	display:none;
	position:fixed;
	top:54px;
	left:0;
	right:0;
	min-height:135px;
	height:auto;
	padding-bottom:5px;
	font-size:17px;
	line-height:23px;
	color:#222;
	background-color:#fff;
	-webkit-box-shadow:0 0 7px #444;
	-moz-box-shadow:0 0 7px #444;
	box-shadow:0 0 7px #444;
	z-index:250
}
#searchresults .title {
	position:relative;
	padding-left:20px;
	padding-right:95px;
	height:58px;
	background-color:#99b5c6
}
#searchresults .title b {
	color:#fff;
	font-weight:bold
}
#searchresults input {
	position:relative;
	display:inline-block;
	top:7px;
	width:100%;
	vertical-align:bottom;
	background-color:transparent;
	color:#111;
	font-size:25px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	font-weight:400;
	padding: 0;
}
#searchresults h3 {
	color:#333;
	font-size:17px;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	margin-top:15px
}
#searchresults a {
	line-height:20px;
}
#searchresults b {
	color:#333;
	font-weight:bold
}
#searchresults i {
	font-style:normal;
	font-size:14px
}
#searchresults span {
	margin-left:5px;
	color:#888
}
#searchresults p {
	color:#333;
	font-size:14px;
	line-height:16px;
	margin-top:3px;
	padding-bottom:6px;
	font-weight:400
}
#searchresults p span {
	margin-left:5px;
	margin-right:5px;
	font-weight:normal;
	color:#aaa
}
.filters {
	position:absolute;
	top:12px;
	right:5px;
	height:35px
}
.filters div {
	position:relative;
	display:none;
	color:#3f3f3f;
	background-color:rgba(255,255,255,0.5);
	margin-right:5px;
	font-weight:600;
	font-size:16px;
	line-height:16px;
	padding:7px;
	padding-left:38px;
	padding-right:15px;
	padding-bottom:9px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px
}
.filters span {
	position:absolute;
	top:3px;
	left:-1px;
	height:26px;
	width:26px;
	background-color:rgba(255,255,255,0.4);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	cursor:pointer
}
.filters span:hover {
	background-color:rgba(255,255,255,0.9)
}
.filters i {
	color:#99b5c6;
	padding-left:5px;
	padding-top:1px
}
#resdisp {
	padding-top:6px;
	min-height:131px
}
#resdisp div {
	padding-top:4px;
	padding-left:18px;
	padding-right:18px;
	padding-bottom:2px;
	border-top:1px solid #e0e0e0;
	cursor:pointer;
	background-position:right 7px;
	background-repeat:no-repeat;
	background-origin:content-box
}
#resdisp div:hover {
	color:#000;
	background-color:#f0f0f0
}
#resdisp h2 {
	padding-top:15px;
	padding-left:23px;
	font-weight:600;
	font-size:18px;
	color:#333
}
#resdisp h3 {
	padding-left:40px;
	color:#666;
	padding-bottom:10px
}
#searchresults img {
	position:absolute;
	left:22px;
	top:74px;
	width:16px;
	height:11px
}
#account {
	background-color:#f8f8f8
}
#account h1 {
	padding-top:12px;
	margin-bottom:25px;
	font-size:16px;
	color:#444;
	padding-left:42px;
	padding-bottom:6px;
	vertical-align:top;
	background-image:url(https://www.geopostcodes.net/account.png);
	background-repeat:no-repeat;
	background-position:0 0;
	border-bottom:1px solid #ccc
}
#account h1 span {
	display:inline-block;
	float:right;
	font-size:14px;
	color:#069;
	font-weight:bold
}
#account h1 b {
	margin-left:5px;
	margin-right:5px;
	color:#ccc;
	font-weight:300
}
.userformtit {
	position:fixed;
	left:225px;
	right:0;
	top:53px;
	height:50px;
	background-color:#f8f8f8;
	line-height:48px;
	vertical-align:middle;
	padding-left:20px;
	font-size:17px;
	font-weight:600;
	color:#333;
	border-bottom:1px solid #e0e0e0;
	z-index:20
}
.userformtit .fa {
	padding-top:10px;
	margin-right:13px;
	font-size:29px;
	color:#99b5c6
}
.btn-default {
	background-color:#eee
}
.btn-default:hover {
	background-color:#ddd
}
.leaflet-control-zoom a {
	border:0
}
.leaflet-popup-content {
	font-size:14px;
	font-weight:normal
}
.leaflet-popup-content h1 {
	font-family:'Open Sans Condensed',sans-serif,Helvetica,Arial;
	font-weight:700;
	height:45px;
	vertical-align:top;
	font-size:26px;
	padding-left:36px;
	color:#444;
	margin-top:-4px
}
.leaflet-popup-content span {
	font-weight:700;
	color:#aaa;
	margin-left:6px;
	margin-right:6px
}
.leaflet-popup-content h1 span {
	font-weight:700;
	color:#666;
	margin-left:2px
}
.leaflet-popup-content table {
	width:270px;
	margin-bottom:10px;
	line-height:20px
}
.leaflet-container a.leaflet-popup-close-button {
	padding:15px 28px 0 0
}
.leaflet-container a.leaflet-popup-close-button:hover {
	border-bottom:0;
	color:#666
}
.flagmap {
	position:absolute;
	left:20px;
	top:16px;
	width:24px;
	height:24px;
	background-image:url(https://www.geopostcodes.net/flags.png);
	background-repeat:no-repeat
}
.alert {
	position:fixed;
	top:54px;
	left:0;
	right:0;
	-webkit-box-shadow:0 0 3px #777;
	-moz-box-shadow:0 0 3px #777;
	box-shadow:0 0 3px #777;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background-color:#c06;
	color:#fff;
	z-index:500;
	line-height:22px;
	padding-top:12px
}
.alert .close {
	color:#fff;
	opacity:.4
}
.alert .close:hover {
	opacity:.8
}
.alert a {
	color:#fffc00;
	border-color:#fffc00
}
#BankDet {
	width:auto;
	font-size:15px;
	margin-top:15px;
	margin-bottom:20px;
	color:#111;
	margin-left:10px
}
#BankDet td {
	padding:2px;
	padding-right:20px
}
#CardDet {
	width:auto;
	font-size:15px;
	margin-top:15px;
	margin-bottom:20px;
	color:#111;
	margin-left:10px
}
#CardDet td {
	padding:2px;
	padding-right:20px
}
#payer {
	border:1px solid #ddd;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	width:70px
}
.dropdown-menu>li>a {
	border:0
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
	color:#fff;
	background-color:#3d8bb0
}
.price .open>.dropdown-menu {
	padding-bottom:15px
}
.dropdown-header {
	padding:3px 15px;
	cursor:default;
	color:#cd1e61;
	font-weight:500;
	font-size:13px
}
pre {
	width:650px
}
.scrollbar-measure {
	width:1px;
	height:1px;
	overflow:scroll;
	position:absolute;
	top:-9999px
}
.canvas.home {
	line-height:165%;
	max-width:1080px
}
.canvas.home b {
	font-weight:500
}

.home h2 {
	font-weight:400;
	color:#2e3c43;
	padding-top:18px;
	padding-bottom:20px
}
.home h3 {
	margin:0;
	padding:0;
	font-weight:700;
	text-align:center;
	font-size:19px;
	line-height:125%;
	margin-top:10px;
	margin-bottom:20px;
	color:#2d3e4f
}
.home h4 {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:19px;
	letter-spacing:1px;
	color:#999;
	text-transform:uppercase
}
.hometab {
	padding-top:35px;
	padding-bottom:10px
}
.hometab div {
	text-align:center;
	padding-bottom:40px;
	color:#999;
	font-size:17px;
	line-height:150%
}
.homeimg {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:18px;
	width:140px;
	height:140px;
	background-repeat:no-repeat;
	background-size:140px 140px;
	background-position:center
}
#home {
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:10
}
#home #boxsearch {
	position:absolute;
	bottom:60px;
	padding-right:55px;
	font-size:17px;
	background-position:9px 5px;
	-moz-box-shadow:inset 1px 1px 2px #888;
	-webkit-box-shadow:inset 1px 1px 2px #888;
	box-shadow:inset 1px 1px 2px #888
}
#hometit {
	position:relative;
	margin-top:-56px;
	padding-top:50px;
	overflow:hidden;
	/*
	background:#1f5779;
	background:linear-gradient(125deg,#0d3061,#215c7c,#3974b1);
	background:-moz-linear-gradient(130deg,#3974b1,#215c7c,#0d3061);
	background:-webkit-linear-gradient(130deg,#3974b1,#215c7c,#0d3061);
	background:-o-linear-gradient(130deg,#3974b1,#215c7c,#0d3061);
	background:-ms-linear-gradient(130deg,#3974b1,#215c7c,#0d3061);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4d73',endColorstr='#1f6196',GradientType=1);
	*/
	background-image: url(pictures/banner04.svg);
	background-size: cover;
	background-position: left bottom;

}
#hometit.serv {
	/*
	background:#ac4f73;
	background:-moz-linear-gradient(125deg,#ac4f73 0,#fe9e96 100%);
	background:-webkit-linear-gradient(130deg,#ac4f73 0,#fe9e96 100%);
	background:linear-gradient(130deg,#ac4f73 0,#fe9e96 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac4f73',endColorstr='#fe9e96',GradientType=1)
*/
	background: #7691a5;
	background-image: url(pictures/boundaries2.png);
	/* bound6 */
	background-size: auto 101%;
	background-repeat: no-repeat;
	background-position: center 70px;
}
#hometxt {
	position:absolute;
	top:55px;
	left:0;
	line-height:110%
}
#hometxt h1 {
	margin:0;
	letter-spacing:-0.01em;
	font-family:HelveticaNeueLTStd-Bd;
	color:#fff;
	font-weight:normal
}
#hometxt h1 b {
	font-family:HelveticaNeueLTStd-Roman;
	color:#da3e7a
}
#hometxt a {
	color:#fff;
	margin-top:50px
}

#loupe {
	position:absolute;
	right:0px;
	top:222px;
	width:260px;
	height:260px;
	background-image:url(pictures/loupe3.svg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: 25px;
	z-index:20;
}

#compass {
	position:absolute;
	right:0;
	bottom:-280px;
	width:610px;
	height:610px;
	background-image:url(pictures/compass6.svg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom right;
	z-index:2
}

#houses {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:35%;
	background-image:url(pictures/cityscape.png);
	background-repeat:repeat-x;
	background-size:cover;
	background-position:bottom left
}
#service {
	position:absolute;
	right:0;
	bottom:0;
	width:444px;
	height:444px;
	background-image:url(pictures/develop.svg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:bottom right
}
#georef {
	margin-top:40px;
	width:100%;
	height:400px;
	border-radius:4px;
	border:4px solid rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	background-image:url(pictures/georef3.jpg);
	background-size:cover;
	cursor:pointer
}
#gadbtop {
	height:7px;
	width:100%;
	background-image:url(https://www.geopostcodes.net/shadtop.png);
	background-repeat:repeat-x
}
#streets {
	height:265px;
	padding-right:340px;
	background-image:url(https://www.geopostcodes.net/road.png);
	background-repeat:no-repeat;
	background-position:720px -5px
}
#custom {
	height:195px;
	padding-right:370px;
	padding-top:20px;
	margin-top:10px;
	background-image:url(https://www.geopostcodes.net/tool2.png);
	background-position:690px 0;
	background-repeat:no-repeat
}
#formats div {
	float:left;
	padding-top:68px;
	background-color:rgba(0,0,0,0.065);
	text-align:center;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	font-size:13px;
	font-weight:400;
	color:#444;
	background-image:url(https://www.geopostcodes.net/formats.png);
	background-repeat:no-repeat;
	background-position:center 5px;
	cursor:pointer
}
#formats div:hover {
	color:#000;
	background-color:rgba(0,0,0,0.2)
}
.format.help {
	margin-top:-3px;
	margin-bottom:30px;
	padding-top:75px;
	text-align:center;
	float:left;
	width:100px;
	height:28px;
	margin-right:40px;
	background-repeat:no-repeat;
	background-position:center 5px
}
#formats2 div {
	float:left;
	margin-top:15px;
	margin-bottom:2px;
	width:270px;
	padding-top:200px;
	height:200px;
	margin-left:12px;
	margin-right:12px;
	background-color:#efefef;
	text-align:center;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	font-size:13px;
	color:#444;
	background-image:url(https://www.geopostcodes.net/formats.png);
	background-repeat:no-repeat;
	background-position:center 5px;
	cursor:pointer;
	border:1px solid #bbb
}
#formats2 div:hover {
	color:#000;
	background-color:#e0e0e0
}
#browser {
	width:100%
}
#browser td {
	vertical-align:top
}
#browse h2 {
	margin-top:0;
	margin-bottom:16px;
	color:#777;
	font-weight:300;
	font-size:24px;
	letter-spacing:normal;
	padding:8px 0 10px 1px;
	border-bottom:1px solid #dedede
}
#browser.flat {
	margin-top:42px
}
.cont {
	position:relative;
	margin-bottom:28px
}
.cont h5 {
	position:absolute;
	right:0;
	top:20px;
	width:36px;
	height:29px;
	background-image:url(https://www.geopostcodes.net/grab.gif);
	background-position:center;
	background-repeat:no-repeat;
	cursor:move;
	_background-color:#f0efe7
}
.cont h5:hover {
	background-color:#ecebe8
}
.nextlist {
	color:#666;
	font-size:13px;
	border-top:1px solid #d0d0d0;
	cursor:pointer
}
.nextlist td {
	text-align:center;
	background-color:#eae7e2;
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px
}
.nextlist td:hover {
	color:#555;
	background-color:#ddf0a1
}
.nextlist .fa {
	font-size:17px;
	margin-top:-3px;
	margin-right:6px
}

.footlist td {
	margin: 0;
	text-align: center;
	background-color: #f5f4ef;
	color: #666;
	font-size: 14px;
	font-style: italic;
}

.flag {
	position:absolute;
	left:0;
	top:0;
	width:24px;
	height:24px;
	background-image:url(https://www.geopostcodes.net/flags.png);
	background-repeat:no-repeat
}
.flg {
	width:24px;
	height:24px;
	background-image:url(https://www.geopostcodes.net/flags.png);
	background-repeat:no-repeat
}
.box3 {
	float:left;
	width:33%
}
.country {
	position:relative;
	padding-left:35px;
	height:37px;
	margin-left:3px;
	margin-right:10px;
	font-size:16px;
	line-height:16px;
	padding-top:4px;
	vertical-align:top
}
.country b {
	font-weight:400
}
.xpic {
	padding-left:35px;
	padding-top:0;
	padding-bottom:4px;
	height:32px;
	margin-left:3px;
	margin-right:10px;
	background-repeat:no-repeat;
	font-size:15px
}
.sscr {
	margin-left:3px;
	color:#999;
	font-size:10px;
	vertical-align:top
}
#topbox {
	display:none;
	width:100%;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	color:#666;
	padding-left:2px;
	margin-top:10px;
	margin-bottom:25px;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #d0d0d0
}
.box1 {
	position:relative;
	display:inline-block;
	width:315px;
	padding:20px;
	padding-top:14px;
	margin:0;
	margin-bottom:18px;
	font-size:16px;
	line-height:19px;
	color:#555;
	background-color:#ebe9e6;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px
}
.box1 h2 {
	color:#404040;
	font-size:28px
}
.box1 p {
	width:100%
}
.box1 p span {
	position:relative;
	display:inline-block;
	float:right;
	margin-top:-1px;
	margin-right:2px;
	color:#aba9a8;
	font-size:18px
}
.product {
	position:relative;
	padding:6px;
	padding-left:56px;
	padding-right:15px;
	font-weight:400;
	margin-bottom:10px;
	height:39px;
	width:100%;
	color:#333;
	font-size:16px;
	line-height:26px;
	background-color:#fff;
	box-shadow:0 2px 0 #6f9a37;
	box-sizing:border-box;
	border:medium none;
	border-radius:4px;
	cursor:pointer;
	display:inline-block
}
.product_price {
	float:right;
	font-weight:700;
	font-size:18px
}
.product .glyphicon {
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	height:100%;
	width:44px;
	padding-left:1px;
	padding-top:10px;
	font-size:18px;
	text-align:center;
	margin-right:9px;
	color:#444;
	border-top-left-radius:4px
}
.product:hover {
	color:#fff
}
.product.c1:hover {
	background-color:#5cb860
}
.product.c1 {
	box-shadow:0 2px 0 #5cb860
}
.product.c2:hover {
	background-color:#53bbb4
}
.product.c2 {
	box-shadow:0 2px 0 #53bbb4
}
.product.c3:hover {
	background-color:#3079ab
}
.product.c3 {
	box-shadow:0 2px 0 #3079ab
}
.product.c4 .glyphicon,.product.c4:hover {
	background-color:#f9845b
}
.product.c4 {
	box-shadow:0 2px 0 #f9845b
}
.product.c5 .glyphicon,.product.c5:hover {
	background-color:#f092b0
}
.product.c5 {
	box-shadow:0 2px 0 #f092b0
}
.product.c6 .glyphicon,.product.c6:hover {
	background-color:#e15258
}
.product.c6 {
	box-shadow:0 2px 0 #e15258
}
.product_header {
	margin-left:4px;
	margin-right:3px;
	margin-bottom:12px;
	vertical-align:center;
	font-weight:700;
	color:#444;
	height:40px;
	line-height:40px;
	background-image:url(pictures/db.png);
	background-repeat:no-repeat;
	background-size:40px 39px;
	background-position:right
}
.product_header b {
	font-weight:400;
	margin-left:6px;
	margin-right:6px;
	color:#bbb
}
.product_header a {
	font-weight:400
}
#streetplus {
	position:absolute;
	top:51px;
	right:15px;
	height:29px;
	line-height:29px;
	vertical-align:middle;
	width:70px;
	font-size:12px;
	padding-left:8px;
	color:#666;
	background-color:#e1dfdc;
	background-image:url(https://www.geopostcodes.net/flags/mid/route.png);
	background-repeat:no-repeat;
	background-position:53px 2px;
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
	-webkit-box-shadow:0 0 3px #bbb;
	-moz-box-shadow:0 0 3px #bbb;
	box-shadow:0 0 3px #bbb;
	z-index:5
}
.info {
	font-weight:400;
	font-size:14px;
	line-height:18px;
	vertical-align:middle;
	float:left;
	margin-top:18px;
	margin-bottom:-2px;
	color:#888;
	position:relative;
	padding-top:10px;
	padding-bottom:12px;
	width:130px;
	padding-left:61px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-image:url(https://www.geopostcodes.net/pdf.png);
	background-repeat:no-repeat;
	background-position:6px 5px;
	background-color:rgba(0,0,0,0.04);
	cursor:pointer
}
.info:hover {
	background-color:#fbfbfa;
	color:#555;
	-webkit-box-shadow:0 0 4px #999;
	-moz-box-shadow:0 0 4px #999;
	box-shadow:0 0 4px #999
}
.info.cc {
	width:118px;
	margin-right:20px;
	background-image:url(https://www.geopostcodes.net/cc1.png)
}
.info.bt {
	width:118px;
	background-image:url(https://www.geopostcodes.net/wire1.png)
}
.button {
	padding:7px 12px;
	margin:0 15px 0 0;
	color:#52545c;
	border:1px solid #cbcfd7;
	border-bottom-color:#b1b6c1;
	border-radius:3px;
	box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,0.06);
	text-shadow:0 1px 0 #fff;
	background:#f4f5f8;
	background:-moz-linear-gradient(top,#f4f5f8 0,#e5e9ee 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4f5f8),color-stop(100%,#e5e9ee));
	background:-o-linear-gradient(top,#f4f5f8 0,#e5e9ee 100%);
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:700;
	text-align:center;
	cursor:pointer
}
.button:hover {
	text-decoration:underline
}
.button span {
	line-height:14px;
	height:16px;
	overflow:hidden;
	display:block;
	position:relative
}
.button.green {
	position:absolute;
	right:20px;
	top:7px;
	color:#fff;
	text-shadow:0 -1px 0 #84c312;
	text-align:center;
	border:1px solid #84bd1b;
	border-bottom-color:#6da111;
	box-shadow:0 1px 3px rgba(0,0,0,0.27);
	background:#c9e86c;
	background:-moz-linear-gradient(top,#c9e86c 0,#8cca1e 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c9e86c),color-stop(100%,#8cca1e));
	background:-webkit-linear-gradient(top,#c9e86c 0,#8cca1e 100%);
	background:-o-linear-gradient(top,#c9e86c 0,#8cca1e 100%);
	background:-ms-linear-gradient(top,#c9e86c 0,#8cca1e 100%);
	background:linear-gradient(top,#c9e86c 0,#8cca1e 100%);
	display:inline-block;
	margin:auto;
	font-size:14px;
	line-height:14px;
	padding:6px 12px
}

#langues {
	font-size:17px;
	color:#555;
	margin-bottom: 18px;
	padding-left:2px;
	font-weight:400
}

#languages_react {
	cursor:default;
	font-size:17px;
	padding-left:2px;
	margin-bottom:30px;
	font-weight:400;
}
#languages_react span {
	margin-left:7px;
	margin-right:7px;
	color:#aaa;
	line-height:22px
}
#languages_react i {
	font-style:normal;
	float:right
}
#languages_react a {
	cursor: pointer;
}
.list2 {
	color:#444;
	margin-bottom:0;
	font-size:14px;
	width:100%
}
.list2 a {
	cursor: pointer;
}
.list2 td {
	vertical-align:top;
	padding:7px;
	padding-top:6px;
	padding-bottom:6px;
	line-height:18px
}
.list2 td span {
	font-size:12px;
	margin-left:6px;
	color:#999;
}
.list2 th {
	font-weight:600;
	color:#666;
	font-size:15px;
	padding-bottom:7px;
	padding-left:2px;
	border-bottom:1px solid #d0d0d0
}
#zipname { color: #666; font-weight: 600; white-space: nowrap; }

.list2 th span {
	margin-left:5px;
	color:#b0b0b0;
	font-weight:normal
}
.list2 th.view {
	vertical-align:bottom;
	text-align:right;
	color:#909090;
	padding-right:4px;
	width:55px;
	font-weight:normal
}
.list2 i {
	font-weight:bold;
	font-style:normal;
	color:#3974b1;
	cursor:pointer
}
.list2 u {
	display:none;
	text-decoration:none
}
.list2 b {
	font-weight:700
}
.list3 {
	font-size:15px;
	color:#333;
	margin-top:15px
}
.list3 td {
	padding:3px;
	padding-left:7px;
	height:auto;
	line-height:19px
}
.list3.st td {
	border-left:2px solid #FC3;
	border-bottom:2px solid #FC3
}
.list3 .ico {
	width:30px;
	color:#bbb;
	font-size:16px
}
.list3 .code {
	margin-top:1px
}
.tdc {
	text-align:center
}
.tdr {
	text-align:right;
	width:80px
}
.tdc2 {
	text-align:center;
	width:20px;
	font-weight:bold
}
.total {
	border-top:1px solid #d0d0d0;
	font-size:14px;
	font-weight:bold;
	color:#555
}
.total td {
	padding:7px 6px 25px;
	text-align:right
}
.comment {
	margin-top:12px;
	font-size:12px;
	padding-left:2px;
	color:#777
}
.comment .glyphicon {
	font-size:17px;
	margin-left:3px;
	margin-right:3px;
	color:#999
}
.codes {
	float:right;
	display:inline-block;
	overflow:hidden
}
.code {
	float:left;
	width:49px;
	margin-right:3px;
	text-align:center;
	vertical-align:middle;
	padding:0;
	color:#fff;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:11px;
	line-height:17px;
	height:18px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	cursor:default
}
.code.iso {
	background-color:#f593b7
}
.code.nuts {
	background-color:#cdb5d9
}
.code.fips {
	background-color:#c5c5a8
}
.code.ign {
	background-color:#bfcfbb
}
.code.ignv {
	background-color:#bfcfbb;
	margin-right:10px;
	width:46px
}
.code.hasc {
	background-color:#e8a384;
	margin-right:0
}
.number {
	font-size:14px;
	font-weight:bold
}
.number_old {
	text-align:center;
	vertical-align:middle;
	padding-left:1px;
	width:18px;
	height:19px;
	line-height:18px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#c4c4c4;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
#order {
	display:none;
	position:fixed;
	top:52px;
	width:700px;
	height:auto;
	left:50%;
	margin-left:-363px;
	padding:20px;
	background-color:#fff;
	-webkit-box-shadow:0 0 15px #888;
	-moz-box-shadow:0 0 15px #888;
	box-shadow:0 0 15px #888;
	z-index:90
}
#order h2 {
	font-size:38px;
	margin-top:2px;
	margin-bottom:16px;
	font-weight:300
}
#order a {
	display:inline-block;
	margin-top:6px;
	font-size:12px
}
#order .t1 {
	font-size:14px;
	line-height:20px;
	cursor:pointer
}
#order .t1 td {
	text-align:left;
	padding-right:5px
}
#order .t1 th {
	text-align:left;
	padding-right:5px;
	cursor:default
}
#order .t1 th.r {
	text-align:right
}
#order .t1 td.pr {
	text-align:right;
	width:86px
}
#order .t1 tr:first-child:hover {
	background-color:#fff
}
#order .t1 tr:hover {
	background-color:#fbe0eb
}
#order .t1 .ordhov {
	color:#fff;
	background-color:#ed6297
}
#order .t1 .ordsel {
	color:#444;
	font-weight:bold;
	cursor:default
}
#order .t1 .ordsel2 {
	color:#cd1e61;
	font-weight:bold;
	background-color:#fbe0eb
}
#order .t2 {
	font-size:14px;
	line-height:18px
}
#order .t2 td {
	text-align:left
}
#order .t2 th {
	text-align:left
}
#order .t2 td.rc {
	text-align:right;
	width:100px
}
#order table {
	font-size:10px;
	cursor:default
}
#order th {
	color:#444;
	padding:3px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	text-align:center
}
#order td {
	color:#555;
	padding:3px;
	border-bottom:1px solid #eee;
	text-align:center
}
#order th.l {
	text-align:left
}
#order td.l {
	text-align:left
}
#ordersel {
	position:relative;
	margin-top:25px;
	margin-bottom:20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
	color:#888
}
#ordersel p {
	font-weight:bold;
	color:#333;
	margin-bottom:6px
}
#orderprice {
	position:absolute;
	top:7px;
	right:130px;
	width:130px;
	padding:5px;
	line-height:26px;
	font-size:18px;
	font-weight:bold;
	color:#333;
	text-align:right;
	background-color:#f3f3f3;
	background-image:url(https://www.geopostcodes.net/cartnb.png);
	background-repeat:no-repeat;
	background-position:6px 7px
}
.fullscreen {
	display:none;
	position:fixed;
	top: 53px;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	min-height: 400px;
	background-color:#fff;
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 15px rgba(0,0,0,0.5);
	box-shadow:0 5px 15px rgba(0,0,0,0.5);
	font-size:12px;
	font-weight:normal;
	color:#333;
	z-index:250
}
.fulltit {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:64px;
	line-height:61px;
	vertical-align:middle;
	padding-left:20px;
	background-color:#8ca6b9;
	font-family:"Open Sans Condensed",sans-serif,Helvetica,Arial;
	font-size:30px;
	font-weight:400;
	color:#fff
}
.fullbody {
	position:absolute;
	padding: 20px;
	padding-left: 15px;
	top:64px;
	left:0px;
	right:0px;
	bottom:70px;
	overflow-y:auto;
}
.rec {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url(https://www.geopostcodes.net/lookup.svg);
	background-size:16px 16px;
	background-repeat:no-repeat;
	opacity:0.5;
	cursor:pointer;
}
.rec:hover {
	opacity:1;
}
.rec.vide {
	background-image:url(https://www.geopostcodes.net/pin.png)
}
#prev {
	position:absolute;
	top:85px;
	left:20px;
	width:400px;
	bottom:20px;
	background-color:#f0f0f0;
	background-repeat:no-repeat
}
#previmg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url(https://www.geopostcodes.net/db256_tr20.png);
	background-position:center;
	background-repeat:no-repeat
}
#map2 {
	position:absolute;
	top:85px;
	left:435px;
	right:20px;
	bottom:20px;
	background-color:#f0f0f0
}
.recpos {
	position:absolute;
	width:70px;
	height:22px;
	bottom:0;
	line-height:22px;
	vertical-align:middle;
	text-align:center;
	color:#888;
	background-color:#e8e8e8;
	cursor:pointer
}
.recpos:hover {
	background-color:#ddd;
	color:#333
}
.recpos.next {
	right:0
}
.recpos.prev {
	left:0
}
#tabcanvas {
	padding:30px;
	padding-left:30px;
	font-size:16px;
	line-height:25px;
	color:#4d5358;
	width:100%;
	background-color:#fff;
	z-index:20
}
#tabcanvas a {
	font-weight:600
}
#tabcanvas h1 {
	font-size:17px;
	padding-bottom:7px;
	font-weight:400
}
#tabcanvas h1 span {
	color:#333;
	font-size:17px;
	font-weight:600
}
#tabcanvas h2 {
	letter-spacing:-1px;
	font-size:28px;
	line-height:38px;
	color:#2d3e4f;
	margin-bottom:20px
}
#tabcanvas h3 {
	font-size:19px;
	font-weight:600;
	color:#444
}
#tabcanvas b {
	font-weight:600
}
.page {
	position:relative;
	display:none;
	padding-bottom:40px;
	max-width:1050px
}
#pg_terms h3 {
	margin-top:35px
}
.syntaxhead {
	margin-top:15px;
	border:1px solid #e1e1e8;
	border-bottom:0;
	line-height:42px;
	padding-left:10px;
	vertical-align:middle;
	background-color:#f7f7f9;
	font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;
	font-style:normal;
	font-size:14px
}
.syntaxhead span {
	margin-left:6px;
	margin-right:6px;
	color:#ccc
}
.syntaxhead button {
	margin:6px;
	margin-left:0;
	line-height:24px
}
.syntaxhead a {
	border:0;
	font-weight:normal
}
.syntax {
	width:100%;
	margin-bottom:15px;
	background-color:#fcfcfc;
	border:1px solid #e1e1e8;
	box-sizing:content-box;
	font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;
	font-style:normal;
	font-size:14px;
	line-height:21px;
	vertical-align:middle;
	color:#333;
	word-wrap:normal;
	white-space:pre;
	overflow:auto
}
.syntax td {
	padding:8px;
	padding-top:6px
}
.syntax .gutter {
	width:56px;
	vertical-align:top;
	text-align:right;
	background-color:#f4fcf1;
	border-right:1px solid #e0e0e0;
	padding-right:8px;
	margin-right:5px;
	color:#bbb
}
.syntax b {
	font-weight:700;
	color:#069
}
.syntax i {
	font-style:normal;
	color:#00f
}
.resource {
	margin-top:15px;
	margin-bottom:50px
}
.resource tr.gpc {
	font-weight:bold;
	background-image:url(https://www.geopostcodes.net/accept.png);
	background-repeat:no-repeat;
	background-position:677px 8px
}
.resource tr.gpcfut {
	background-image:url(https://www.geopostcodes.net/acceptbw.png);
	background-repeat:no-repeat;
	background-position:677px 8px
}
.resource td {
	padding:4px;
	color:#333;
	border-bottom:1px solid #f0f0f0
}
.resource td.com {
	font-weight:normal;
	font-style:italic;
	color:#666
}
.resource th {
	padding:4px;
	font-weight:600;
	background-color:#eee;
	line-height:32px;
	height:32px;
	vertical-align:middle;
	border-bottom:2px solid #ccc;
	color:#555
}
.helptab {
	position:relative;
	margin-left:20px;
	width:140px;
	font-family:'Open Sans Condensed',sans-serif,Helvetica,Arial;
	font-weight:700;
	font-size:22px;
	line-height:40px;
	padding-bottom:4px;
	vertical-align:middle;
	color:#bbb;
	padding-left:20px;
	background-color:#edebe8;
	margin-bottom:8px;
	cursor:pointer;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
	-webkit-box-shadow:0 1px 2px #999;
	-moz-box-shadow:0 1px 2px #999;
	box-shadow:0 1px 2px #999
}
.helptab div {
	position:absolute;
	top:0;
	left:145px;
	height:100%;
	width:20px;
	background-color:#fff;
	z-index:8;
	display:none
}
.helptab.sel {
	margin-left:0;
	color:#3c4e5a;
	background-color:#fff;
	width:139px;
	padding-left:15px;
	border-left:6px solid #c06;
	cursor:default
}
.helptab.sel div {
	display:block
}
#fieldstable tr:hover {
	background-color:#efffcc
}
.structure {
	width:620px;
	font-family:"Courier New",Courier,monospace;
	font-size:12px;
	margin-top:14px;
	color:#555
}
.structure th {
	padding:4px;
	padding-left:7px;
	border:1px solid #ddd;
	border-bottom:2px solid #aaa;
	background-color:#f0f0f0;
	font-weight:bold
}
.structure td {
	padding:4px;
	padding-left:7px;
	border:1px solid #ddd
}
.structure.dr td {
	text-align:right
}
.contactform {
	padding:12px;
	background-color:#ebf2f8;
	border:20px solid #ebf2f8;
	color:#333
}
.contactform td {
	vertical-align:top;
	height:26px;
	padding:2px
}
.contactform input,select,textarea {
	border:1px solid #cfd9cb;
	line-height:17px;
	padding:4px;
	padding-left:6px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#444
}
.contactform select {
	padding-left:2px
}
.sourcecode {
	display:block;
	width:auto;
	margin-top:8px;
	margin-bottom:8px;
	background-color:#e9f3e6;
	padding:7px;
	padding-top:4px;
	padding-bottom:4px;
	font-family:"Courier New",Courier,monospace;
	font-size:14px;
	line-height:19px;
	color:#000
}
#map {
	position:fixed;
	top:54px;
	bottom:0;
	left:0;
	right:0;
	background-color:#f1efeb;
	z-index:30
}
#mapleg {
	position:fixed;
	top:80px;
	right:0;
	width:290px;
	height:auto;
	padding:10px;
	padding-left:16px;
	padding-bottom:12px;
	background-color:rgba(255,255,255,0.75);
	-webkit-box-shadow:0 0 3px #bbb;
	-moz-box-shadow:0 0 3px #bbb;
	box-shadow:0 0 3px #bbb;
	font-family:'Open Sans Condensed',sans-serif,Helvetica,Arial;
	font-size:18px;
	font-weight:300;
	line-height:23px;
	z-index:32
}
#mapleg b {
	font-weight:bold
}
#mapleg h1 {
	font-size: 26px;
	font-weight: 600;
	margin-top: 3px;
	margin-bottom: 14px;
}
#mapleg img {
	margin-right:5px
}
#cov {
	width:193px;
	height:57px;
	background-image:url(https://www.geopostcodes.net/coverage.png);
	margin-bottom:15px
}
.modal.in .modal-dialog {
	transform:none
}
.modal {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:0;
	display:none;
	font-size:14px
}
.modal-header {
	background-color:#8ca6b9;
	color:#fff
}
.modal-header h3 {
	font-family:'Open Sans Condensed',sans-serif,Helvetica,Arial;
	font-size:30px;
	font-weight:400;
	color:#fff;
	margin:0 0 4px 4px
}
.close img {
	position:absolute;
	top:12px;
	right:15px;
	width:40px;
	height:40px;
	-webkit-transition:-webkit-transform .25s,opacity .25s;
	-moz-transition:-moz-transform .25s,opacity .25s;
	transition:transform .25s,opacity .25s
}
.close img:hover {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
	opacity:1
}
.modal-content {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:12px solid rgba(0,0,0,0.4)
}
.modal-body {
	line-height:22px;
	font-size:16px;
	color:#444;
	padding:25px
}
.modal-backdrop.fade.in {
	-moz-opacity:.4;
	-khtml-opacity:.4;
	opacity:.4
}
.modal-body #downctry {
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:right
}
.form-group {
	margin-bottom:10px
}
.modal-dialog {
	margin:0;
	position:absolute;
	top:48%;
	left:50%
}
@media(max-width:767px) {
	.modal-dialog {
		width:100%
	}
}
.full {
	margin:0;
	width:auto;
	height:auto;
	left:30px;
	top:30px;
	right:30px;
	bottom:30px
}
.modal-body h4 {
	font-size:11px;
	text-align:center;
	margin-top:2px
}
.impdata table {
	width:auto
}
.impdata td {
	border:1px solid #000;
	width:auto;
	vertical-align:top;
	text-align:left
}
#samples {
	margin-top:77px;
	font-size:16px;
	margin-left:20px;
	overflow:hidden
}
#sampletxt {
	position:absolute;
	left:20px;
	right:20px;
	top:116px;
	bottom:90px;
	overflow:scroll;
	margin-top:10px;
	border:1px solid #ccc;
	font-family:Arial,Helvetica,sans-serif
}
#sampletxt td {
	border:1px solid #ddd;
	padding:6px;
	padding-top:1px;
	padding-bottom:1px;
	white-space:nowrap;
	word-break:keep-all;
	word-wrap:normal;
	font-size:12px
}
.popfoot {
	position:absolute;
	background-color: #fff;
	border-top:1px solid #ddd;
	left:0;
	right:0;
	height:70px;
	bottom:0;
	text-align:right;
	padding-top:18px;
	padding-right:20px
}
.enveloppe {
	border: 3px solid #555;
	padding: 30px;
	padding-top: 100px;
	max-width: 450px;
	color: #111;
	line-height: 25px;
	font-size: 18px;
	background-image: url(pictures/stamp.svg);
	background-repeat: no-repeat;
	background-size: 100px;
	background-position: right 25px top 5px;
}
.frmdown {
	margin-right:10px;
	padding-top:70px;
	width:90px;
	height:24px;
	float:left;
	background-image:url(https://www.geopostcodes.net/csv.png);
	background-position:center 0;
	background-repeat:no-repeat;
	font-size:15px;
	color:#999;
	vertical-align:bottom;
	text-align:center
}
.anchor {
	position:relative;
	display:block;
	top:-105px;
	visibility:hidden
}
.struct {
	width:320px
}
.struct td {
	width:80px;
	border:1px solid #ccc;
	padding:4px;
	text-align:center
}
.fformats {
	width:auto;
	font-size:15px;
	line-height:24px;
	margin-bottom:15px;
	color:#36C
}
.fformats td {
	padding-right:50px
}
#closeorder {
	position:absolute;
	right:19px;
	bottom:18px;
	width:28px;
	height:28px;
	background-image:url(https://www.geopostcodes.net/close2.png);
	background-repeat:no-repeat;
	cursor:pointer;
	-moz-opacity:.15;
	-khtml-opacity:.15;
	opacity:.15
}
#closeorder:hover {
	-moz-opacity:.4;
	-khtml-opacity:.4;
	opacity:.4
}
#banner {
	position:absolute;
	font-family:"RobotoDraft",Helvetica,arial,sans-serif;
	font-weight:300;
	width:100%;
	height:40px;
	border-bottom:0 solid #ccc;
	background-color:#fdfdfd;
	border-top:0 solid #ddd;
	border-bottom:1px solid #ddd;
	-webkit-box-shadow:0 0 2px #ddd;
	-moz-box-shadow:0 0 2px #ddd;
	box-shadow:0 0 2px #ddd;
	padding-top:7px;
	padding-bottom:8px;
	font-size:17px;
	font-weight:400;
	color:#101010;
	text-align:left;
	overflow:hidden;
	z-index:120
}
#banner div {
	line-height:25px;
	vertical-align:middle
}
#banner span {
	margin-left:8px;
	margin-right:8px;
	color:#bbb
}
#banner p {
	position:absolute;
	right:14px;
	top:1px;
	width:400px;
	height:38px;
	text-align:right;
	font-size:14.5px;
	margin-top:-1px;
	padding-right:12px
}
#banner.flat {
	position:fixed;
	top:53px
}
#bannersub {
	position:absolute;
	left:1px;
	right:25px;
	top:7px;
	height:50px;
	overflow-x: scroll;
    	overflow-y: hidden;
    	white-space: nowrap;
	/* cursor: grab; cursor : -o-grab; cursor : -moz-grab; cursor : -webkit-grab; */
}
#bannertitle {
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #bbb;
	background-image:url(pictures/cityscape3.svg);
	background-position:100px bottom;
	background-repeat:repeat-x;
	/* background-size: auto 150px; */
	background-size: 700px 149px;
	background-color:#99b5c6;
	height:190px
}
#jslng {
	display:none
}
.subflag {
	display:inline-block;
	width:32px;
	height:18px;
	background-repeat:no-repeat;
	background-position:0 -4px
}
#iconco {
	display:none;
	position:absolute;
	top:130px;
	right:45px;
	width:130px;
	height:130px;
	background-image:url(pictures/ContactRound.svg);
	background-size: contain;
	z-index:10
}
#btdown {
	padding-left:35px;
	background-image:url(https://www.geopostcodes.net/glyphdown.png);
	background-repeat:no-repeat;
	background-position:6px 4px
}
.alertbox {
	display:none;
	border:2px solid #ebccd1;
	background-color:#fee6e6;
	color:#a2454f;
	padding:10px;
	line-height:20px;
	margin-bottom:15px
}
#tabcanvas .edition {
	margin-top:25px;
	margin-bottom:0px;
}
#tabcanvas .edition .col-md-4 {
	border:0;
	margin-bottom: 25px;
	background-color:#ebebeb;
	padding:5px;
}
#tabcanvas .edition .subcol {
	border:2px solid #cfcfcf;
}
#tabcanvas .edition .subcol div {
	background-color:#fff;
	vertical-align:top;
	text-align:center;
	border-bottom:1px solid #ddd;
	padding:15px;
	padding-top:4px;
	padding-bottom:5px;
	font-size:13px
}
#tabcanvas .edition .subcol .t1 {
	margin:0;
	text-align:center;
	color:#444;
	font-size:15px;
	padding-top:25px;
	border-bottom:0
}
#tabcanvas .edition .subcol .t2 {
	margin:0;
	text-align:center;
	padding-top:17px;
	padding-bottom:32px;
	font-size:23px;
	font-weight:600;
	letter-spacing:-1px;
	color:#974c99;
	border-top:0
}
#tabcanvas .edition .subcol h2 {
	margin:0;
	color:#974c99;
	font-size:16px;
	font-weight: 400;
	text-align: center;
	margin-top: -5px;
}
#tabcanvas .edition a {
	color:#fff;
	font-weight:400
}
#tabcanvas .edition a:hover {
	border:0
}
#wrapper {
	background-color:#FFF;
	width:100%
}
#wrapper td {
	vertical-align:top
}
#menu-toggle {
	border:1px solid #aaa;
	border-radius:4px;
	margin-top:0;
	margin-bottom:20px
}
#sidebar {
	display:none;
	position:fixed;
	left:0;
	top:54px;
	bottom:0;
	width:225px;
	background-color:#99b5c6;
	font-size:15px;
	z-index:40;
	background-repeat: no-repeat;
	background-image: url(pictures/cityscape3.svg);
	background-position: left bottom;
	background-size: 975px;
}

@media(min-width:768px) {
	#sidebar {
		display:block
	}
	#menu-toggle {
		display:none
	}
	#tabcanvas h2 {
		font-size:39px;
		line-height:48px
	}
	#iconco {
		display:block
	}
}

#sidebar li span {
	margin-top:8px
}
#sidebar li a:hover {
	border-bottom:0;
	text-decoration:none;
	outline:0
}
#sidebar .glyphicon {
	margin-left:-10px;
	padding-right:10px
}
#sidebar .fa {
	width:50px;
	margin-left:-10px;
	font-size:19px;
	text-align:center;
	margin-right:9px
}
#page-content-wrapper {
	width:100%;
	padding:15px
}
.sidebar-nav {
	position:fixed;
	top:50px;
	max-height:100%;
	overflow:auto;
	width:225px;
	margin:0;
	padding:0;
	list-style:none
}
.sidebar-nav li {
	text-indent:20px;
	line-height:36px
}
.sidebar-nav li b {
	font-size:17px;
	font-weight:600;
	color:#fff
}
.sidebar-nav li a {
	display:block;
	text-decoration:none;
	color:#2d3e4f;
	font-size:15px;
	font-weight:400
}
.sidebar-nav li a:hover {
	text-decoration:none;
	background-color:rgba(0,0,0,0.1);
	border:0
}
.sidebar-nav li a:active,.sidebar-nav li a:focus {
	text-decoration:none;
	border:0
}
.sidebar-nav>.sidebar-brand {
	height:65px;
	font-size:18px;
	line-height:60px
}
.sidebar-nav>.sidebar-brand a {
	color:#999
}
.sidebar-nav>.sidebar-brand a:hover {
	color:#fff;
	background:0
}
.sidebar-nav>.menu-sel {
	background-color:#2d3e4f
}
.sidebar-nav>.menu-sel a {
	color:#fff;
	font-weight:600
}
thead {
	background-color:#e8e8e8;
	color:#222
}
#logbut span {
	padding-right:8px;
	font-size:13px
}
#butcart span {
	padding-right:8px;
	font-size:14px
}

#packages {
	background-color:#edece6;
	padding-left:0;
	margin-bottom:50px;
	padding-bottom:20px;
/*
	background-image:url(pictures/bulk.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
*/
}

#packages h2 {
	font-weight:500;
	font-size:30px;
	letter-spacing:-0.5px;
	color:#555;
	margin-top:25px;
	margin-bottom:15px
}
#packages h4 {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:19px;
	letter-spacing:1px;
	color:#999;
	text-transform:uppercase;
	padding-top:50px
}
#packages p {
	margin-top:25px;
	color:#666;
	line-height:165%;
	padding-right:60px
}
#packages table {
	float:right;
	width:100%;
	max-width:450px;
	color:#505050;
	margin-top:55px;
	margin-bottom:35px
}
#packages td {
	vertical-align:top
}
#packstars {
	margin-top:20px;
	width:100%;
	height:150px;
	background-image:url(pictures/bulk3.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:contain
}
.btn-down {
	width:200px;
	padding-left:62px;
	line-height:70px;
	vertical-align:middle;
	margin-right:10px;
	border-radius:5px;
	color:#666;
	font-size:16px;
	font-weight:bold;
	background-color:#ddd;
	background-image:url(https://www.geopostcodes.net/zip.png);
	background-repeat:no-repeat;
	background-position:6px 50%;
	float:left
}
.btn-down:hover {
	background-color:#bbb
}
.sidebar-nav .badge {
	display:inline;
	font-weight:normal;
	padding:1px 10px;
	margin-left:7px;
	background-color:#5cb85c
}
#checktot {
	color:#222;
	font-weight:bold
}
#prices .col-lg-4 {
	font-size:16px;
	text-align:center;
	margin-bottom:30px
}
#prices .panel-default .panel-heading {
	color:#FFF;
	font-family:"Open Sans Condensed",sans-serif,Helvetica,Arial;
	font-size:20px;
	font-weight:700;
	margin-top:10px;
	text-align:center;
	background-color:#e94a88
}
#prices .panel-default .list-group-item {
	padding:20px;
	text-align:center;
	font-size:18px;
	line-height:20px
}
#prices .panel-default .list-group-item i {
	font-style:normal;
	font-size:14px
}
#prices .panel-default.glow {
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	transform:scale(1.05)
}
.btn-package {
	background-color:#e94a88;
	border-color:#f0f0f0;
	color:#FFF
}
.btn {
	border-radius:2px;
	border:0
}
.btn-lg {
	border:1px;
	border-radius:6px;
	line-height:1.2;
	vertical-align:middle;
	padding-left:22px;
	padding-right:22px
}
.btn-pink {
	font-family:"RobotoDraft",arial,sans-serif;
	font-weight:300;
	background-color:#ea4c89;
/*	background-color: transparent; */
	border:2px solid #ea4c89;
}
.btn-pink b {
	font-weight:500
}
.btn-pink:hover {
	background-color:#da3e7a;
	color:#fff;
	border:2px solid #da3e7a
}
.btn-trans {
	font-family:"RobotoDraft",arial,sans-serif;
	font-weight:300;
	background-color:transparent;
	border:2px solid #fff;
	color:#fff
}
.btn-trans b {
	font-weight:500
}
.btn-trans:hover {
	background-color:rgba(0,0,0,0.2);
	color:#111;
	border:2px solid #fff
}
.btn-trans2 {
	background-color:transparent;
	border:3px solid #fff;
	color:#fff;
	padding-top:8px;
	padding-bottom:8px
}
.btn-trans2:hover {
	color:#111;
	background-color:rgba(0,0,0,0.2);
	border:3px solid #fff
}

.btn-black {
	font-family:"RobotoDraft",arial,sans-serif;
	font-weight:300;
	background-color:transparent;
	border:2px solid #374854;
	color:#374854 !important;
}
.btn-black b {
	font-weight:500
}
.btn-black:hover {
	background-color:rgba(0,0,0,0.2);
	color:#fff !important;
	border:2px solid #374854;
}


#job {
	margin-top:40px;
	margin-right:0;
	margin-left:0;
	background-color:#f8f8f8;
	border:1px solid #ddd;
	border-radius:4px 4px 0 0;
	box-shadow:none;
	padding:20px
}
#job h2 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:20px;
	margin-top:0;
	margin-bottom:10px;
	padding:0
}
#job .checkbox label {
	min-height:23px;
	padding-left:30px;
	font-weight:300
}
#job i {
	margin-left:8px;
	font-style:normal;
	color:#999;
	font-size:13px;
	line-height:16px
}
#job sup {
	font-size:10px
}
#job b {
	font-weight:400
}
#job button {
	margin-top:10px;
	margin-bottom:10px
}
.infoline {
	margin-top:10px;
	text-align:center;
	color:#3c4e5a;
	padding-bottom:30px;
	font-size:20px;
	font-weight:700;
	line-height:32px
}
.infoline b {
	font-style:normal;
	background-color:#FFC;
	padding-right:3px;
	padding-left:3px
}
.dropzone .dz-default.dz-message {
	font-size:19px;
	text-align:center;
	background-image:none;
	left:25%;
	width:100%
}
.dropzone a.dz-remove {
	cursor:pointer
}
#dropfiles2 {
	margin-top:20px
}
#dropfiles2.dropzone {
	min-height:150px;
	font-size:18px;
	background-color:#d6e0ea
}
#dropfiles2.dropzone .dz-default.dz-message {
	line-height:120px
}
#freetrial {
	position:absolute;
	right:50px;
	bottom:115px;
	height:128px;
	width:128px;
	background-image:url(https://www.geopostcodes.net/free-trial.png);
	background-repeat:no-repeat
}
.dz-filename {
	background-image:url(https://www.geopostcodes.net/csv.png);
	background-repeat:no-repeat;
	background-position:center bottom
}
.badge.r {
	margin-top:5px;
	padding-top:2px;
	font-weight:300;
	font-size:10px;
	color:#fff;
	background-color:#5cb85c
}
.badge.p {
	margin-top:5px;
	padding-top:2px;
	font-weight:300;
	font-size:10px;
	color:#fff;
	background-color:#5bc0de
}
.badge.s {
	margin-top:5px;
	padding-top:2px;
	font-weight:300;
	font-size:10px;
	color:#fff;
	background-color:#f0ad4e
}
.badge.pl {
	margin-top:5px;
	padding-top:2px;
	font-weight:300;
	font-size:10px;
	color:#fff;
	background-color:#d9534f
}
.badge.reg {
	margin-left:7px;
	font-weight:300;
	color:#fff;
	background-color:#f0ad4e;
	cursor:pointer
}
.badge.pla {
	margin-left:7px;
	font-weight:300;
	color:#fff;
	background-color:#5bc0de;
	cursor:pointer
}
.badge.str {
	margin-left:7px;
	font-weight:300;
	color:#fff;
	background-color:#d9534f;
	margin-top:-2px;
	cursor:pointer
}
thead {
	font-weight:600;
	color:#555
}
thead b {
	font-weight:600
}
#catalog th {
	text-align:center;
	border:1px solid #ddd;
	background-color:#edf2f5
}
#catalog th>b {
	font-weight:600;
	color:#333
}
#catalog td {
	border:1px solid #ddd
}
#catalog tr.sel {
	background-color:#f1f5ed
}
#catalog tr .lng {
	display:inline-block;
	padding-top:5px;
	padding-left:8px;
	font-size:11px;
	color:#999
}
#catalog_but {
	height:39px;
	border-radius:3px;
	background-color:#974c99;
	color:#fff;
	font-weight:700
}
#catalog_lic li a {
	font-size:16px
}
#catalog_lic li a:hover {
	background-color:#8b468c
}
.px {
	width:102px;
	text-align:right;
	cursor:pointer;
	background-image:url(pictures/check0.svg);
	background-repeat:no-repeat;
	background-size:25px 25px;
	background-position:9px 8px;
	border:1px solid #ddd
}
.px:hover {
	background-image:url(pictures/check2.svg);
	background-color:rgba(0,0,0,0.05)
}
.px.free {
	background-image:none;
	cursor:default
}
.px.free:hover {
	background-image:none;
	background-color:transparent
}
.px.sel {
	background-image:url(pictures/check1.svg)
}
.px0 {
	display:inline-block
}
.px1 {
	display:none
}
.px2 {
	display:none
}
.radio {
	text-align:right;
	margin-top:15px;
	margin-bottom:15px
}
.radio label {
	position:absolute;
	left:32px;
	display:inline-block;
	vertical-align:middle;
	padding-left:5px;
	font-weight:400
}
.radio b {
	color:#666;
	font-weight:400
}
.radio label span {
	margin-left:7px;
	margin-right:7px;
	color:#bbb
}
.radio label::before {
	content:"";
	display:inline-block;
	position:absolute;
	width:17px;
	height:17px;
	left:0;
	margin-left:-20px;
	border:1px solid #ccc;
	border-radius:50%;
	background-color:#fff;
	-webkit-transition:border .15s ease-in-out;
	-o-transition:border .15s ease-in-out;
	transition:border .15s ease-in-out
}
.radio label::after {
	display:inline-block;
	position:absolute;
	content:" ";
	width:11px;
	height:11px;
	left:3px;
	top:3px;
	margin-left:-20px;
	border-radius:50%;
	background-color:#555;
	-webkit-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	transform:scale(0,0);
	-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)
}
.radio input[type="radio"] {
	opacity:0;
	z-index:1
}
.radio input[type="radio"]:focus+label::before {
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
.radio input[type="radio"]:checked+label::after {
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1)
}
.radio input[type="radio"]:disabled+label {
	opacity:.65
}
.radio.radio-inline {
	margin-top:0
}
.radio input[type="radio"]:checked+label {
	color:#303030;
	font-weight:600
}
.radio input[type="radio"]:checked+label+b {
	color:#303030;
	font-weight:600
}
.radio-primary input[type="radio"]+label::after {
	background-color:#3974b1
}
.radio-primary input[type="radio"]:checked+label::before {
	border-color:#3974b1
}
.radio-primary input[type="radio"]:checked+label::after {
	background-color:#3974b1
}
.opt td {
	padding:0
}
.opt .r {
	text-align:right;
	font-weight:300
}
.opt .glyphicon {
	color:#ccc;
	margin-top:4px;
	margin-left:-4px;
	margin-right:8px
}
.cartbut {
	display:inline-block;
	margin:0;
	margin-top:15px;
	margin-bottom:-5px;
	width:100%;
	max-width:365px;
	color:#fff;
	font-size:17px;
	line-height:26px;
	background-color:#99bc3d;
	cursor:pointer;
	padding:5px 20px;
	text-align:center;
	text-decoration:none;
	font-weight:500
}
.cartbut .glyphicon {
	top:3px;
	margin-right:9px
}
.cartbut:hover {
	background-color:#8dad38
}
.cartbut b {
	color:#fff;
	font-weight:600
}
.cartbut.free {
	display:block;
	margin-top:35px;
	margin-bottom:0;
	width:270px;
	font-weight:600;
	height:38px
}
.cartinfo {
	margin-top:17px;
	width:100%;
	min-height:47px;
	font-size:15px;
	line-height:20px;
	background-color:rgba(0,0,0,0.04);
	padding:14px;
	padding-top:13px;
	padding-left:52px;
	background-image:url(pictures/sinfo.png);
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:12px 12px
}
#cartdesc {
	margin-top:5px;
	font-size:14px;
	line-height:20px
}
#cartdesc h4 {
	color:#000;
	font-size:14.2px;
	font-weight:500;
	margin-bottom:2px
}
#cartdesc h4 b {
	color:#777;
	font-size:14.2px;
	font-weight:300;
	margin-left:6px;
	margin-right:6px
}
#cartdesc div {
	margin-top:10px;
	margin-bottom:12px
}
#cartprice {
	text-align:right;
	font-size:27px;
	color:#111;
	font-weight:600
}
#cartprice b {
	font-size:15px;
	color:#888;
	font-weight:600
}
.bootstrap-select.btn-group .dropdown-menu li {
	position:relative
}
.bootstrap-select.btn-group .dropdown-menu li a {
	cursor:pointer
}
.bs-searchbox,.bs-actionsbox {
	padding:4px 8px
}
.bs-actionsbox {
	float:left;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.bs-actionsbox .btn-group button {
	width:50%
}
.bs-searchbox+.bs-actionsbox {
	padding:0 8px 4px
}
.bs-searchbox input.form-control {
	margin-bottom:0;
	width:100%
}
.mobile-device {
	position:absolute;
	top:0;
	left:0;
	display:block!important;
	width:100%;
	height:100%!important;
	opacity:0
}
.leftpane {
	padding-left:0;
	padding-right:25px;
	padding-top:55px
}
.rightpane {
	font-family:"RobotoDraft",Helvetica,arial,sans-serif;
	font-weight:300;
	padding-top:23px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:40px;
	background-color:#ebe9e6;
	background-color:#eeece7
}
.rightpane h1 {
	font-family:HelveticaNeueLTStd-Bd;
	font-weight:normal;
	font-size:35px;
	vertical-align:top;
	margin-top:0;
	margin-bottom:7px;
	color:#484848
}
.rightpane h2 {
	line-height:30px;
	vertical-align:middle;
	padding-left:38px;
	padding-bottom:1px;
	border-top:1px solid #d0d0d0;
	font-size:16px;
	background-position:10px 6px;
	background-repeat:no-repeat;
	background-image:url(pictures/pdf.gif)
}
.rightpane h2 a {
	font-weight:400
}
.rightpane h3 {
	width:100%;
	height:36px;
	line-height:36px;
	vertical-align:middle;
	color:#555;
	margin-top:20px;
	margin-bottom:5px;
	font-size:15px;
	font-weight:400;
	border-bottom:1px solid #d0d0d0
}
.rightpane h3 span {
	margin-left:7px;
	margin-right:7px;
	color:#bbb;
	font-weight:700
}
.rightpane li {
	list-style-type:none;
	height:26px;
	line-height:26px;
	vertical-align:bottom;
	padding-left:33px;
	background-image:url(pictures/check5.svg);
	background-repeat:no-repeat;
	background-position:6px 4px;
	background-size: 18px;
	font-size:14.5px;
	color:#666;
	overflow:hidden
}
.nav-pills>li.active>a {
	background-color:#3b75b2
}
.nav-pills>li.active>a:hover {
	background-color:#3b75b2
}
.nav-pills>li>a {
	color:#555
}
.nav-pills>li>a:hover {
	color:#555;
	background-color:#e8e8e8
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover,.nav>li>a:hover,.nav>li>a:focus {
	border:0
}
.btn-default:hover {
	background-color:#ddd
}
.btn.btn-success:hover {
	background-color:#74a138
}
.btn.btn-pink:hover {
	background-color:#da3e7a
}
.btn.btn-trans:hover {
	background-color:rgba(0,0,0,0.1)
}
.logo {
	float:left;
	margin:22px;
	width:80px;
	height:80px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
	opacity:.45
}
#pane_carto {
	position: relative;
	width: 100%;
  background-color: #15426c;
	background-image:url(pictures/home-mid04.svg);
	background-size:auto 100%;
	background-position:bottom right;
	background-repeat:no-repeat
}
#pane_carto .canvas {
}
#pane_carto h4 {
	color:#e8e8e8
}
#pane_carto h2 {
	color:#fd2;
}
#pane_carto a {
	font-weight:600;
	color:#fd2;
	border-color:#fd2
}

#pane_bound {
	position: relative;
	width: 100%;
	height: 540px;
  background-color: #15426c;
	background-image:url(pictures/bounds.png);
	background-size:cover;
	background-position:bottom right;
	background-repeat:no-repeat
}

#homeref {
	background-color:#55adb7
	/* background-color: #29ABE2; */
}

#contrat {
	height: 380px;
	background-image:url(pictures/contrats.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 10px 20px;
}

#homeref a {
	font-weight:600;
	color:#111;
	border-color:#111
}
#license_tit {
	font-weight:300;
	font-size:22px;
	line-height:30px
}
#license_tit b {
	display:block;
	font-weight:400;
	font-size:30px;
	margin-bottom:20px
}
#license_tit a {
	font-size:16px;
	font-weight:400;
	line-height:32px
}
#license_desc {
	padding-top:10px;
	font-size:16px;
	line-height:23px;
	color:#666
}
#license_desc b {
	font-weight:600
}
#license_desc h1 {
	font-weight:600;
	font-size:28px;
	margin-bottom:35px;
	color:#2d3e4f;
	line-height:32px
}
#license_desc h2 {
	font-weight:600;
	font-size:22px;
	margin-top:40px;
	margin-bottom:15px;
	line-height:25px
}
#license_desc h3 {
	font-weight:600;
	font-size:18px;
	margin-top:30px;
	margin-bottom:15px
}
#license_desc li {
	padding-left:6px;
	margin-bottom:10px
}
#license_desc ol {
	margin-top:15px;
	margin-bottom:15px;
	padding-left:25px
}
#license_desc ul {
	list-style-type:lower-alpha;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:25px
}

@media(min-width:0) {
	.canvas {
		padding-left:25px;
		padding-right:25px
	}
	.leftpane {
		padding-top:20px;
		padding-right:25px
	}
	.rightpane {
		margin-left:-25px
	}
	.footmenu {
		width:100%
	}
	#cartmain {
		padding-right:0
	}
	#home {
		height:410px
	}
	#hometxt {
		font-size:32px;
		top:25px
	}
	#hometxt a {
		margin-top:20px
	}
	.btn-lg {
		font-size:12px;
		padding-left:7px;
		padding-right:7px
	}
	.canvas.home {
		font-size:17px;
		line-height:150%
	}
	.home h2 {
		font-size:26px;
		line-height:135%
	}
	.home h4 {
		padding-top:40px
	}
	#bannertitle {
		height:80px
	}
	#smFlag {
		width:58px;
		height:58px;
		background-size:60px 60px;
		right:20px
	}
	#smFlag.flat {
		margin-right:0
	}
	#submenu h1 {
		font-size:29px;
		padding-top:25px
	}
	#smDS {
		display:none
	}
	.codes {
		visibility:hidden;
		height:1px;
		width:1px
	}
	#top.bs-docs-nav .navbar-nav>li>a {
		padding:6px 10px 7px 10px;
		margin:0 5px 0 0;
		border-radius:0
	}
	.navbar-nav .m25 {
		margin-right:0
	}
	.navbar-nav .m10 {
		margin-right:0
	}
	#bulk {
		display:none
	}
	#formats div {
		width:95px;
		height:95px;
		margin-top:8px;
		margin-bottom:2px;
		margin-left:5px;
		margin-right:5px
	}
	#topbox {
		display:block
	}
	.box1 {
		width:325px
	}
	.bleft {
		float:left;
		margin-right:0
	}
	.bright {
		float:left;
		margin-left:0
	}
	#box_admin {
		min-height:200px
	}
	#home #boxsearch {
		left:0;
		right:20px
	}
	#compass {
		right:auto;
		left:50%;
		margin-left:-165px;
		bottom:-156px;
		width:330px;
		height:330px
	}
	#rectitfile {
		display:none
	}
	#prev {
		height:490px;
		right:20px;
		width:auto
	}
	#map2 {
		top:590px;
		height:400px;
		left:20px
	}
	#mapleg {
		display:none
	}
	.box3 {
		width:100%
	}
	.country {
		height:33px
	}
	#countrieslist {
		padding-left:0
	}
	.userformtit {
		left:0
	}
	.logo {
		margin:15px;
		width:50px;
		height:50px
	}
	#homeref {
		padding-bottom:85px;
		background-size:350px
	}
	#pane_carto .canvas {
		background-size:250px;
		background-position:center bottom
	}
	#srchbut .glyphicon {
		font-size:16px;
		margin-top:1px
	}
	#srchbut b {
		display:inline-block
	}
}

@media(min-width:375px) {
	#hometxt {
		font-size:40px;
		top:32px
	}
	#submenu h1 {
		font-size:30px;
		padding-top:23px
	}
	.btn-lg {
		font-size:14px;
		padding-left:12px;
		padding-right:12px
	}
	.footmenu {
		width:50%
	}
	.home h4 {
		padding-top:45px
	}
	.userformtit {
		left:0
	}
	#loupe {
		right:0px;
		top:222px;
		width:260px;
		height:260px;
	}
}

@media(min-width:480px) {
	#home {
		height:550px
	}
	#hometxt {
		font-size:48px;
		top:40px
	}
	#hometxt a {
		margin-top:38px
	}
	.footmenu {
		width:33.33%
	}
	.canvas.home {
		font-size:18px;
		line-height:165%
	}
	.home h2 {
		font-size:30px;
		line-height:145%
	}
	.home h4 {
		padding-top:60px
	}
	.btn-lg {
		font-size:17px;
		padding-left:20px;
		padding-right:20px
	}
	#bannertitle {
		height:145px
	}
	#smFlag {
		width:65px;
		height:65px;
		background-size:67px 67px;
		right:25px
	}
	#smFlag.flat {
		margin-right:10px
	}
	#submenu h1 {
		font-size:42px;
		padding-top:20px
	}
	#smDS {
		display:inline-block
	}
	#formats div {
		width:100px;
		height:100px;
		margin-top:15px;
		margin-bottom:2px;
		margin-left:9px;
		margin-right:9px
	}
	.bleft {
		float:left;
		margin-right:20px
	}
	.bright {
		float:left;
		margin-left:0
	}
	#box_admin {
		min-height:329px
	}
	#home #boxsearch {
		left:auto;
		right:30px;
		width:350px
	}
	#compass {
		right:auto;
		left:50%;
		margin-left:-190px;
		bottom:-182px;
		width:380px;
		height:380px
	}
	#rectitfile {
		display:block
	}
	#prev {
		width:280px;
		right:auto;
		height:auto
	}
	#map2 {
		top:85px;
		height:auto;
		left:315px
	}
	.box3 {
		width:50%
	}
	.country {
		height:35px
	}
	#countrieslist {
		padding-left:10px
	}
	.userformtit {
		left:0
	}
	.logo {
		margin:13px;
		width:50px;
		height:50px
	}
	#homeref {
		padding-bottom:130px;
		background-size:475px
	}
	#pane_carto .canvas {
		background-size:275px;
		background-position:right bottom
	}
	#loupe {
		right:-30px;
		top:165px;
		width:480px;
		height:480px;
	}
}

@media(min-width:768px) {
	.canvas {
		padding-left:30px;
		padding-right:30px
	}
	.leftpane {
		padding-top:25px;
		padding-right:30px
	}
	#hometxt {
		font-size:52px;
		top:55px
	}
	#hometxt a {
		margin-top:38px
	}
	.canvas.home {
		font-size:18px
	}
	.home h2 {
		font-size:32px
	}
	.btn-lg {
		font-size:18px;
		padding-left:22px;
		padding-right:22px
	}
	#tabcanvas {
		padding:45px;
		padding-left:270px;
		padding-top:40px;
	}
	#bannertitle {
		height:175px
	}
	#smFlag {
		width:96px;
		height:96px;
		background-size:98px 98px;
		right:30px
	}
	#smFlag.flat {
		margin-right:20px
	}
	#submenu h1 {
		font-size:50px;
		padding-top:26px
	}
	.codes {
		visibility:visible;
		height:18px;
		width:285px
	}
	#top.bs-docs-nav .navbar-nav>li>a {
		padding:6px 6px 7px 8px;
		margin:0 2px 0 0;
		border-radius:5px
	}
	.navbar-nav .m25 {
		margin-right:10px
	}
	.navbar-nav .m10 {
		margin-right:10px
	}
	#bulk {
		display:block
	}
	#formats div {
		margin-top:12px;
		margin-bottom:2px;
		margin-left:7px;
		margin-right:7px
	}
	.box1 {
		width:325px
	}
	.bleft {
		float:left;
		margin-right:10px
	}
	.bright {
		float:right;
		margin-left:10px
	}
	#compass {
		right:-10px;
		left:auto;
		margin-left:0;
		bottom:-220px;
		width:470px;
		height:470px
	}
	#prev {
		width:320px
	}
	#map2 {
		left:355px
	}
	#mapleg {
		display:block
	}
	.box3 {
		width:33%
	}
	.country {
		height:35px
	}
	#countrieslist {
		padding-left:15px
	}
	.userformtit {
		left:225px
	}
	.logo {
		margin:22px;
		width:80px;
		height:80px
	}
	#homeref {
		padding-bottom:200px;
		background-size:650px
	}
	#pane_carto .canvas {
		background-size:320px
	}
	#srchbut .glyphicon {
		font-size:19px;
		margin-top:0
	}
	#srchbut b {
		display:none
	}
	#loupe {
		right:-30px;
		top:110px;
		width:550px;
		height:550px;
	}
}

@media(min-width:992px) {
	.canvas {
		padding-left:40px;
		padding-right:40px
	}
	.leftpane {
		padding-right:40px;
		padding-top:35px
	}
	.rightpane {
		margin-left:0
	}
	#cartmain {
		padding-right:40px
	}
	.footmenu {
		width:16.66%
	}
	#hometxt {
		font-size:60px
	}
	.canvas.home {
		font-size:18px
	}
	.home h2 {
		font-size:34px
	}
	#top.bs-docs-nav .navbar-nav>li>a {
		padding:6px 10px 7px 10px;
		margin:0 6px 0 0
	}
	.navbar-nav .m25 {
		margin-right:25px
	}
	#smFlag {
		right:40px
	}
	#tabcanvas .edition .col-md-4 {
		border-right: 12px solid #fff;
	}
	#formats div {
		margin-top:15px;
		margin-bottom:2px;
		margin-left:9px;
		margin-right:9px
	}
	#topbox {
		display:none
	}
	.box1 {
		width:315px
	}
	.bleft {
		float:none;
		margin-right:0
	}
	.bright {
		float:none;
		margin-left:0
	}
	#box_admin {
		min-height:200px
	}
	#compass {
		right:-15px;
		bottom:-265px;
		width:580px;
		height:580px
	}
	.fullscreen {
		left:30px;
		right:30px;
		top:86px;
		bottom:30px
	}
	#prev {
		width:370px
	}
	#map2 {
		left:405px
	}
	#homeref {
		padding-bottom:0;
		background-size:750px
	}
	#pane_carto .canvas {
		background-size:440px
	}
	#loupe {
		right:-30px;
		top:20px;
		width:650px;
		height:650px;
	}
}

@media(min-width:1200px) {
	#hometxt {
		font-size:65px
	}
	#top.bs-docs-nav .navbar-nav>li>a {
		padding:6px 11px 7px 11px;
		margin:0 7px 0 0
	}
	.navbar-nav .m25 {
		margin-right:40px
	}
	#smFlag {
		right:50px
	}
	.box1 {
		width:330px
	}
	#compass {
		right:-90px;
		bottom:-280px;
		width:610px;
		height:610px
	}
	#prev {
		width:400px
	}
	#map2 {
		left:435px
	}
	#homeref {
		background-size:400px
	}
	#pane_carto .canvas {
		background-size:470px
	}
	#loupe {
		right:0px;
		top:-30px;
		width:700px;
		height:700px;
	}
}

@media(min-width:1600px) {
	#top.bs-docs-nav .navbar-nav>li>a {
		padding:6px 15px 7px 15px;
		margin:0 8px 0 0
	}
	.navbar-nav .m25 {
		margin-right:60px
	}
	#smFlag {
		right:60px
	}
	#bannertitle {
		height:195px
	}
	#submenu h1 {
		font-size:52px
	}
	#compass {
		right:-140px
	}
	#countrieslist {
		padding-left:20px
	}
	#homeref {
		background-size:400px
	}
	#loupe {
		right:0px;
		top:-30px;
		width:700px;
		height:700px;
	}
}
#prodcat {
	position:relative;
	background-color:#fff;
	padding-bottom:15px;
	border-bottom:1px solid #e0e0e0;
	z-index:5
}
#prodcat.top {
	position:fixed;
	top:45px;
	left:225px;
	right:0;
	padding:15px
}
#down_types {
	position:absolute;
	width:200px;
	top:0
}
#down_types li a {
	color:rgba(255,255,255,0.5);
	padding-left:8px;
	font-size:16px
}
#down_types li.sel {
	background-color:#2d3e4f;
	cursor:default
}
#down_types li.sel a {
	color:#fff
}
#down_item {
	display:none
}
#down_file {
	position:absolute;
	left:230px;
	top:30px;
	width:450px;
	height:350px;
	line-height:28px
}
#down_file table {
	margin-left:2px;
	margin-top:25px;
	width:100%;
}
#down_file td {
	vertical-align:top;
	font-size:16px;
	line-height:32px
}
#down_file i {
	margin-right: 10px;
}
#down_ico {
	position:absolute;
	top:20px;
	right:20px;
	width:115px;
	height:115px;
	background-image:url(pictures/f_csv.png);
	background-repeat:no-repeat
}

#down_side {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:370px;
	background-color:#4b6986;
	padding:20px;
	color:#ddd;
	line-height:28px;
  background-image:url(pictures/down2.svg);
	background-repeat: no-repeat;
	background-size: 120px 120px;
	background-position: center 220px;
}

#down_pack {
	display: none;
}

#down_prod2 {
	font-weight: bold;
}

#downcountries { display: none; }
#editform td {
	height:38px;
	vertical-align:middle
}
.editbut {
	display:inline-block;
	margin-left:8px;
	width:16px;
	height:16px;
	background-image:url(pictures/note.png);
	background-repeat:no-repeat;
	cursor:pointer
}
.addbut {
	display:inline-block;
	margin-right:5px;
	width:16px;
	height:16px;
	background-image:url(pictures/add.png);
	background-repeat:no-repeat;
	cursor: pointer
}
.osmbut {
	display:inline-block;
	margin-left:8px;
	width:16px;
	height:16px;
	background-image:url(pictures/osm.gif);
	background-repeat:no-repeat;
	cursor:pointer
}
.osmbut:hover {
	text-decoration: none;
	border: none;
}
.emptybut {
	display:inline-block;
	margin-left:8px;
	width:16px;
	height:16px;
}

@media(min-width:640px) {
	#preload-snowman { background: url(pictures/snowman3.svg) no-repeat -9999px -9999px; }

	#snowman {
		position: absolute;
		left: 20px;
		top: 370px;
		width: 260px;
		height: 240px;
		background-image: url(pictures/snowman2.svg);
		background-repeat: no-repeat;
		background-size: 240px;
		background-position: 25px;
		z-index: 20;
	}

	#snowman:hover {
		cursor: pointer;
		background-image:url(pictures/snowman3.svg);
	}

	#snowcache {
		left: 0px;
		width: 1px;
		height: 1px;
		background-image:url(pictures/snowman2.svg);
	}
}
#breadcrumbs_react a {
	cursor: pointer;
}
