/*
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.
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900&display=swap');

html{
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0;
}
body{
    
    margin: 0;
    color: #414142;
    padding: 0;
    font-family: 'verdana', sans-serif;
}
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{
	width: calc(100% - 215px);
	/*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: 'Roboto Flex', sans-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: 'Roboto Flex', 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: 'Roboto Flex', sans-serif;
	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: 'Roboto Flex', sans-serif;
	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-28 {
    	top: 155px;
    	left: 158px;
}
.marker-29 {
	top: 130px;
	left: 199px;
}



.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;
}

.marker-28.active {
	top: 140px;
	left: 143px;
}
.marker-28.active-small {
	top: 150px;
	left: 153px;
}
.arrow-28 {
	top: 110px;
	left: 163px;
}

.marker-29.active {
	top: 115px;
	left: 184px;
}
.marker-29.active-small {
	top: 125px;
	left: 194px;
}
.arrow-29 {
	top: 85px;
	left: 204px;
}






#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: 'Roboto Flex', sans-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;
}

#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: 'Roboto Flex', sans-serif;
	}
	#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: 'Roboto Flex', sans-serif;
	}
	.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;
	}

}
.news-title
{
	font-size: 25px;
	margin-top: 20px;
}
.mt-50
	{
		margin-top: 50px;
	}

.mb-50
	{
		margin-bottom: 50px;
	}

.latest-news
{
	padding: 50px 0;
}

.news-view-all
{
	display: block;
    width: 110px;
    padding: 3px 10px;
    border: 1px solid #BFBFBF;
    text-align: center;
    /* margin: 20px auto; */
    margin-top: 15px;
}


.subscribe-form form input
{
	background-color: #fff;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 0px !important;
    height: 38px;
    padding: 7px 7px;
    margin-right: 5px;
    color: #fff;
    font-size: 15px;
}

.subscribe-form form button
{
	float: right;
	background-color: #f2c314;
    border: none;
    padding: 5px;
}
.ftr-logo img
{
	max-width: 60%;
	margin-top: 20px;
}

/* ---------------------  Greentinsolution  start css -------------- */
.about-section
{
	background-color: #E7E7E4;
    z-index: 4;
}
.about-left
{
	background: url('../images/blue.png') 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: 280px;
	max-height: 100px;
}

.about
{
	position: relative;
    background-color: #34a853;
    z-index: 5;
	padding: 10px 20px;
	height: auto;
	margin-left: -30px;
}

.about h1
{
	color: #FFFFFF;
    font-size: 26px;
    line-height: 34px;
    font-family: niveau-grotesk, sans-serif;
	margin: 20px 0px;
}

.about h5
{
	color: #000000;
    opacity: 0.6;
	margin: 10px 0px;
	font-size: 22px;
}

.about p
{
	color: #FFFFFF;
    position: relative;
    background-color: transparent;
    margin-top: 4px;
    z-index: 6;
    line-height: 30px;
    font-family: niveau-grotesk, sans-serif;
    font-size: 15px;
    font-weight: 300;
	margin: 20px 0px;
}

.about-right
{
	background: url('../images/about-us.png') 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: 280px;
	max-height: 100px;
}

.about-right p
{
	font-size: 22px;
    line-height: 30px;
    margin-top: 50px;
}

.about-right p span
{
	font-size: 27px;
	font-weight: 700;
    color: #4285f4;
}

