/* GENERAL STYLES..*/

body {

    background-color: #242a36;

	color:#c8ced1;

	font-family: 'Montserrat', sans-serif;

	font-weight:400;

}

.about p.aboutText, .about ul.aboutText li {font-family: 'Open Sans', sans-serif;font-weight:400;font-size:13px;}

.about p a {text-decoration:underline !important; font-weight:600;}

.about p a.glider-link{font-size:10px;text-decoration:none !important;font-weight:400;}

.about p.aboutText.extra-highlight {font-weight:600;}

.about .bootstrap-table{visibility:hidden;height:0px;}

.about .download-disabled{

	opacity:0.2;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}

#mob-slideshow p {font-size: 10px;}

#slideshow-off {text-decoration: underline !important;}



body.map-container{

	background-color: #353d49;

}



h1,h2,h3,h4,h5,h6,.tooltip{

	color:#c8ced1;

	text-transform:uppercase;

	font-family: 'Montserrat', sans-serif;

	font-weight:400;

}

.tooltip{

	font-size: 8px;

}

.tooltip-inner {

  color: #8a969c;

  border-radius: 0px;

  background-color: #182128;

}

.tooltip.top .tooltip-arrow {

  border-top-color: #182128;

}

.tooltip.top-left .tooltip-arrow {

  border-top-color: #182128;

}

.tooltip.top-right .tooltip-arrow {

  border-top-color: #182128;

}

.tooltip.right .tooltip-arrow {

  border-right-color: #182128;

}

.tooltip.left .tooltip-arrow {

  border-left-color: #182128;

}

.tooltip.bottom .tooltip-arrow {

  border-bottom-color: #182128;

}

.tooltip.bottom-left .tooltip-arrow {

  border-bottom-color: #182128;

}

.tooltip.bottom-right .tooltip-arrow {

  border-bottom-color: #182128;

}

.h3, h3 {

    font-size: 20px;

}

.h5, h5 {

    font-size: 12px;

}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {

	color:#c8ced1;

}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {

    font-size: 87%;

}

.highlight{

	color:#70eaf4;

}

.highlight.city{

	color:#c7c72d;

}

.half-width{

	display:inline-block;

	width:50%;

}

.third-width{

	display:inline-block;

	width:33.3%;

}



a{

	color:#c8ced1;

	text-decoration:none !important;

}



a:focus,a:hover{

	color:#70eaf4;

	cursor:pointer;

}

*:focus, *:hover{

    outline: 0 !important;

}



.hero-text{

	/*font-weight:700;*/

	color:#70eaf4;

	/*font-size:50px;*/

}

.sub-text{

	color:#8a969c;

	font-size:2.125em;

}



.container{

	width:90% !important;

	position:relative;

}

.container-fluid {

    padding-left: 0;

    padding-right: 0;

}

#hiddenPng{opacity:0;}





/* NAVBAR STYLES..*/

.navbar-inverse {

	background-color: #182128;

    border:0;

}



.navbar{

	text-transform:uppercase;

	min-height:40px;

}

.navbar .container-fluid {

	margin-left: 30px;

	margin-right:30px;

}

.navbar-inverse .navbar-nav > li > a {

    color: #c8ced1;

}

.navbar-nav > li > a{

	padding:10px 20px;

}

.navbar-nav > li.social > a{

	padding-left:15px;

	padding-right:15px;

}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {

    background: none;

    color: #70eaf4;

}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {

    color: #70eaf4;

}

nav{

	font-size:12px;

}

.navbar-right {

    margin-right: 0;

}

.navbar-brand > img {

    margin-top: 4px;

}

.navbar-brand img.desktop {width: 525px;}

.navbar-brand img.mobile {

    display:none;

}



a.social-embed, a.social-twitter, a.social-facebook, a.social-email{

	background: url(../images/icon-embed.png) no-repeat 3px 0px; 

	display:inline-block;

	text-indent:-9999px;

	width:20px;

	height:20px;

	margin-left: 12px;

    margin-top: 10px;

	border:0;

}

a.social-embed {width:23px;}

