.hidden {
     display: none;
     visibility: hidden;
    }
    
.clear {
     clear:both;
    }
	
.hide {
  display: none;
}		
    
    .rigaku-button, .rigaku-button:link, .rigaku-button:active {
    color:#fff;
    text-decoration: none;
}

    .rigaku-button:hover {
    color:#fff;
    text-decoration: none;
}

    .rigaku-button a:link, .rigaku-button a:visited, .rigaku-button a:active, .rigaku-button a  {
    color:#009CDE;
    text-transform: uppercase;
    font-weight: 600;
    border:2px #009CDE solid;
    border-radius: 8px;
    width:auto;
    min-width: 100px;
    margin:1em auto 2em auto;
    display:inline-block;
    box-sizing: border-box;
    text-align:center;
    padding:0.4em 1.5em;
    font-family: 'Montserrat', sans-serif;
    font-size:1em;
    text-decoration: none;
}

    .rigaku-button a:hover {
    color: #fff;
    border:2px #011e41 solid;
    background: #011e41;
}
    
    .learn-more-arrow {
        position: relative;
        top:2px;
		left:4px;
        font-size:1.2em;
    }
	
    .rigaku-button-borderless, .rigaku-button-borderless:link, .rigaku-button-borderless:active {
    color:#009CDE;
    text-decoration: none;
}

    .rigaku-button-borderless a:link, .rigaku-button-borderless a:visited, .rigaku-button-borderless a:active, .rigaku-button-borderless a  {
    color:#009CDE;
    text-transform: uppercase;
    font-weight: 600;
    width:auto;
    min-width: 100px;
    margin:1em auto 2em auto;
    display:inline-block;
    box-sizing: border-box;
    text-align:center;
    padding:0;
    font-family: 'Montserrat', sans-serif;
    font-size:1em;
    text-decoration: none;
}

    .rigaku-button-borderless a:hover {
    color:#011e41!important;
}

.viewall-button {
	margin-top:1em;
}
	
/* --------- Tabbed Content ---------- */
	
.worldmap-tabs {
  position: relative;
  min-height: 770px; /* */
  clear: both;
  margin: 30px auto 0 auto;
  padding-left:140px;
}
.worldmap-tab {
  float: left;
}
.worldmap-tab label {
  margin-left: 0;
  position: relative;
  left: -13px;
    color:#041e42;
    text-transform: uppercase;
    font-weight: 700;
    border:1px #ddd solid;
    border-radius: 6px;
    width:auto;
    min-width: 150px;
    display:inline-block;
    box-sizing: border-box;
    text-align:center;
    padding:0.5em 1em 0.4em 1em;
    font-family: 'Montserrat', sans-serif;
    font-size:0.9em;	
}
.worldmap-tab [type="radio"] {
  opacity: 0;
}
.worldmap-content {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5em 0 0 0;
}
.worldmap-content > * {
  opacity: 0;
}
[type="radio"]:focus ~ label {
  ouline: 1px solid blue;
}
[type="radio"]:hover ~ label {
    color: #009cde!important;
    border:1px #ddd solid!important;
    background-color: #fff!important;
  z-index: 2;
}	
[type="radio"]:checked ~ label {
    color: #009cde!important;
    border:1px #009cde solid!important;
    background-color: #fff!important;
  z-index: 2;
}
[type="radio"]:checked ~ label ~ .worldmap-content {
  z-index: 1;
}
[type="radio"]:checked ~ label ~ .worldmap-content > * {
  opacity: 1;
  transform: translateX(0);
}
	
.Map-Americas {
		width:100%;
		height:690px;
		background: url("https://rigaku.com/sites/default/files/map/Rigaku_World_Map_Americas.jpg") top center no-repeat;
		background-size:contain;
	}
	
.Map-Europe {
		width:100%;
		height:690px;
		background: url("https://rigaku.com/sites/default/files/map/Rigaku_World_Map_Europe.jpg") top center no-repeat;
		background-size:contain;
	}
	
.Map-Middle-East-Africa {
		width:100%;
		height:690px;
		background: url("https://rigaku.com/sites/default/files/map/Rigaku_World_Map_Middle-East-Africa.jpg") top center no-repeat;
		background-size:contain;
	}
	