.wrapper{
	max-width: 1080px;
	margin: 50px auto;
	padding: 0 20px;
	position: relative;
  }
  .wrapper .center-line{
	position: absolute;
	height: 100%;
	width: 4px;
	background: #4285f4;
	left: 50%;
	top: 20px;
	transform: translateX(-50%);
  }
  .wrapper .row{
	display: flex;
  }
  .wrapper .row-1{
	justify-content: flex-start;
  }
  .wrapper .row-2{
	justify-content: flex-end;
  }
  .wrapper .row section{
	background: #fff;
	border-radius: 5px;
	width: calc(50% - 40px);
	padding: 20px;
	position: relative;
  }
  .wrapper .row section::before{
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	background: #fff;
	top: 28px;
	z-index: -1;
	transform: rotate(45deg);
  }
  .row-1 section::before{
	right: -7px;
  }
  .row-2 section::before{
	left: -7px;
  }
  .row section .icon,
  .center-line .scroll-icon{
	position: absolute;
	background: #f2f2f2;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	color: #34a853;
	font-size: 17px;
	box-shadow: 0 0 0 4px #34a853, inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);
  }
  .center-line .scroll-icon{
	bottom: 0px;
	left: 50%;
	font-size: 25px;
	transform: translateX(-50%);
  }
  .row-1 section .icon{
	top: 15px;
	right: -60px;
  }
  .row-2 section .icon{
	top: 15px;
	left: -60px;
  }
  .row section .details,
  .row section .bottom{
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  .details img
  {
	width: 440px !important;
  }
  .row section .details .title{
	font-size: 22px;
	font-weight: 600;
  }
  .row section p{
	margin: 10px 0 17px 0;
  }
  .row section .bottom a{
	text-decoration: none;
	background: #3ea0e2;
	color: #fff;
	padding: 7px 15px;
	border-radius: 5px;
	/* font-size: 17px; */
	font-weight: 400;
	transition: all 0.3s ease;
  }
  .row section .bottom a:hover{
	transform: scale(0.97);
  }
  @media(max-width: 790px){
	.wrapper .center-line{
	  left: 40px;
	}
	.wrapper .row{
	  margin: 30px 0 3px 60px;
	}
	.wrapper .row section{
	  width: 100%;
	}
	.row-1 section::before{
	  left: -7px;
	}
	.row-1 section .icon{
	  left: -60px;
	}
  }
  @media(max-width: 440px){
	.wrapper .center-line,
	.row section::before,
	.row section .icon{
	  display: none;
	}
	.wrapper .row{
	  margin: 10px 0;
	}
  }

  .core-value-btnn, .core-value-btn
  {
	position: absolute;
    background-color: #34a853;
	transition: all 0.3s;
	
  }
  .core-value-btnn
  {
	box-shadow: 0px 18px 25px #34a85387;
    min-height: 0px;
    margin: 0px;
	padding: 5px 5px;
	transition: all 0.3s;
  }
  .core-value-btn:hover
  {
	box-shadow: 0px 18px 25px #34a85387;
    min-height: 0px;
    margin: 0px;
	padding: 5px 5px;
	transition: all 0.3s;
  }

  .core-value-btnn a, .core-value-btn a
  {
	color: #fff;
	padding: 10px 0px;
	font-size: 17px;
  }

  .client-section
  {
	background: #4285f4;
    padding: 50px 0px;
	/* margin-top: 20px; */
  }

  .client-logo
  {
	border: 1px solid #1564e7;
    margin: 10px 0px;
  }
  .client-logo:hover
  {
	box-shadow: 0px 18px 52px rgba(0,0,0,0.16);
	transition-duration: 0.3s;
	-webkit-transition-delay: 0s;
  }
  .client-logo img
  {
	opacity: 0.9;
	filter: grayscale(100%);
    transition: 1s;
  }

  .client-logo img:hover
  {
	filter: grayscale(0);
  }
  .heading h2
  {
	text-align: center;
	color: #fff;
  }
  .repetitive
  {
	background: url('../images/home-bg.png') 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: 430px;
	max-height: 100px;
	margin-top: -340px;
  }
  /* @media screen and (min-device-width: 360px) and (max-device-width: 768px) { 
  .repetitive {
    background: url(../images/home-bg.png) no-repeat center center;
  }
  } */

  .repetitive-img
  {
	margin-top: 100px;
  }

  .repetitive-img h3
  {
	text-align: center;
    
  }

  .repetitive-img h4
  {
	text-align: center;
	font-size: 46px;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke-color: #1a1a1a;
    -webkit-text-stroke-width: 0.05rem;
  }

  .repetitive-img h4 span
  {
	text-align: center;
	font-size: 46px;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke-color: #4285f4;
    -webkit-text-stroke-width: 0.05rem;
  }

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

  .repetitive-content
  {
	margin-top: 75px;
  }

  .repetitive-content p
  {
	font-size: 16px;
    color: #000 !important;
    line-height: 26px;
	margin-top: 40px;
  }

  
  /* multitasking start */
  .multitasking
  {
	background: url('../images/home-bg2.png') 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: 430px;
	max-height: 100px;
  }
  
  @media screen and (min-device-width: 360px) and (max-device-width: 768px) { 
  .multitasking{
	max-height: 100%;
  }
  .cc-pulse1{
	margin-bottom: 10px;
  }

  }

#cc-pulse {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	z-index: 999;
	/* height: 100vh; */
  }
  #cc-pulse1 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	z-index: 999;
	/* height: 100vh; */
  }
  .box-pulse {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }
  .pulse {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background-color: #fff;
  }
  .pulse::before,
  .pulse::after {
	opacity: .8;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: 50%;
	background-color: #fff;
	content: "";
  }
  .pulse::before {
	animation: pulse-circle 2s ease-out infinite;
  }
  .pulse::after {
	animation: pulse-circle 2s 1s ease-out infinite;
  }
  .heart {
	margin-top: 5px;
	animation: pulse-heart 1s ease-in-out infinite;
  }
  /* pulse animation of heartbeat */
  @keyframes pulse-heart {
	0% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(1.1);
	}
	100% {
	  transform: scale(1);
	}
  }
  /* pulse animation of circle */
  @keyframes pulse-circle {
	0% {
	  transform: scale(1);
	}
	100% {
	  opacity: 0;
	  transform: scale(1.3);
	}
  }


  .check_items_container {
    background: #4285f4;
    display: inline-block;
    border-radius: 16px;
    padding: 64px 16px;
}
.btn-readmore
	{
		background-color: transparent;
		border: 2px solid #36a955;
		color: #36a955;
		padding: 2px 10px;
		border-radius: 5px;
		transition: all 0.2s;
		margin: 0;
		position: absolute;
		top: 100%;
    	left: 35%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
.btn-readmore:hover
	{
		background-color: #36a955;
		border: 2px solid #36a955;
		color: #fff;

	}
  /* multitasking end */
/* ---------------------  Greentinsolution  end css -------------- */

.pt-50
{
	padding-top: 50px;
}