a.social-twitter{

	background: url(../images/icon-twitter.png) no-repeat 5px 0px; 

}

a.social-facebook{

	background: url(../images/icon-facebook.png) no-repeat 5px 0px; 

}

a.social-email{

	background: url(../images/icon-email.png) no-repeat 8px 0px; 

}

a.social-embed:hover{

	background-position: -36px 0px;

}

a.social-twitter:hover{

	background-position: -33.5px 0px;

}

a.social-facebook:hover{

	background-position: -35px 0px;

}

a.social-email:hover{

	background-position: -32px 0px;

}



.navbar-inverse .navbar-toggle {

    border-color: #70eaf4;

}

.navbar-inverse .navbar-toggle .icon-bar {

    background-color: #70eaf4;

}

.navbar-inverse .navbar-toggle:focus{

    background-color: #182128;

}

.navbar-inverse .navbar-toggle:hover{

    background-color: #70eaf4;

}

.navbar-inverse .navbar-toggle:focus > .icon-bar{

    background-color: #70eaf4;

}

.navbar-inverse .navbar-toggle:hover > .icon-bar{

    background-color: #182128;

}



/* MODAL INTRO STYLES..*/

#intro, #loading{

	overflow:hidden;

	overflow: auto;

	position:fixed;

	width:100%;

	height:100%;

	z-index:100000;

	display:block;

	visibility:visible;

	background: url(../images/flags-bg.jpg) no-repeat top center fixed #242a36; 

  	-webkit-background-size: cover;

  	-moz-background-size: cover;

  	-o-background-size: cover;

  	background-size: cover;

	text-align:center;

}

#loading{

	display:none;

	background: none;

	background-color:#242a36;

}



#intro .container, #loading .container{

	position:relative;

	height:200px;

	top:50%;

	margin-top:-150px;

}



#intro .intro-text{

	opacity:0;

	width: 720px;

	margin:auto;	

	max-width: 720px;

}

#intro .intro-text p{

	font-size:15px;

}

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

#intro .intro-text img{

	width:100%;

	margin-bottom: 60px;

}

/*#intro .intro-text img.desktop{

	width:100%;

	margin-bottom: 25px;

}

#intro .intro-text img.mobile{

	display:none;

	width:100%;

	margin: auto;

	margin-bottom: 25px;

}*/



.loading-circle{

	margin: 0 auto 5px;

	width: 80px;

	height: 80px;

	overflow: hidden;

	position:relative;

	top:-1px;

	/*background-size: 0px 0px;

	background-position: center center;

	background-repeat: no-repeat;

	background-image: url(../images/LOWY_GDI_LOADING-CIRCLE_GIF_03.gif);*/	

}



.explore-circle {

	border: 2px solid #70eaf4;

	border-radius: 100%;

	margin: 0 auto 5px;

	width: 80px;

	height: 80px;

	overflow: hidden;

	background-size: 0px 0px;

	background-position: center center;

	/*transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;*/

	background-repeat: no-repeat;

	background-image: url(../images/lowy-load-spokes.png);

}

.intro-text .explore-circle {

	display:none;

}

.about .explore-circle, .contact .explore-circle {

	background-size: 80px 80px;

	margin: 25px 0 0 0;

}

a.explore{

	padding-bottom:5px;

	border-bottom: 1px solid #70eaf4;

	font-size:12px;

}

a.explore.disabled{

	opacity:0.5;

	cursor:auto;

}

a.explore.disabled:hover{

	color:#c8ced1;

}





/* MAP STYLES...*/

#map{

	overflow:hidden;

	position: relative;

	max-height:100%;

	opacity:0.1;

}

#svg {

    width:100%;

    height: auto;

}



#page-header {

	left: 30px;

    position: absolute;

    top: 70px;

}

#page-content {

	left: 30px;

    position: absolute;

    top: 260px;

	width:75%;

}



#page-header h1{

	margin-top:2px;

	margin-bottom:0px;

}



.country-comp #page-header h5, .city-comp #page-header h5{

	margin-top:30px;

}



/* ZOOM CONTROLS..*/

