/*
Theme Name: Gunvar a
Theme URI: http://www.beekman.ee
Author: Roland Krindal
Description: Custom theme for Gunvar project
Version: 1.0

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html{
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0;
}
body{
    background: #f4f3f4;
    margin: 0;
    color: #414142;
    padding: 0;
    font-family: helvetica;
}
a:link,
a:hover,
a:visited,
a:active{
    text-decoration: none;
    color: #006a72;
}
.jcarousel-pagination a{
	float: left;
	margin-right: 10px;
}
.jcarousel-circle{
    border-radius: 5px;
	border: 1px solid #FFF;
    height: 10px;
    width: 10px;
}
.jcarousel-pagination a:first-child .jcarousel-circle{
	background: #FFF;
}
.jcarousel-pagination{
	margin-left: 50%;
}
.top-timeline{
	display: inline-block;
	margin-right: -5px; /* This keeps it exactly in the center of the screen */
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.fixed {
	z-index: 9999; 
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%;
}
.top-bg{
	background: #e9e9e9;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
}
.top-bg .center-wrap{
	position: relative;
}
.top-bg .lang{
	float: right;
	margin-right: 70px;
}
.ncl-location-pin:hover{
	background: #f6c519 !important;
}
.top-bg .loop{
	background: url('images/loop@1x.png') no-repeat center center;
	width: 54px;
	height: 54px;
	background-size: 52px 52px;
	position: absolute;
	right: 0;
	top: 0;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.top-bg .loop{
		background-image: url('images/loop@2x.png');
		background-size: 60px 60px;
	}
}
.menu-bg{
	background: #FFF;
	height: 40px;
	width: 100%;
	line-height: 40px;
}
.top-pic{
	background: url('images/homebg.jpg') no-repeat center center;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 1px solid #FFF;
	position: relative;
	max-height: 970px;
	min-height: 970px;
}
@media only screen and (min-width: 1690px){
	.top-pic{
		background: url('images/homebg.jpg') no-repeat center -150px;
		width: 100%;
		height: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border-top: 1px solid #FFF;
		position: relative;
		max-height: 970px;
		min-height: 970px;
	}
}
@media only screen and (min-width: 1920px){
	.top-pic{
	background: url('images/homebg.jpg') no-repeat center -450px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 1px solid #FFF;
	position: relative;
	max-height: 970px;
	min-height: 970px;
}
}
@media only screen and (min-width: 1920px) and (max-width: 2050px){
	.top-pic{
	background: url('images/homebg.jpg') no-repeat center -230px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 1px solid #FFF;
	position: relative;
	max-height: 970px;
	min-height: 970px;
}
}
@media only screen and (min-width: 1860px) and (max-width: 1920px){
	.top-pic{
	background: url('images/homebg.jpg') no-repeat center -170px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 1px solid #FFF;
	position: relative;
	max-height: 970px;
	min-height: 970px;
}
}
@media only screen and (min-width: 2050px) and (max-width: 2200px){
	.top-pic{
	background: url('images/homebg.jpg') no-repeat center -300px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 1px solid #FFF;
	position: relative;
	max-height: 970px;
	min-height: 970px;
}
}
.top-pic .bottom-content{
	padding: 20px 0px;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 628px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid: #FFF;
}
.content{
	background: #FFF;
	width: 100%;
	min-height: 300px;
}
.center-wrap{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.center-wrap li {
	margin-bottom: 8px;
}
.footer{
	background: #006a72;
	width: 100%;
	height: 50px;
}
.logo{
	background: url('images/logo-global.png') #006a72 no-repeat 10px center;
	width: 206px;
	background-size: 196px 32px;
	float: left;
	height: 50px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 
	.logo{
		background: url('images/logo-global.png') #006a72 no-repeat 10px center;
		width: 206px;
		background-size: 196px 32px;
		float: left;
		height: 50px;
	}
}
.menu1, .menu2, .menu3{
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu1 a:link, .menu1 a:hover, .menu1 a:visited, .menu1 a:active{
	color: #000;
	text-decoration: none;
}
.menu2 a:link, .menu2 a:hover, .menu2 a:visited, .menu2 a:active{
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
.menu2 .current-menu-item a{
	text-decoration: underline;
	color: #0D6A71;
}
.menu3 a:link, .menu3 a:hover, .menu3 a:visited, .menu3 a:active{
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.menu2 li{
	float: left;
	border-right: 1px solid #000;
	padding-left: 8px;
	height: 12px;
	margin-top: 15px;
	line-height: 9px;
	vertical-align: middle;
	padding-right: 8px;
}
.menu2 li:last-child{
	border-right: none;
	padding-right: 0px;
}
.menu1 li{
	float: left;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
}
.menu1 li a{
	padding-right: 25px;
}
.menu1 li:last-child{
	margin-right: 0px !important;
}
.menu1{
	height: 40px;
	line-height: 40px;
}
.menu2{
	float: right;
	line-height: 40px;
	height: 40px;
	vertical-align: middle;
}
.menu3{
	float: right;
	vertical-align: middle;
}
.menu3 li{
	color: #FFF;
	float: left;
	height: 12px;
	line-height: 9px;
	margin-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #FFF;
}
.menu3 li:last-child{
	border-right: none;
}
.social_icons{
	float: right;
	margin-top: 15px;
	margin-right: 60px;
}
.social_icons a{
	float: left;
	margin-right: 5px;
}
.social_icon{
	width: 20px;
	height: 20px;
}
.keyfigure{
	padding-right: 15px;
	padding-left: 15px;
	min-width: 200px;
	height: 180px;
	float: left;
	border-right: 1px solid #e9e9e9;
}
.keyfigure:last-child{
	border-right: none;
}
.keyfigure .topsentence{
	color: #6b6b6b;
	text-align: center;
	font-size: 12px;
}
.keyfigure .number{
	color: #262c38;
	font-size: 105px;
	margin-top: -30px;
	margin-bottom: -30px;
	text-align: center;
}
.keyfigure .unit{
	color:	#262c38;
	font-size: 40px;
	text-align: center;
	margin-bottom: -10px;
}
.keyfigure .bottomsentence{
	color: #6b6b6b;
	text-align: center;
	font-size: 12px;
}
.copyright{
	color: #FFF;
	font-size: 11px;
	float: left;
	text-transform: uppercase;
	line-height: 50px;
	height: 50px;
}
.keyfigure-title{
	padding: 5px;
	background: #FFF;
	font-size: 18px;
	width: 136px;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	text-transform: uppercase;
}
.through-line{
	margin-top: 30px;
	margin-bottom: 20px;
	background: url('images/line.jpg') repeat-x center center;
	width: 100%;
	text-align: center;
}
.top-pic .main-content{
	background: url('images/global.png') no-repeat;
	width: 939px;
	height: 450px;
	margin-top: 65px;
	position: relative;
    overflow: hidden;
}
#jcarousel > ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}
#jcarousel ul > li {
    /* Required only for block elements like <li>'s */
    float: left;
    padding-right: 2px;
	display: block;
	width: 939px;
}
.top-pic .main-content .right{
	max-width: 650px;
	margin-top: 72px;
	float: right;
	margin-right: 10px;
	width: 100%;
}
.top-pic .main-content .left{
	max-width: 170px;
	position: relative;
	min-height: 400px;
	float: left;
}
.top-pic .main-content .title{
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	font-size: 24px;
	max-width: 650px;
}
.top-pic .main-content .description{
	color: #FFF;
	margin-top: 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	font-size: 22px;
	max-width: 650px;
	font-weight: lighter;
}
.mobSmallMenu{
	display: none;
}
.top-pic .main-content .countries{
	margin-top: 230px;
	list-style: none;
	padding-left: 4px;
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
}
.top-pic .main-content .globalCircle{
	position: absolute;
	top: 65px;
	left: 15px;
	color: #FFF;
	font-size: 50px;
	text-align: center;
	width: 185px;
	font-weight: bold;
}
.top-pic .main-content .countries li{
	margin-bottom: 5px;
	background: url('images/homeline.png') no-repeat left center;
	padding-left: 25px;
}
.top-pic .main-content .more-small{
	position: absolute;
	bottom: -25px;
	right: 10px;
}
.top-pic .main-content .more-small a{
	color: #FFF;
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: lighter;
}
.top-pic .main-content .more-big{
	margin-top: 20px;
	font-weight: lighter;
	z-index: 9999;
	position: relative;
}
.jcarousel-small-map{
	position: absolute;
	bottom: -50px;
	right: -130px;
}
.top-pic .main-content .more-big a{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	font-size: 22px;
	text-decoration: none;
	color: #FFF;
}
.hwdb{
	color: #4f5858;
	font-size: 22px;
	font-weight: 500;
}
#tabs{
	width: 290px;
	margin-left: -20px;
}
.ui-tabs-panel p{
	color: #4f5858;
	font-size: 14px;
	font-weight: 300;
	line-height: 16px;
}
.ui-tabs-panel{
	padding: 0px !important;
	margin-left: 17px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{
	color: #006a72;
	font-size: 20px;
	font-weight: 100;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	color: #4f5858;
	font-size: 20px;
	font-weight: 100;
}
.ui-tabs-nav{
	margin-left: -5px !important;
	padding: 0px !important;
}
.bottom-content .left{
	float: left;
}
.bottom-content .right{
	float: right;
}
#picture-1{
	display: block;
}
.picture{
	display: none;
	margin-top: 20px;
}
.article .excerpt{
	padding-left: 40px;
	color: #262c38;
	font-size: 11pt;
	font-weight: 200;
}
.article .title{
	margin-top: 6px;
}
.article .date{
	color: #262c38;
	padding-left: 40px;
	font-size: 14pt;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}
.article .title a:visited,
.article .title a:active,
.article .title a:hover,
.article .title a:link{
	color: #006a72;
	font-size: 14pt;
	text-decoration: none;
/* 	border-bottom: 1px solid #a4a4a4; */
	background: url(images/news-title-bg.png) 0 1px repeat-x;
	padding-left: 40px;
	display: block;
	margin-top: 7px;
}
.article .thumbnail{
	float: left;
	border: 5px solid #FFF;
	-webkit-border-radius: 85px;
	-moz-border-radius: 85px;
	border-radius: 85px;
	height: 170px;
	width: 170px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.mapcontent{
	margin-top: 20px;
}
.article .acontent{
	float: left;
	width: 79%;
	margin-left: 22px;
	margin-top: 4px;
}
#white-bg{
	display: none;
}
.article{
	padding-top: 30px;
	position: relative;
	padding-left: 10px;
	overflow: auto;
}
.article .thumbline{
	background: url('images/thumbline.png') no-repeat;
	width: 25px;
	left: 177px;
	top: 64px;
	height: 26px;
	position: absolute;
}
.page-title{
	width: 100%;
	background: #e9e9e9;
	height: 55px;
	line-height: 55px;
	font-size: 20pt;
	color: #262c38;
	margin-top: 60px;
}
.article .continue{
	margin-top: 10px;
	padding-left: 40px;
}
.continue a:link,
.continue a:visited,
.continue a:hover,
.continue a:active{
	font-style: italic;
	font-weight: 200;
	font-size: 14px;
	text-decoration: underline;
	color: #262c38;
}
.newsbg{
	width: 100%;
	height: 190px;
	border-bottom: 5px solid #e9e9e9;
	background: url('images/newsbg.jpg') no-repeat center 18%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactbg{
	width: 100%;
	height: 255px;
	border-bottom: 5px solid #e9e9e9;
	background: url('images/map.jpg') no-repeat center 10%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.breadcrumbs{
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 200;
}
input[type=text], input[type=email], input[type=number], textarea, select {
	background: #FFF;
	padding: 10px 10px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 100%;
	resize: none;
	border-radius: 10px;
}
select {
	height: 40px;
}
span.input-field {
	display: block;
	padding-bottom: 5px;
	color: #333;
}
textarea{
	height: 130px;
}
input[type=submit]{
	border-radius: 0px;
	border: none;
	background: #006a71;
	color: #FFF;
	float: right;
	margin-right: 5px;
	padding: 10px 20px;
}
.input-field{
	color: #b9b9b9;
	font-size: 11pt;
	font-weight: 200;
}
.wpcf7-response-output{
	margin-top: 30px;
}
.wpcf7-form p{
/* 	overflow: auto; */
}
.contact-title a,
.contact-title a:hover{
	font-size: 14pt;
	font-weight: 200;
	color: #262c38;
	text-decoration: none;
}
.contact-title{
		border-bottom: 1px solid #f4f4f4;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 14pt;
	clear: both;
}
.office-title{
	font-size: 14pt;
	font-weight: 200;
	color: #262c38;
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}
.contact-right{
	float: right;
	width: 55%;
}
.contact-left{
	float: left;
	width: 35%;
}
.office{
	float: left;
	width: 225px;
	margin-right: 20px;
	margin-top: 20px;
}
.office:nth-child(even){
	float: right;
}
.office .office-adr{
	font-weight: 200;
}
.office .office-info{
	width: 100%;
	font-weight: 200;
	font-size: 10pt;
	margin-top: 20px;
}
.office-info th{
	font-weight: 200;
	min-width: 50px;
}
.office-info td{
	text-align: left;
}
.office-info a:link,
.office-info a:active,
.office-info a:visited{
	color: #262c38;
	text-decoration: none;
}
.office-info a:hover{
	color: #006A72;
}
.contact a:hover{
	color: #006A72 !important;
}
.contact a:link,
.contact a:active,
.contact a:visited{
	color: #262c38;
	text-decoration: none;
}
.contact{
	float: left;
	width: 225px;
	font-weight: 200;
	margin-bottom: 20px;
}
.contact:nth-child(odd){
	float: right;
	margin-bottom: 20px;
	width: 225px;
}
.contact-position{
	margin-top: 10px;
	margin-bottom: 10px;
}
.asset-left{
	max-width: 725px;
	float: left;
}
.asset-right{
	float: right;
	width: 24%;
}
ul.assets{
	list-style: url('images/asset-arrow.png');
	padding: 0;
	margin: 0;
	margin-left: 20px !important;
}
ul.assets li{
	color: #006a72;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 8px;
}
ul.assets li a{
	text-decoration: none;
}
ul.assets li.underline a{
	text-decoration: underline;
}
.assettopbg{
	width: 100%;
	height: 40px;
	border-bottom: 5px solid #e9e9e9;
	background-position: left 31%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.assetbottombg{
	width: 100%;
	height: 40px;
	background-position: left bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.assetsentence{
	min-height: 150px;
	background: #f5f5f6;
	width: 100%;
}
.assetsentence-style{
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 27px;
	font-family: Droid Serif;
	font-style: italic;
	width: 70%;
	line-height: 35px;
}
.through-line .assets-title{
	padding: 5px 15px;
	background: #FFF;
	font-size: 18px;
	color: #262c38;
	font-weight: 200;
	margin-left: auto;
	text-align: center;
	display: inline-block;
	margin-right: auto;
	text-transform: capitalize;
}
.custom-page-content{
	font-weight: 200;
}
.asset .image{
	border: 3px solid #FFFFFF;
    border-radius: 35px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    float: left;
    height: 70px;
    overflow: hidden;
    width: 70px;
    margin-left: 10px;
    margin-right: 20px;
    background-size: 100% !important;
}
.asset .title{
	font-size: 18px;
	color: #262c38;
	font-weight: bold;
	text-transform: capitalize;
}
.asset .description{
	font-size: 12px;
}
.asset .acontent{
	float: right;
	width: 68%;
}
.asset{
	float: right;
	margin-top: 25px;
	margin-bottom: 25px;
/* 	max-width: 47%; */
	width: 50%;
}
.asset:nth-child(even){
	float: left;
}
.asset-topsentence{
	color: #262c38;
	font-size: 12px;
	margin-bottom: 15px;
}
.asset-number{
	color: #f6c519;
	font-size: 45pt;
	margin-top: -40px;
	margin-bottom: -40px;
	text-align: center;
}
.asset-unit{
	color:	#f6c519;
	font-size: 27pt;
	text-align: center;
	margin-bottom: -10px;
}
.asset-bottomsentence{
	margin-top: 10px;
	color: #262c38;
	font-size: 12px;
}
.maplocations-bg {
	background: #f6f6f6;
}
.map-categories {
	position: relative;
	z-index: 2;
	padding: 20px 0px;
	width: 222px;
	background: #e8e8e9;
	color: #575757;
	text-transform: uppercase;
	border-right: 2px solid #ffffff;
	text-decoration: none;
}
.map-categories a, .map-categories a:hover {
	color: #575757;
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-decoration: none !important;
	font-weight:bold;
	display: block;
}
.map-categories ul {
	list-style: none;
	width: 247px;
	padding-left: 0;
}
.map-categories li {
	padding: 17px 0px;
	padding-left: 27px;
}
.map-categories li.active {
	background: url('images/map-selecter.png') no-repeat center center;
}
.map-categories li.active a {
	color: #ffffff;
}
.content-map {
	position: relative;
	z-index: 1;
	width: 716px;
	height: 374px;
	background: url(images/map.png) no-repeat;
	margin-top: 50px;
}
.marker {
	background: transparent;
	border: 5px solid #4f66a5;
	display: block;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: .2s ease-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transition: .2s ease-out;
	-moz-transform-origin: 50% 50%;
	-o-transition: .2s ease-out;
	-o-transform-origin: 50% 50%;
	opacity: 0;
}
.marker-arrow {
	pointer-events: none !important;
	display: block;
 	opacity: 0;
	position: absolute;
	width: 0;
	height: 51px;
	background: url(images/marker-arrows.png) left top no-repeat;
	-webkit-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	z-index: 9999;
/*
	left: 15px;
	top: -30px;
	left: -2px;
	top: -49px;
	bottom: -23px;
*/
}
.marker-arrow.open-left {
	background-position: -30px 0;
}
.marker-arrow.active {
/*
	left: 14px;
	top: -33px;
*/
	opacity: 1 !important;
	width: 26px;
}
.marker-info {
	/* pointer-events: none; */
	display: none;
}
.marker-info > .img {
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	opacity: 0;
	display: block;
	position: absolute;
	height: 100px;
	width: 100px;
	border-radius: 50px;
	background: #fff;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.74);
	background-image: url(http://c28-78.uvn.zone.eu/client/gun/wp-content/uploads/2014/04/Mining.jpg);
	border: 3px solid #fff;
	left: 38px;
	top: -70px;
	z-index: 999;
	overflow: hidden;
}
.marker.open-left .marker-info > .img {
	left: -105px;
}
.marker-info.active > .img {
	opacity: 1 !important;
}
.marker-info > .title {
	opacity: 0;
	font-size: 16px;
	font-weight: 200;
	font-family: Helvetica;
	float: left;
	color: #262c38;
	margin-left: 150px;
	width: 0;
	height: 0;
	margin-top: -10px;
	color: #006A72;
}
.marker.open-left .marker-info > .title {
	margin-left: -325px;
}
.marker-info > .text {
	opacity: 0;
	color: #262c38;
	float: left;
	font-family: Helvetica;
	font-weight: 200;
	margin-top: 8px;
	font-size: 14px;
	margin-left: 150px;
	width: 0;
	height: 0;
	line-height: 0;
	margin-top: 7px;
	position: relative;
	z-index: 9999;
}
.marker.open-left .marker-info > .text {
	margin-left: -325px;
	margin-top: 27px !important;
}
.marker-info.active > .title {
	opacity: 1 !important;
	width: 300px;
	height: 30px;
	position: relative;
	z-index: 9999;
}
.marker-info.active > .text {
	opacity: 1 !important;
	width: 150px;
	height: 150px;
	line-height: 16px;
	position: relative;
	z-index: 9999;
}
.marker.active {
	width: 40px;
	height: 40px;
	border-color: #f6c519;
}
.marker.active-small {
	width: 20px;
	height: 20px;
	border-color: #f6c519;
}
.marker-01 {
	top: 110px;
	left: 150px;
}
.marker-02 {
	top: 165px;
	left: 195px;
}
.marker-03 {
	top: 200px;
	left: 185px;
}
.marker-04 {
	top: 210px;
	left: 205px;
}
.marker-05 {
	top: 280px;
	left: 230px;
}
.marker-06 {
	top: 269px;
	left: 390px;
}
.marker-07 {
	top: 101px;
	left: 339px;
}
.marker-08 {
	top: 170px;
	left: 447px;
}
.marker-09 {
	top: 217px;
	left: 545px;
}
.marker-10 {
	top: 205px;
	left: 540px;
}
.marker-11 {
	top: 146px;
	left: 406px;
}
.marker-12 {
	top: 116px;
	left: 358px;
}
.marker-13 {
	top: 109px;
	left: 346px;
}
.marker-14 {
	top: 102px;
	left: 352px;
}
.marker-15 {
	top: 86px;
	left: 389px;
}
.marker-16 {
	top: 108px;
	left: 363px;
}
.marker-17 {
	top: 212px;
	left: 364px;
}
.marker-18 {
	top: 84px;
	left: 397px;
}
.marker-19 {
	top: 123px;
	left: 433px;
}
.marker-20 {
	top: 128px;
	left: 460px;
}
.marker-21 {
	top: 277px;
	left: 568px;
}
.marker-26 {
	top: 107px;
	left: 353px;
}
.marker-22 {
	top: 108px;
	left: 537px;
}
.marker-23 {
	top: 90px;
	left: 586px;
}
.marker-24 {
	top: 126px;
	left: 567px;
}
.marker-25 {
	top: 153px;
	left: 575px;
}
.marker-27 {
	top: 86px;
	left: 374px;
}



.marker-01.active {
	top: 95px;
	left: 135px;
}
.marker-01.active-small {
	top: 105px;
	left: 145px;
}
.arrow-01 {
	top: 65px;
	left: 155px;
}

.marker-02.active {
	top: 150px;
	left: 180px;
}
.marker-02.active-small {
	top: 160px;
	left: 190px;
}
.arrow-02 {
	top: 120px;
	left: 200px;
}

.marker-03.active {
	top: 185px;
	left: 170px;
}
.marker-03.active-small {
	top: 195px;
	left: 180px;
}
.arrow-03 {
	top: 155px;
	left: 190px;
}

.marker-04.active {
	top: 195px;
	left: 190px;
}
.marker-04.active-small {
	top: 205px;
	left: 200px;
}
.arrow-04 {
	top: 165px;
	left: 210px;
}

.marker-05.active {
	top: 265px;
	left: 215px;
}
.marker-05.active-small {
	top: 275px;
	left: 225px;
}
.arrow-05 {
	top: 235px;
	left: 235px;
}

.marker-06.active {
	top: 254px;
	left: 375px;
}
.marker-06.active-small {
	top: 264px;
	left: 385px;
}
.arrow-06 {
	top: 224px;
	left: 395px;
}

.marker-07.active {
	top: 86px;
	left: 324px;
}
.marker-07.active-small {
	top: 96px;
	left: 334px;
}
.arrow-07 {
	top: 56px;
	left: 344px;
}

.marker-08.active {
	top: 155px;
	left: 432px;
}
.marker-08.active-small {
	top: 165px;
	left: 442px;
}
.arrow-08 {
	top: 125px;
/* 	left: 452px; */
	left: 429px;
}

.marker-09.active {
	top: 202px;
	left: 530px;
}
.marker-09.active-small {
	top: 212px;
	left: 540px;
}
.arrow-09 {
	top: 172px;
/* 	left: 550px; */
	left: 527px;
}

.marker-10.active {
	top: 190px;
	left: 525px;
}
.marker-10.active-small {
	top: 200px;
	left: 535px;
}
.arrow-10 {
	top: 160px;
/* 	left: 545px; */
	left: 522px;
}

.marker-11.active {
	top: 131px;
	left: 391px;
}
.marker-11.active-small {
	top: 141px;
	left: 401px;
}
.arrow-11 {
	top: 101px;
/* 	left: 411px; */
	left: 388px;
}

.marker-12.active {
	top: 101px;
	left: 343px;
}
.marker-12.active-small {
	top: 111px;
	left: 353px;
}
.arrow-12 {
	top: 71px;
	left: 363px;
}

.marker-13.active {
	top: 94px;
	left: 331px;
}
.marker-13.active-small {
	top: 104px;
	left: 341px;
}
.arrow-13 {
	top: 64px;
	left: 351px;
}

.marker-14.active {
	top: 87px;
	left: 337px;
}
.marker-14.active-small {
	top: 97px;
	left: 347px;
}
.arrow-14 {
	top: 57px;
	left: 357px;
}

.marker-15.active {
	top: 71px;
	left: 374px;
}
.marker-15.active-small {
	top: 81px;
	left: 384px;
}
.arrow-15 {
	top: 41px;
/* 	left: 394px; */
	left: 372px;
}

.marker-16.active {
	top: 93px;
	left: 348px;
}
.marker-16.active-small {
	top: 103px;
	left: 358px;
}
.arrow-16 {
	top: 63px;
	left: 368px;
}

.marker-17.active {
	top: 197px;
	left: 349px;
}
.marker-17.active-small {
	top: 207px;
	left: 359px;
}
.arrow-17 {
	top: 167px;
/* 	left: 419px; */
	left: 346px;
}

.marker-18.active {
	top: 69px;
	left: 382px;
}
.marker-18.active-small {
	top: 79px;
	left: 392px;
}
.arrow-18 {
	top: 39px;
/* 	left: 402px; */
	left: 379px;
}

.marker-19.active {
	top: 108px;
	left: 418px;
}
.marker-19.active-small {
	top: 118px;
	left: 428px;
}
.arrow-19 {
	top: 78px;
/* 	left: 438px; */
	left: 415px;
}

.marker-20.active {
	top: 113px;
	left: 445px;
}
.marker-20.active-small {
	top: 123px;
	left: 455px;
}
.arrow-20 {
	top: 83px;
/* 	left: 465px; */
	left: 442px;
}

.marker-21.active {
	top: 263px;
	left: 551px;
}
.marker-21.active-small {
	top: 272px;
	left: 563px;
}
.arrow-21 {
	top: 234px;
/* 	left: 477px; */
	left: 548px;
}

.marker-22.active {
	top: 93px;
	left: 522px;
}
.marker-22.active-small {
	top: 103px;
	left: 532px;
}
.arrow-22 {
	top: 63px;
	/* left: 542px; */
	left: 519px;
}

.marker-23.active {
	top: 75px;
	left: 571px;
}
.marker-23.active-small {
	top: 85px;
	left: 581px;
}
.arrow-23 {
	top: 45px;
/* 	left: 591px; */
	left: 568px;
}

.marker-24.active {
	top: 111px;
	left: 552px;
}
.marker-24.active-small {
	top: 121px;
	left: 562px;
}
.arrow-24 {
	top: 81px;
/* 	left: 572px; */
	left: 549px;
}

.marker-25.active {
	top: 138px;
	left: 560px;
}
.marker-25.active-small {
	top: 148px;
	left: 570px;
}
.arrow-25 {
	top: 108px;
/* 	left: 580px; */
	left: 557px;
}


.marker-26.active {
	top: 94px;
	left: 338px;
}
.marker-26.active-small {
	top: 84px;
	left: 328px;
}
.arrow-26 {
	top: 68px;
/* 	left: 477px; */
	left: 358px;
}

.marker-27.active {
	top: 71px;
	left: 359px;
}
.marker-27.active-small {
	top: 81px;
	left: 369px;
}
.arrow-27 {
	top: 41px;
/* 	left: 394px; */
	left: 379px;
}


#world-map {
	width: 736px;
	height: 552px;
	margin-top: 60px;
}
.timeline-arrow-up{
	background: url('images/timeline-arrow-up.png') no-repeat center center;
	width: 90px;
	height: 27px;
	cursor: pointer;
	display: none;
	position: absolute;
	top: 40px !important;
	right: 46%;
}
.timeline-arrow-down{
	background: url('images/timeline-arrow-down.png') no-repeat center center;
	width: 90px;
	height: 27px;
	cursor: pointer;
	display: none;
	position: absolute;
	bottom: 40px;
	right: 46%;
}
.accordion-offices{
	display: none;
}
.mob-main-content{
	display: none;
}
.mob-social-icons{
	display: none;
}
*:focus {
    outline: 0;
}
.mob-articles{
	display: none;
}
.terminal-accordion{
	display: none;
}
.timeline-mobile-ver{
	display: none;
}
.top-timeline-mobile{
	display: none;
}
.mobile-months{
	display: none;
}
.touchcarousel{
	display: none;
}
.tab-box{
	width: 110px;
	height: 240px;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
}
.tab-box:hover .tab-box-text div {
	text-decoration: underline;
	color: #006a72;
}
#picture-2 .tab-box {
	margin-right: 80px;
}
#picture-2 .tab-box:last-child {
	margin-right: 0;
}
.tab-box-image{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	position: absolute;
	top: 30%;
	border: 3px solid #FFF;
	background-position: center center;
	z-index: 4;
	z-index: 9999;
}
.gallery-folders li{
	float: left;
	padding-right: 25px;
	min-width: 120px;
}
.justified-gallery{
	margin-top: 20px;
}
@media only screen and (min-width: 1024px) {
	.tab-box:hover .tab-box-image{
		opacity: 0.8;
		-webkit-filter: brightness(1.3);
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		-webkit-backface-visibility: hidden;
	}
}
#mobile-search{
	display: none;
}
.mob-assets-menu{
	display: none;
}
.tab-box-text{
	position: absolute;
	font-size: 16px;
	font-weight: 200;
	min-width: 200px;
	z-index: 4;
}
.tab-box:nth-child(odd) .tab-box-text{
	top: -15px;
	right: -210px;
}
.tab-box:nth-child(odd) .tab-box-line{
	background: url('images/tabimageline.png') no-repeat;
	width: 27px;
	height: 82px;
	position: absolute;
	top: 15px;
	left: 45%;
	z-index: 3;
}
.tab-box:nth-child(even) .tab-box-line{
	background: url('images/tabimagelinebottom.png') no-repeat;
	width: 27px;
	height: 82px;
	position: absolute;
	top: 62%;
	left: 25%;
	z-index: 3;
}
.tab-box:nth-child(even) .tab-box-text{
	bottom: -12px;
	left: -210px;
    text-align: right;
}
.map-content-title{
	border-bottom: 1px solid #e9e9e9;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.map-content-right .number{
	color: #f6c519;
	font-size: 70px;
	margin-bottom: -30px;
	text-align: center;
	margin-top: -20px;
}
.map-content-right .unit{
	color: #f6c519;
	letter-spacing: 2px;
	text-align: center;
	font-size: 40px;
}
.map-content-left{
padding-right: 10px;
}
.map-content-right .bottomsentence{
	font-size: 12px;
	text-align: center;
}
.mobileAlignment:first-child{
	float: left;
	margin-left: 0% !important;
}
.mobileAlignment:last-child{
	float: right;
	margin-left: 0% !important;
}
.imageContainer{
	width: 100%;
	overflow: auto;
	margin-bottom: 20px;
}
.mobileAlignment{
	float: left;
	margin-left: 15%;
}
#location-info{
	display: none;
}
.location-info {
	display: none;
}
#mob-map-content{
	display: none;
}
.top-pic .bottom-content {
	padding: 30px 0px;
}
.top-pic .main-content .right{
	max-width: 655px;
}
.top-pic .main-content .title{
	max-width: 655px;
}
.top-pic .main-content .description{
	font-size: 20px;
}
.top-pic .main-content .more-big a{
	font-size: 20px;
}
.hwdb{
	font-size: 18px;
}
div.ncl-location-contents.ncl-active{
	opacity: 1 !important;
}
.sidebar-text {
	margin-top: 15px;
	font-weight: 200;
	border-top: 1px solid #ccc;
	padding-top: 15px;
}


@media only screen and (max-width: 768px){
	.center-wrap{
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.top-bg .center-wrap{
		padding: 0 !important;
	}
	.event-thumbnail{
		display: block;
		width: 256px;
		height: 256px;
	    border-radius: 128px;
	    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
	    float: left;
		margin-right: 30px;
	    overflow: hidden;
		margin-top: 10px;
		margin-left: 100px;
	}
	.full-height-timeline{
		height: 100%;
		position: relative;
		width: 10px;
		float: left;
		margin-left: 20px;
	}
	.event-all{
		margin-top: 20%;
		overflow: auto;
		margin-left: 130px;
		display: none;
		float: left;
	}
	.timeline-arrow-up{
		top: 10px;
	}
	.center-wrap-top{
		max-width: 100%;
	}
	.event-info{
		clear: both;
	}
	#tabs{
		width: 300px;
	}
	.background{
		min-height: 100%;

	}
	.event-all{
		max-width: 80%;
		margin-top: 10% !important;
		position: relative;
		overflow: visible !important;
	}
	#tabs{
		width: 300px;
	}
	.menu2{
		clear: both;
		float: left;
	}
}
@media only screen and (max-width: 640px){
	#jcarousel ul > li{
		max-width: 640px;
	}
	.mobSmallMenu{
		display: block !important;
		margin-bottom: -45px;
		position: relative;
		z-index: 999;
		padding-top: 5px;
	}
	.desktopSmallMenu{
		display: none !important;
	}
	input[type="text"], input[type="email"], input[type="number"], textarea{
		width: 100%;
	}
	.accordion-offices .ui-accordion-header{
		text-transform:none !important;
	}
	.wp-pagenavi{
		margin-bottom: 20px;
	}
	.social_icons{
		display: none;
	}
	.center-wrap{
		padding: 0 10px !important;
	}
	.timeline-background-image{
		position: relative;
	}
	.lang{
		display: none;
	}
	.mobileAlignment{
		display: inline-block;
		float: none !important;
		margin: 10px 5px !important;
	}
	.imageContainer{
		text-align: center;
		width: 100%;
	}
	.menu2{
		float: right;
		margin-right: 10px;
	}
	.top-timeline-mobile{
		display: block;
		position: absolute;
		bottom: 0;
	}
	.full-height-timeline{
		display: none;
	}
	.background{
		max-height: none;
	}
	.event-all{
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		margin-top: 5% !important;
		padding-top: 30px;
/* 		padding-bottom: 30px; */
	}
	.event-title{
		font-size: 30px !important;
		line-height: 35px !important;
/* 		overflow: hidden; */
	}
	.event-content {
		width: 100% !important;
	}
	.event-info{
		max-width: 100%;
		width: 100%;
	}
	.event-thumbnail{
		border-radius: 75px;
		float: none !important;
		margin-right: auto !important;
		margin-bottom: 30px;
		margin-top: -25px !important;
		margin-left: auto !important;
	}
	.top-timeline{
		width: 100%;
		height: 70px;
	}
	.top-bg .loop{
		height: 50px;
	}
	.touchcarousel{
		display: block;
	}
	.yearlistbg{
		display: none;
	}
	.logo{
		margin-left: 0px !important;
		padding-right: 20px;
	}
	.top-bg{
		background: #006a72;
	}
	.bottom-content .right{
		display: none !important;
	}
	.top-pic .bottom-content{
		position: static;
		overflow: auto;
		float: left;
		margin-top: 20px;
		clear: both;
	}
	.main-content .left{
		display: none;
	}
	.ui-state-default:focus{
		border: none;
		outline: 0;
	}
	.top-pic .main-content{
		background: none;
		width: 100%;
		margin-top: 0;
		height: auto;
	}
	.top-pic .main-content .right{
		float: left;
		max-width: 100%;
		margin-top: 20px;
	}