.Map-Asia-Pacific {
		width:100%;
		height:690px;
		background: url("https://rigaku.com/sites/default/files/map/Rigaku_World_Map_Asia-Pacific.jpg") top center no-repeat;
		background-size:contain;
	}
	
.Map-Japan {
		width:100%;
		height:690px;
		background: url("https://rigaku.com/sites/default/files/map/Rigaku_World_Map_Japan.jpg") top center no-repeat;
		background-size:contain;
	}
	
h2.location-title {
		font-family: Roboto, san-serif;
		font-weight: 600;
		color:#009cde;
		font-size:1em;
		line-height: 1em;
		padding:0 .3em .1em 0;
		margin:0;
		text-transform: none;
	}
	
h2.location-title a {
		text-decoration: none !important;
		color: #009CDE;
	}
	
h2.location-title a:hover {
		text-decoration: none !important;
		color:#041e42;
	}	
	
h2.location-title:first-child {
		padding-top:330px;
	}	
	
h3.location {
		font-family: Roboto, san-serif;
		font-weight: 400;
		color:#464646;
		font-size:1em;
		line-height: 1em;
		padding:0 0 1.2em 0;
		margin:0;
	    text-transform: none;
}
	
.viewall-button a {
		text-decoration: none !important;	
	}	
  
/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 834px) 
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2)
{	
	  
}
	
/* ----------- iPad Air ----------- */
/* Portrait */
@media only screen 
and (min-device-width: 820px) 
and (max-device-width: 1180px)
and (orientation: portrait)	
and (-webkit-min-device-pixel-ratio: 2)
{	
	
/* --------- Tabbed Content ---------- */

.worldmap-tabs {
	margin: 5px auto 0 auto;
    padding-left: 165px;
}
	
.worldmap-tab label {
  margin-left: 0;
  position: relative;
  left: -13px;
    border-radius: 6px;
    width:auto;
    min-width: 50px;
    padding:0.5em 1em 0.4em 1em;
    font-size:0.9em;	
}

.worldmap-content {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5em 0 0 0;
}
	
h2.location-title:first-child {
		padding-top:315px;
}	
	  
}
	
/* ----------- iPad Air ----------- */
/* Landscape */
@media only screen 
and (min-device-width: 820px) 
and (max-device-width: 1180px)
and (orientation: landscape)	
and (-webkit-min-device-pixel-ratio: 2)
{	
	
/* --------- Tabbed Content ---------- */
	
.worldmap-tabs {
    margin: 5px auto 0 auto;
    padding-left: 150px;
}
	
.worldmap-tab label {
  margin-left: 0;
  position: relative;
  left: -13px;
    border-radius: 6px;
    width:auto;
    min-width: 90px;
    padding:0.5em 1em 0.4em 1em;
    font-size:0.9em;	
}

.worldmap-content {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5em 0 0 0;
}
	
h2.location-title:first-child {
		padding-top:315px;
	}	
	  
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px)
and (orientation: portrait)		
and (-webkit-min-device-pixel-ratio: 2)
{
	
/* --------- Tabbed Content ---------- */
	
.worldmap-tabs {
  position: relative;
  min-height: 730px; /* */
  clear: both;
  margin: 0px auto 0 auto;
  padding-left:0px;
}
	
.worldmap-tab label {
  margin-left: 0;
  position: relative;
  left: -13px;
    border-radius: 6px;
    width:auto;
    min-width: 50px;
    padding:0.5em 1em 0.4em 1em;
    font-size:0.9em;	
}

.worldmap-content {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5em 0 0 0;
}
	
h2.location-title:first-child {
		padding-top:315px;
	}	
	
}
	
/* ----------- iPhone 12/13 Pro Max Portrait ----------- */	
@media only screen 
and (min-width: 428px)
and (max-width: 926px)
and (orientation: portrait)		
{
	
.worldmap-content {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5em 0 0 0;
}	
	
.worldmap-tabs {
	min-height: 550px; /* */
    margin: 15px auto 0 auto;
    padding-left: 0px;
}
	
.worldmap-tab label {
  margin-left: 0;
  position: relative;
  left: -13px;
  border-radius: 6px;
  width:auto;
  min-width: 20px;
  padding:0.3em .5em 0.4em .5em;
  font-size:0.6em;	
}	
	
.world-map {
	padding-top:15px;	
}
	
.Map-Americas {
	height:500px;
}
	
.Map-Europe {
	height:450px;
}
	
.Map-Middle-East-Africa {
	height:400px;
}
	
.Map-Asia-Pacific {
	height:400px;
}
	
.Map-Japan {
	height:400px;
}	
	
h2.location-title:first-child {
	padding-top:180px;
}
	
h2.location-title {
	padding:0 .3em .1em 2em;
}	
	
h3.location {
	padding:0 0 .8em 2em;
}
	
.viewall-button {
	margin-left:2em;
}	

}	
	