#zoom-controls, #table-tip{

	position:absolute;

	top:90px;

	right:35px;

}



#zoom-controls ul, .switch-controls{

	list-style:none;

	margin:0;

	padding:0;

	display:block;

}

#zoom-controls ul li{

	padding:5px 0px;

}

#zoom-in, #zoom-out, .zoom-reset{

	background:url(../images/icon-zoom-plus.png);

	background-repeat:none;

	background-position: 0 0;

	text-indent:-9999px;

	display:block;

	width:20px;

	height:20px;

}

#zoom-out{

	background:url(../images/icon-zoom-neg.png);

}

.zoom-reset{

	background:url(../images/icon-resize-world.png);

}

#zoom-in:hover, #zoom-out:hover, .zoom-reset:hover{

	background-position: -40px 0px;

}



.table-tooltip-icon{

	background:url(../images/icon-modal-button.png) no-repeat 0 0;

	text-indent:-9999px;

	display:block;

	width:20px;

	height:20px;

}

.table-tooltip-icon:hover{

	background-position: 0 -30px;

}

.table-modal-icon{

	background:url(../images/icon-modal-star.png) no-repeat 0 0;

	text-indent:-9999px;

	display:block;

	width:20px;

	height:20px;

	float:left;

}



.modal {

    padding: 353px 0px 0px 30px;

}

.modal-backdrop.in {

opacity: 0;

filter: alpha(opacity=0);

}

.modal.in {

	-webkit-transition:all .45s ease;

	-o-transition:all .45s ease;

	transition:all .45s ease;

}



#embedModal.modal{

	padding:0;

	margin:auto;

	width:300px;

	top:60px;

}

.modal-dialog {

    width: 300px;

	margin:0;

}



#embedModal.modal{

	/*padding-top: 417px;*/

	padding: 0;

	left: initial;

	right: initial;

	width: 100%

}

#embedModal.modal .modal-dialog {

	position: fixed;

	right: 80px;

	top: 60px;

}



#ieInfoModal.modal .modal-dialog {

	position: fixed;

	left: 170px;

	top: 270px;

}

#ieInfoModal h4{

	color:#000;

	font-size:14px;

	margin-top:-12px;

}





.modal-body h3{margin-top:0;}

.modal-body textarea{width:100%;}

.modal-content {

    background-clip: padding-box;

    background-color: #0cb8b5;

	color:#000;

    border: none;

    border-radius: 0;

    box-shadow: none;

	font-size: 12px;

}

#embedModal .close{

	color:#fff;

	opacity:0.8;

	text-shadow: none;

}

#embedModal .modal-content{

	background-color: #182128;

	color:#c8ced1;

}

#embedModal .modal-content h3{

	color:#c8ced1;

}

#embedModal .modal-content h3 small{

	text-transform:uppercase;

}

.modal-header {

    border-bottom: none;

}

.modal-content:after {

  box-sizing: border-box;

  display: inline;

  font-size: 10px;

  width: 100%;

  line-height: 1;

  color: #0cb8b5;

  content: "\25B2";

  position: absolute;                   

  top: -8px;                

  left:30px;

}

#embedModal.modal .modal-content:after {

	display: none;

}

#countryTableModal.modal .modal-content:after, #cityTableModal.modal  .modal-content:after,

#tableModal.modal .modal-content:after {

  color: #0cb8b5;

content: "\25B6";

position: absolute; 

top: 18px; 

left: 299px;

}



.nothing-at-the-moment{

  color: #0cb8b5;

content: "\25B6";

position: absolute; 

top: 18px; 

left: 299px;

}





/* SWITCH CONTROL STYLES...*/

#switch-controls, #switch-controls-auto{

	position:absolute;

	top:155px;

	left:30px;

	width:250px;

}

#switch-controls-auto{

	width:auto;

}

#switch-controls-auto #download-switch.switch-controls{

	margin-top:30px;

}

#switch-controls h5, #switch-controls-auto h5{

	margin-top:50px;

}

.country-comp #switch-controls-auto, .city-comp #switch-controls-auto{

	/*top:205px;*/

	z-index:2;

}