/*
	.hwdb{
		font-size: 30px;
		color: #000;
	}
*/
	.top-pic{
		min-height: 0;
		max-height: none;
		height: auto;
		clear: both;
		overflow: auto;
	}
	.top-pic .main-content .description{
		font-size: 14px;
		max-width: 100% !important;
	}
	.top-pic .main-content .right{
		max-width: 100% !important;
	}
	.top-pic .main-content .more-big a{
		font-size: 14px;
	}
	.keyfigure{
		width: 100%;
		border: none;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		float: left;
		background: #e9e9e9;
		height: auto;
	}
	.keyfigure .topsentence{
		margin-bottom: 10px;
	}
	.tab-box{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.bottom-content .right{
		max-width: 100%;
	}
	.tab-box:nth-child(even){
		margin-top: -115px;
	}
	.keyfigure .bottomsentence{
		margin-top: 10px;
	}
	.content .keyfigure-title{
		font-size: 40px;
		width: auto;
	}
	.mob-social-icons{
		display: block;
		float: right;
		margin-top: 15px;
	}
	.mob-social-icons a{
		float: left;
		margin-right: 5px;
	}
	.keyfigure:nth-child(even){
		background: #FFF; 
	}
	.content .through-line{
		background: none;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.menu3{
		display: none;
	}
	.page-title{
		background: none;
		margin-top: 0;
		border-top: 1px solid #e1e1e1;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
	.article .thumbline{
		display: none;
	}
	.article .thumbnail{
		background-size: 100px 100px;
		border-radius: 50px;
		height: 100px;
		float: left;
		width: 100px;
	}
	.article .acontent{
		float: left;
		width: 100%;
		margin-left: 0;
		margin-top: -110px;
	}
	.article .excerpt{
		padding-left: 0;
		margin-top: 100px;
	}
	.article .title a:visited, .article .title a:active, .article .title a:hover, .article .title a:link {
		border-bottom: none;
		color: #006A72;
		padding-left: 0;
		font-size: 14pt;
		line-height: 15pt;
		text-decoration: none;
	}
	.mob-articles{
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 20px;
	}
	.article .continue{
		padding-left: 0;
	}
	.page-title .center-wrap{
		padding: 0 !important;
	}
	.article .title{
		padding-top: 5px;
		padding-left: 110px;
	}
	.article .date{
		padding-left: 110px;
	}
	.breadcrumbs{
		display: none;
	}
	.menu1 li{
		float: none;
		text-align: center;
	}
	.page-title .navbar-toggle{
		margin-right: 0 !important;
	}
	.content .center-wrap{
		padding: 0;
	}
	.menu1{
		height: auto;
		width: 100%;
	}
	.mob-articles{
		display: block;
	}
	.desktop-articles{
		display: none !important;
	}
	.asset-left{
		width: 100%;
	}
	.asset-right{
		width: 100% !important;
	}
	.assetsentence-style{
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.assettopbg{
		height: 125px;
	}
	.assetsentence{
		height: auto;
		display: none;
	}
	.year-timeline-line{
		margin-top: 40px;
	}
	.year-timeline-line-last{
		margin-top: 40px;
		border-bottom: 1px solid #FFFFFF !important;
		float: left;
		height: 1px;
		width: 80px;
	}
	.year-timeline-line-last .year-circle-last{
		left: 20px;
	}
	.timeline-year-number{
		left: 15px !important;
	}
	.mobile-one-month{
		cursor: pointer;
	}
	.touchcarousel-container{
		list-style: none;
	}
	.asset{
		width: 100%;
		max-width: 100% !important;
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 20px;
		padding-top: 20px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.year-timeline-line .year-circle{
		left: 20px;
	}
	.desktop-asset{
		display: none;
	}
	.asset-right .contact-title{
		border-bottom: none;
		margin-top: 20px !important;
	}
	.newsbg{
		height: 100px;
		background-position: center top !important;
	}
	.mob-asset-sentence{
		border-bottom: 1px solid #e9e9e9;
		font-family: Droid Serif;
		font-size: 22px;
		font-style: italic;
		line-height: 27px;
		width: 100%;
		display: block !important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.asset-left .contact-title{
		border-bottom: none;
		margin-top: 20px !important;
	}
	.asset-unit{
		text-align: left;
		margin-left: 0 !important;
	}
	.asset-number{
		text-align: left;
		margin-left: 0 !important;
	}
	.asset-bottomsentence{
		margin-bottom: 20px;
	}
	.terminal-tabs-bg{
		display: none;
	}
	.terminal-accordion{
		display: block;
	}
	.key-numbers-title{
		text-align: left !important;
	}
	.key-number .middle{
		text-align: left !important;
	}
	.key-number .bottom{
		text-align: left !important;
	}
	.ui-accordion .ui-accordion-content{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.ui-accordion-header-active{
		color: #006a72;
		font-size: 30px !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
		background: url('images/blue-arrow-open.png') #c1c1c1 no-repeat 95% center !important;
	}
	.ui-accordion-header{
		color: #006a72;
		font-size: 30px !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
		background: url('images/blue-arrow-closed.png') no-repeat 95% center;
	}
	.name-sentence .name{
		font-size: 20px;
	}
	.name-sentence .sentence{
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
	}
	.ui-accordion .ui-accordion-icons{
		padding-left: 10px !important;
	}
	.assetbottombg{
		display: none;
	}
	.name-sentence{
		margin-top: 15px;
	}
	.accordion-content{
		margin-top: 15px;
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.image{
		border: 3px solid #FFFFFF;
		border-radius: 35px;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
		float: left;
		margin-top: 5px;
		height: 70px;
		margin-left: 10px;
		margin-right: 20px;
		overflow: hidden;
		width: 70px;
	}
	.accordion-picture{
		width:	100%;
		height: 110px;
		background-position: center center;
		margin-top: -34px;
		background-color: #c1c1c1;
	}
	.contact-left{
		width: 100%;
		border-bottom: 1px solid #e9e9e9;
		margin-bottom: 20px;
	}
	.contact-right{
		width: 100%;
		margin-bottom: 30px;
	}
	.contact-right .contact-title{
		border-bottom: none;
		font-size: 20px;
	}
	.contact-left .contact-title{
		margin-top: 15px;
	}
	.accordion-offices .office-info{
		width: 100%;
	}
	.accordion-offices .office-adr{
		margin-bottom: 20px;
	}
	.office-desktop{
		display: none;
	}
	.accordion-offices{
		display: block;
	}
	.accordion-offices .ui-accordion-header{
		margin-left: 0 !important;
		margin-right: 0 !important;
		color: #FFF;
		background: url('images/white-arrow-closed.png') #006a72 no-repeat 95% center;
	}
	.accordion-offices .ui-accordion-header-active{
		margin-left: 0 !important;
		margin-right: 0 !important;
		background: url('images/white-arrow-open.png') #006a72 no-repeat 95% center !important;
	}
	.timeline-desktop-ver{
		display: none;
	}
	.timeline-mobile-ver{
		display: block;
	}
	.mobile-one-month{
		 padding-left: 7px;
		 padding-right: 7px;
		font-size: 20px;
		cursor: pointer;
		display: inline;
		color: #FFF;
		text-transform: uppercase;
		text-shadow: 0px 2px 0px rgba(150, 150, 150, 1);
	}
	#desktop-search{
		display: none;
	}
	#mobile-search{
		display: block;
	}
	.mobile-month-space{
		font-size: 18px;
		font-weight: bold;
		margin-top: -2px;
		display: inline;
		color: #FFF;
		text-transform: uppercase;
		text-shadow: 0px 3px 0px rgba(150, 150, 150, 1);
	}
	.mobile-months{
		display: block;
		text-align: center;
		padding-top: 20px;
		padding-bottom: -40px;
	}
	.timeline-arrow-up, .timeline-arrow-down{
		position: static;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		clear: both;
		margin-bottom: 10px;
	}
	.timeline-arrow-down{
		margin-bottom: 30px;
		margin-top: 0px !important;
	}
	#mob-map-content{
		display: block !important;
		margin-bottom: 30px;
	}
	.maplocations-bg{
		display: none;
	}
	.accordion-map{
		padding-bottom: 30px;
	}
	.accordion-map .ui-accordion-header{
		color: #575757;
		background: url("images/map-accordion-closed@2x.png") no-repeat 95% center #e8e8e9 !important;
		background-size: 13px 27px !important;
		padding-right: 30px !important;
		font-size: 20px !important;
	}
	.accordion-map .ui-accordion-header-active{
		color: #FFF;
		background: url("images/map-accordion-open@2x.png") no-repeat 95% center #4f66a5 !important;
		background-size: 27px 13px !important;
	}
	.accordion-map .ui-accordion-content{
		height: auto !important;
	}
	.mob-assets-menu{
		display: none;
		float: right;
		margin-top: -54px;
		clear: both;
		margin-right: -10px;
	}
	.mob-assets-menu .navbar-toggle{
		float: right !important;
	}
	.mob-assets-menu ul.assets{
		background: #e9e9e9;
		padding-right: 30px;
		margin-top: -2px;
	}
	#accordion .ui-accordion-header{
		padding-right: 30px !important;
		font-size: 26px !important;
		text-transform: none !important;
	}
	.mob-assets-menu ul.assets li{
		margin-left: 30px;
		margin-top: 5px;
		margin-bottom: 5px;
		line-height: 30px;
	}
	.top-pic .main-content .right{
		padding-right: 370px;
	}
	.content .center-wrap{
		padding: 0px !important;
	}
	.single-excerpt{
		margin-left: 0px !important;
	}
}
.small-accordion-image{
	border: 3px solid #FFFFFF;
    border-radius: 35px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    float: left;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
	margin-top: -10px;
    width: 70px;
	vertical-align: middle;
}
.small-accordion-image img{
	margin-left: -35px;
	margin-top: -35px;
}
#big-accordion .ui-accordion .ui-accordion-header{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	background: #f8f8f8 !important;
	overflow: auto;
	padding-right: 45px !important;
	margin: 0 !important;
	font-size: 20px !important;
}
#big-accordion .ui-accordion .ui-accordion-content{
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 20px;
	padding-bottom: 20px;
}
#big-accordion .ui-accordion .ui-accordion-header-active{
	color: #000 !important;
	background: url('../gun/images/darkblue-open@2x.png') no-repeat 95% center #f8f8f8 !important;
	background-size: 27px 13px !important;
}
.small-accordion .number{
	color: #F6C519;
    font-size: 70px;
    margin-bottom: -20px;
    margin-top: 10px;
    text-align: left;
    margin-left: -10px;
}
.small-accordion .unit{
	color: #F6C519;
    font-size: 40px;
    text-align: left;
}
.mobmap-background{
	background: url('../gun/images/mobmap.jpg') no-repeat center center;
		  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  margin-bottom: 20px;
	  width: 100%;
	  min-height: 100px;
	  max-height: 100px;
}
@media screen only and (max-width: 1550px){
	ncl-location-contents{
		top: -122px !important;
	}
}
#map_canvas{
	width: 100%;
	height: 255px;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.center-wrap-big{
		margin-left: -120px !important;
	}
	#terminal-tabs .ui-tabs-nav{
		margin-left: 120px !important;
	}
	.event-title{
		font-family: helvetica;
	}
	#desktop-search{
		width: 23% !important;
		float: right;
	}
	#desktop-content{
		width: 75% !important;
		float: left;
	}
	.event-all{
		margin-top: 15% !important;
		margin-bottom: 15% !important;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	#desktop-search{
		width: 23% !important;
		float: right;
	}
	.timeline-arrow-up{
		right: 44%;
	}
	.timeline-arrow-down{
		right: 44%;
	}
	#desktop-content{
		width: 75% !important;
		float: left;
	}
	.center-wrap-big{
		margin-left: -120px !important;
	}
	#terminal-tabs .ui-tabs-nav{
		margin-left: 120px !important;
	}
	.search-results{
		min-height: 890px !important;
	}
	.event-thumbnail{
		margin-top: 60px !important;
		margin-bottom: 20px;
		margin-left: 70px !important;
	}
	.event-title{
		font-family: helvetica;
	}
	.custom-page-content{
		font-weight: 400 !important;
	}
}
@media only screen and (max-width: 1024px){

	.tab-box {
		margin-left: 5px !important;
	}
	#tabs,
	.bottom-content .left {
		width: 250px !important;
	}
	.top-pic .center-wrap {
		overflow: hidden;
	}
	.bottom-content .left{
		margin-left: 10px;
	}
	.top-pic {
		background-position: -400px center;
	}

}