/* ----------- iPhone 12/13 Pro Max Landscape ----------- */	
@media only screen 
and (min-width: 428px)
and (max-width: 926px)	
and (orientation: landscape)
{

/* --------- Tabbed Content ---------- */
	
.worldmap-tabs {
  position: relative;
  min-height: 730px; /* */
  clear: both;
  margin: 0px auto 0 auto;
  padding-left:50px;
}
	
.worldmap-tab label {
  margin-left: 0;
  position: relative;
  left: -13px;
    border-radius: 6px;
    width:auto;
    min-width: 90px;
    padding:0.5em 1em 0.4em 1em;
    font-size:0.9em;	
}

.worldmap-content {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5em 0 0 0;
}	
	
}
	
/* ----------- Samsung Galaxy S8+ Portrait ----------- */
@media only screen
and (min-width: 360px)
and (max-width: 767px)	
and (orientation: portrait)		
{
	
.worldmap-content {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5em 0 0 0;
}	
	
.worldmap-tabs {
	min-height: 550px; /* */
    margin: 15px auto 0 auto;
    padding-left: 0px;
}
	
.worldmap-tab label {
    margin-left: 0;
    position: relative;
    left: 0px;
    border-radius: 6px;
    width: auto;
    min-width: 20px;
    padding: 0.1em 0.6em 0.1em 0.6em;
    font-size: 0.5em;
}
	
.world-map {
	padding-top:15px;	
}
	
.Map-Americas {
	height:500px;
}
	
.Map-Europe {
	height:450px;
}
	
.Map-Middle-East-Africa {
	height:400px;
}
	
.Map-Asia-Pacific {
	height:400px;
}
	
.Map-Japan {
	height:400px;
}	
	
h2.location-title:first-child {
	padding-top:180px;
}
	
h2.location-title {
	padding:0 .3em .1em 2em;
}	
	
h3.location {
		padding:0 0 .8em 2em;
}
	
.viewall-button {
	margin-left:2em;
}	

}	

/* ----------- iPhones, Portrait Mode ----------- */	
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait)
{
	
.worldmap-content {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5em 0 0 0;
}	
	
.worldmap-tabs {
	min-height: 550px; /* */
    margin: 5px auto 0 auto;
    padding-left: 0px;
}
	
.worldmap-tab label {
    margin-left: 0;
    position: relative;
    left: 0px;
    border-radius: 6px;
    width: auto;
    min-width: 20px;
    padding: 0.1em 0.4em 0.1em 0.4em;
    font-size: 0.5em;
}	
	
.world-map {
	padding-top:15px;	
}
	
.Map-Americas {
	height:500px;
}
	
.Map-Europe {
	height:450px;
}
	
.Map-Middle-East-Africa {
	height:400px;
}
	
.Map-Asia-Pacific {
	height:400px;
}
	
.Map-Japan {
	height:400px;
}	
	
h2.location-title:first-child {
	padding-top:180px;
}
	
h2.location-title {
	padding:0 .3em .1em 2em;
}	
	
h3.location {
		padding:0 0 .8em 2em;
}
	
.viewall-button {
	margin-left:2em;
}	

}
	
/* ----------- iPhones, Landscape Mode ----------- */		
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape)
{
	
/* --------- Tabbed Content ---------- */
	
.worldmap-tabs {
  position: relative;
  min-height: 730px; /* */
  clear: both;
  margin: 0px auto 0 auto;
  padding-left:0px;
}
	
.worldmap-tab label {
  margin-left: 0;
  position: relative;
  left: -13px;
  border-radius: 6px;
  width:auto;
  min-width: 20px;
  padding:0.5em 1em 0.4em 1em;
  font-family: 'Montserrat', sans-serif;
  font-size:0.9em;	
}

.worldmap-content {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5em 0 0 0;
}
	
h2.location-title:first-child {
		padding-top:315px;
	}	

}