.country-rank #switch-controls-auto{

	z-index:2;

}

.country-rank #switch-controls-auto #download-switch.switch-controls{

	margin-top:10px;

}

.switch-controls{

	float:left;

	width:100%;

	margin-bottom:5px;

}

.switch-controls li{

	float:left;

	margin-right: 10px;

	color:#8a969c;

	font-size:8px;

}

.download-link{

	color:#8a969c;

	font-size:8px;

}



.bootstrap-switch {

    border: 0;

    border-radius: 30px;

	margin-bottom: 3px;

}

.bootstrap-switch .bootstrap-switch-label {

    background: #182128 none repeat scroll 0 0;

}



/* BY COUNTRY */

.bootstrap-switch-id-country-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch-id-country-switch .bootstrap-switch-handle-on.bootstrap-switch-default {

    background: rgb(24, 33, 40) url("../images/switch-country-off.png") no-repeat 4px 4px;

	color:transparent;

}

.bootstrap-switch-id-country-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {

	background: rgb(24, 33, 40) url("../images/switch-country-on.png") no-repeat 6px 4px;

	color:transparent;

}



/* BY CITY */

.bootstrap-switch-id-city-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch-id-city-switch .bootstrap-switch-handle-on.bootstrap-switch-default {

    background: rgb(24, 33, 40) url("../images/switch-city-off.png") no-repeat 4px 4px;

	color:transparent;

}

.bootstrap-switch-id-city-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {

	background: rgb(24, 33, 40) url("../images/switch-city-on.png") no-repeat 6px 4px;

	color:transparent;

}





/* G20 */

.bootstrap-switch-id-g20-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch-id-g20-switch .bootstrap-switch-handle-on.bootstrap-switch-default {

    background: rgb(24, 33, 40) url("../images/switch-g20-off.png") no-repeat 4px 4px;

	color:transparent;

}

.bootstrap-switch-id-g20-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {

	background: rgb(24, 33, 40) url("../images/switch-g20-on.png") no-repeat 6px 4px;

	color:transparent;

}

/* OECD */

.bootstrap-switch-id-oecd-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch-id-oecd-switch .bootstrap-switch-handle-on.bootstrap-switch-default {

    background: rgb(24, 33, 40) url("../images/switch-oecd-off.png") no-repeat 4px 4px;

	color:transparent;

}

.bootstrap-switch-id-oecd-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {

	background: rgb(24, 33, 40) url("../images/switch-oecd-on.png") no-repeat 6px 4px;

	color:transparent;

}

/* BOTH */

.bootstrap-switch-id-both-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch-id-both-switch .bootstrap-switch-handle-on.bootstrap-switch-default,

.bootstrap-switch-id-asia-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch-id-asis-switch .bootstrap-switch-handle-on.bootstrap-switch-default {

    background: rgb(24, 33, 40) url("../images/switch-both-off.png") no-repeat 4px 4px;

	color:transparent;

}

.bootstrap-switch-id-both-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,

.bootstrap-switch-id-asia-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {

	background: rgb(24, 33, 40) url("../images/switch-both-on.png") no-repeat 6px 4px;

	color:transparent;

}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {

    background-size:18px 18px;

}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {

	background-size:18px 18px;

}



.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

}



.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {

    line-height: 2.3;

	font-size:10px;

	padding: 2px 5px;

}

.bootstrap-switch.bootstrap-switch-focused {

  border:none !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}







#download, .download{

	border:0;

	display:block;

	width:20px;

	height:20px;

	background:url(../images/icon-download-map.png) no-repeat 0 0;

	text-indent:-9999px;

	margin-bottom: 6px;

}

span.download-link {

	display: inline-block;

	margin-right: 10px;

    width: 120px

}



/*.city-comp .switch-controls li:last-child{

	margin-left: 40px;

}*/

#download-switch #download{

	display:inline-block;

}

#download:hover{

	background-position: -40px 0;

}



#hiddenDiv, #hiddenCanvas{

	visibility:hidden;

}



/*#download{

	position:absolute;

	top:55px;

	left:15px;

	color:#ffffff;

}*/



/* INNER MAP STYLES..*/

.embassy-icon,.consulate-icon,.mission-icon,.other-icon, .all-icon{

	width:18px;

	height:18px;

	border-radius:9px;

}

#country-post-breakdowns .embassy-icon, #country-post-breakdowns .consulate-icon,

#country-post-breakdowns .mission-icon, #country-post-breakdowns .other-icon{

	float:left;

	margin: 10px 10px 0 0;

}

.progress-bar-text{

	/*padding-left:35px;

	line-height: 20px;

	font-size:20px;*/

	display:inline-block;

	line-height: 18px;

	font-size: 16px;

	margin-bottom:0;

}

.embassy-icon{

	/*background-color: #1bd9d5;*/

	background:url(../images/icon-representative-flag.png) no-repeat 0 0 #1bd9d5;

	background-position: center;

	background-size: 18px 18px

	/*-moz-transform:scale(0.5);

    -webkit-transform:scale(0.5);

    transform:scale(0.5);*/

}

.consulate-icon{

	/*background-color: #0cb8b5;*/

	background:url(../images/icon-representative-flag.png) no-repeat 0 0 #1fb490 /*#0cb8b5*/;

	background-position: center;

	background-size: 18px 18px

}

.mission-icon{

	/*background-color: #00888c;*/

	background:url(../images/icon-representative-flag.png) no-repeat 0 0 #00888c;

	background-position: center;

	background-size: 18px 18px

}

.other-icon{

	/*background-color: #006973;*/

	background:url(../images/icon-representative-flag.png) no-repeat 0 0 #00576a /* #00577b #006973*/;

	background-position: center;

	background-size: 18px 18px

}

.all-icon{

	background-color: #ffffff;

}



#all-filter, #embassy-filter, #consulate-filter, #mission-filter, #other-filter{

	font-size:9px;

}



#all-filter > div.all-icon {

	border:2px solid #ffffff;

}

#embassy-filter.disabled > div.embassy-icon{

	border:2px solid #1bd9d5;

}

#consulate-filter.disabled > div.consulate-icon{

	border:2px solid #1fb490;

}

#mission-filter.disabled > div.mission-icon{

	border:2px solid #00888c;

}

#other-filter.disabled > div.other-icon{

	border:2px solid #00576a;

}



#all-filter.disabled > div, #embassy-filter.disabled > div,#consulate-filter.disabled > div,

#mission-filter.disabled > div, #other-filter.disabled > div{

	background:none;

	background-color: #242a36;

}







/*#stat-container{

	float:left;

	width:250px;

}*/

#interesting-facts, #post-breakdowns{

	position:absolute;

	top:340px;

	left:30px;

	width:230px;

}

#post-breakdowns{

	top:510px;

	text-transform:uppercase;

}

#interesting-facts.city{

	border-bottom: 1px solid #c7c72d;

	padding-bottom:5px;

}

#city-post-breakdowns{

	position:relative;

	top:0px;

	display:none;

	width: 230px;

	/*margin-top: -60px;*/

}

#country-post-breakdowns{

	position:relative;

	top:65px;

}

#post-breakdowns h5, #post-breakdowns h6{

	color:#8a969c;

}

#post-breakdowns h6 {margin: 5px 0;}

#post-breakdowns h6 small {font-size: 8px;}

#city-post-breakdowns ul{

	list-style:none;

	margin:0;

	padding:0;

}

#city-post-breakdowns ul li{

	padding:5px 0px;

}

#city-post-breakdowns a{

	float:right;;

	margin-left:5px;

}



#city-post-breakdowns .scrollbar-me{

	height:290px;

	overflow:hidden;

	/*margin-right:40px;*/

}



.mCSB_inside > .mCSB_container {

    padding-top: 10px;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	width:2px;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: rgb(112, 234, 244);

}

.city_select.chosen-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: rgb(199, 199, 45);

}

.mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(112, 234, 244, 0.2);

}

.city_select.chosen-container .mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(199, 199, 45, 0.2);

}

.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -48px 0;

	margin:0 !important;

}

.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -48px -20px;

	margin:0 !important;

}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {

    opacity: 0.5;

}

/*#city-post-breakdowns .embassy-icon,

#city-post-breakdowns .consulate-icon,

#city-post-breakdowns .mission-icon,

#city-post-breakdowns .other-icon{

	float:right;	

}*/



#interesting-facts h3{

	padding-bottom:5px;

	border-bottom: 1px solid #70eaf4;

	display: table-cell;

    height: 54px;

    margin-top: 0;

    min-height: 54px;

    vertical-align: bottom;

    width: 230px;

}

#interesting-facts h3.city{

	border-bottom: 1px solid #c7c72d;

}

#interesting-facts h1{

	line-height:20px;

}

#interesting-facts h1 small{

	font-size:12px;

}

#interesting-facts .sub-{

	color:#8a969c;

}







/* PROGRESS BAR STYLES..*/

.progress {

    background-color: #455563;

    border-radius: 0px;

    height: 1px;

	margin-bottom: 15px;

}

#embassy-progress-bar {

    background-color: #1bd9d5;

}

#consulate-progress-bar {

    background-color: #1fb490;

}

#mission-progress-bar {

    background-color: #00888c;

}

#other-progress-bar {

    background-color: #00576a;

}







/* D3 MAP STYLES....*/

#hiddenDiv{visibility:hidden;}

/*.sphere {

  fill: #353d49;

}*/

/*

.country {

  fill: #242a36;

  stroke: #353d49;

  stroke-width: 0.25px;

}*/

/*

.boundary {

  fill: none;

  stroke: #353d49;

  stroke-width: 0.75px;

  stroke-linejoin: round;

  stroke-linecap: round;

  vector-effect: non-scaling-stroke;

}*/

/*

path {

  stroke: #353d49;

  stroke-width: 0.25px;

  fill: #242a36;

}*/

/*

.connector, .innerconnector{

  fill:none;

  stroke-linecap: butt;

}*/

/*

.country-icon{

	fill:none;

	stroke: #70eaf4;

}

*/

/*.city-icon{

	fill:#c7c72d;

	z-index:10;

}*/



/* Tool tips...*/

.d3-country-tip, .d3-city-tip{

  line-height: 1;

  padding: 0px 8px;

  background:#70eaf4;

  text-transform:uppercase;

  text-align: center;

}

.d3-city-tip{

	background:#c7c72d;

}

.d3-city-tip h5, .d3-city-tip h6, 

.d3-country-tip h5, .d3-country-tip h6{

	color:#000000;

	font-size:12px;

	margin:  4px 0px;

}

.d3-city-tip h6, .d3-country-tip h6{

	font-size:8px;

	line-height:10px;

	margin:  0px 0px 4px 0px;

}

.d3-city-tip h6.top{

	margin:  4px 0px 4px 0px;

}



/* Creates a small triangle extender for the tooltip */

.d3-country-tip:after, .d3-city-tip:after {

  box-sizing: border-box;

  display: inline;

  font-size: 10px;

  width: 100%;

  line-height: 1;

  color: #70eaf4;

  content: "\25BC";

  position: absolute;

  text-align: center;

}

.d3-city-tip:after {

	color: #c7c72d;

 }



/* Style northward tooltips differently */

.d3-country-tip.n:after, .d3-city-tip.n:after {

  margin: -1px 0 0 0;

  top: 100%;

  left: 0;

}



.h1, h1 {font-size: 30px;}

	.h3, h3 {font-size: 15px;}

	.h5, h5 {font-size: 10px;}

	/*#switch-controls, #switch-controls-auto {top: 185px;}*/

	#interesting-facts h1 {margin: 15px 0 0;line-height: 17px;}

	#interesting-facts h1 small {font-size: 10px;}

	#interesting-facts h3 {margin-top:0;}

	

	#city-post-breakdowns .scrollbar-me li {font-size: 75%;}



/* CONTACT FORM EMBED */

.embed-container {

	position: relative;

	height: 370px;

	overflow: hidden;

	max-width: 100%;

}

.embed-container iframe, .embed-container object, .embed-container embed {

	position: absolute; top: 0; left: 0; width: 100%; height: 100%;

}

.formInstructions {

	border-bottom: 1px solid #70eaf4;

	width: 254px;

	font-size: 10px;	

	margin-top: 50px

}



div.about{

	opacity:0.1;

}



.extra-highlight {

	font-weight:700;

}

.extra-margin{

	margin-top:40px;

}



/* SLIDESHOW STYLES..*/

#mob-slideshow{

	display:none;

}

#mob-slideshow p{

	text-transform:uppercase;

}

#mob-slideshow .carousel-control.right, #mob-slideshow .carousel-control.left{

	background:none;

}

.carousel-indicators {

    bottom: -30px;

}

.carousel-indicators li {

    border: 1px solid #70eaf4;

}

.carousel-indicators .active {

    background:#70eaf4;

}




.non-member-state-asterisk p{

	font-size:8px;

	color:#c8ced1;

	text-transform:uppercase;

	opacity:0;

}





#page-copyright{

	position:fixed;

	bottom:15px;

	right:35px;

}

#page-copyright p{

	font-size: 10px;

    font-weight: 400;

	text-transform:uppercase;	

}

#page-copyright p a{

	text-decoration:none !important;

}





/* RESPONSIVE STYLES....*/

@media (max-width: 1545px) {

/*	.navbar-brand img.desktop{

		display:none;

	}

   	.navbar-brand img.mobile{

		display:block;

	}

	.navbar-brand img.mobile{

		margin-top: -5px;

	}*

	.navbar-brand img.desktop {width: 400px;}*/

	.navbar-brand > img {margin-top: 5px;}

	.nav {

		font-size: 11px;

	}

	/*.nav>li>a {padding-left: 10px;padding-right:10px;}*/

	.nav>li>a.social-embed, .nav>li>a.social-twitter, .nav>li>a.social-facebook, .nav>li>a.social-email{padding-left: 15px;padding-right:15px;margin-left:8px;}

	.nav>li>a.social-twitter, .nav>li>a.social-facebook{margin-left:6px;}

	.nav>li>a.social-email{margin-left:4px;}

}

@media (max-width: 1400px) {

	/*.h1, h1 {font-size: 30px;}

	.h3, h3 {font-size: 15px;}

	.h5, h5 {font-size: 10px;}

	#switch-controls, #switch-controls- {top: 185px;}

	#interesting-facts h1 {margin: 15px 0 0;line-height: 17px;}

	interesting-facts h1 small {font-size: 10px;}

	#interesting-facts h3 {margin-top:0;}

	#post-breakdowns {top: 510px;}

	#city-post-breakdowns{

		display:none;

		width: 290px;

		margin-top: -50px;

	}

	#city-post-breakdowns .scrollbar-me {height: 290px;}

	#city-post-breakdowns .scrollbar-me li {font-size: 75%;} */

	.navbar-brand img.desktop {width: 426px;}

	.navbar-brand img.mobile {width: 252px;}

	

}

@media (max-width: 1300px) {



	.nav {

		font-size: 10px;

	}

}



@media (max-width: 1250px) {

	.navbar-brand img.desktop{

		display:none;

	}

   	.navbar-brand img.mobile{

		display:block;

		margin-top: -5px;

	}

	.navbar-brand > img {margin-top: 6px;}

	}

@media (max-width: 1085px) {

   	.navbar-brand img.mobile{

		display:block;

		margin-top: -3px;

		width: 200px;

	}

}

@media (max-width: 1023px) {

	

	.navbar > .container-fluid{

		padding:0;

	}

	.navbar-header {

        float: none;

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

    .navbar-toggle {

        display: block;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-fixed-top {

		top: 0;

		border-width: 0 0 1px;

	}

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

		margin-top: 7.5px;

	}

	.navbar-nav>li {

        float: none;

    }

	.nav>li>a {padding-left: 10px;padding-right:10px;}

    .navbar-nav>li>a {

        padding-top: 4px;

        padding-bottom: 4px;

    }

    .collapse.in{

  		display:block !important;

	}

	#page-copyright{

    	right: 45px;

	}

}



@media (max-width: 1260px) {

	/*  NAV BAR STYLES - BURGER TIME.. */

	/*.navbar-header {

        float: none;

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

    .navbar-toggle {

        display: block;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-fixed-top {

		top: 0;

		border-width: 0 0 1px;

	}

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

		margin-top: 7.5px;

	}

	.navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .collapse.in{

  		display:block !important;

	}



   	#intro .intro-text {

    	width: 100%;

	}

	

	#map{padding-top: 60px;}

	

	#page-header,#switch-controls,#switch-controls-,#interesting-facts, #post-breakdowns{

		position: relative;

		width:100%;

    	left: 0;

   		top: 0;

	}

	#page-header h1,#interesting-facts h1{

		font-size:28px;

	}

	#switch-controls{

		top:10px;

	}

	#interesting-facts{

		top:20px;

	}

	#post-breakdowns{

		top:40px;

	}*/

	#page-content {

		position:relative;

		top:260px;

		left:30px;

	}

	

	.about #page-copyright, .contact #page-copyright {

		position: relative;

		right: 35px;

		text-align: right;

		top: 210px;

	}

	 .contact #page-copyright {

		top: 250px;

		padding-bottom:20px;

	}

}



@media (max-width: 979px) {

	#intro .intro-text {

		width: 100%;

	}

	#intro .intro-text p.intro-text-p{

		width: 100%;

		/*padding: 0 20px;*/

	}

	

	

	/* Resize switch controls. */

	

	/*

	.bootstrap-switch {

		border-radius: 20px;

		max-width: 40px;

	}

	

	.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{

		line-height: 2.0;

		font-size:8px;

	}



	.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {

		background-size: 16px 16px;

	}

	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {

		background-size: 16px 16px;

	}

	*/

}



@media (max-width: 768px) {



   /*	#intro .intro-text {

    	width: 100%;

	}*/

	

	#map{

		padding-top: 60px;

	}

	

	#page-header,#switch-controls,#switch-controls-auto,#interesting-facts, #post-breakdowns{

		position: relative;

		width:100%;

    	left: 0;

   		top: 0;

	}

	#page-header,#switch-controls,#switch-controls-auto{

   		top: 70px;

	}

	.map-container #page-header{

   		top: 0;

	}

	#page-header h1,#interesting-facts h1{

		font-size:28px;

	}

	#switch-controls{

		top:10px;

	}

	#interesting-facts{

		top:20px;

	}

	#post-breakdowns{

		top:40px;

	}

	

	.container-fluid {

		padding-left: 30px;

		padding-right: 30px;

	}

	

	#mob-slideshow{

		display:block;

		position:relative;

		top:80px;

	}	

	#map, .map-container #page-header, .map-container #zoom-controls, .map-container #switch-controls, .map-container #interesting-facts, .map-container #post-breakdowns{

		/*visibility:hidden;*/

		display:none;

	}

	#page-copyright{

    	right: 30px;

	}

	.map-container #page-copyright{

		position: relative;

    	right: 0px;

    	text-align: right;

    	top: 140px;

		padding-bottom:10px;

	}

	

	#page-content {

		top:75px;

		left:0px;

	}

	.about #page-copyright, .contact #page-copyright {

		right: 0px;

		top: 20px;

	}

	 .contact #page-copyright {

		top: 50px;

	}

}





@media (max-width: 640px) {

		

	/*#intro .intro-text img.desktop{

		display:none;

	}

   	#intro .intro-text img.mobile{

		display:block;

	}*/

	

	#intro .container{

		top:30px;

		margin-top:0;

	}

	

	.hero-text{

		font-size:30px;

	}

	#intro .intro-text p{

		font-size:13px;

	}

	#page-content {

		width:85%;

	}

	#map{padding-bottom:20px;}

}



@media (max-width: 480px) {

	#page-header h1 {

		font-size: 20px;

	}

	

	img.lowy-logo{width:100%;height:auto;}

}