site-width/* @override http://localhost/assets/css/global.css */

/* @override
	http://localhost/assets/css/global.css */

/* @group Colors */
.darkblue-bg{
	background: #002554;
}
.darkblue{
	color: #002554;
}
.lightblue{
	color: #00aeef;
}
.midblue{
	color: #477196;
}
.gray{
	color: #2c2a29;
}
/* @end */

/* @group Globals */
select.touch {
	display: block;
	width: 100%;
}

.site-width{
	max-width: 1200px;
	margin: 0px auto;
}

.noscroll {
	overflow: hidden !important;
}

img{
	max-width: 100%;
}

a{
	color: inherit;
	outline: none;
	text-decoration: none;
}
a[href*='tel:']{
	color: #00aeef;
}
a.cta-link{
	display: block;
	margin: 20px 0px;
	font-size: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a.cta-link:hover{
	text-decoration: underline;
}

sup{
	vertical-align: super;
	font-size: smaller;
	line-height: 0;
}

b,strong{
	font-weight: bold;
}

#content-wrapper{
	font-size: 16px;
}

.right{
	float: right;
}
.left{
	float: left;
}

.white-text>*{
	color: #fff;
}

body{
	margin-top: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: margin-top .5s ease-in-out;
	-moz-transition: margin-top .5s ease-in-out;
	-ms-transition: margin-top .5s ease-in-out;
	-o-transition: margin-top .5s ease-in-out;
	transition: margin-top .5s ease-in-out;
}

.full-bg,
.contain-bg,
.bgimage{
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.contain-bg {
	background-size: contain;
}

/* @group Two Columns */
.two-col{
	overflow: hidden;
	position: relative;
}
.two-col>div{
	width: 50%;
	float: left;
}
.two-col>div.text{
	float: right;
}

.alt-columns .row.even .two-col-one{
	float: right;
}
.alt-columns .row.even .two-col-two{
	float: left;
}
/* @end Two Columns */

/* @group Three Columns */
.three-col{
	overflow: hidden;
	position: relative;
}
.three-col>div{
	width: 33.33%;
	float: left;
}
.three-col>div.text{
	float: right;
}
/* @end */

/* @group Four Columns */
.four-col{
	overflow: hidden;
	position: relative;
}
.four-col>div{
	width: 25%;
	float: left;
}

/* @end */

.coordinates{
	box-sizing: border-box;
	padding: 0px 30px;
	text-align: right;
	margin-bottom: 30px;
	color: #fff;
}
.coordinates span{
	color: #fff;
}

.centered-text{
	text-align: center;
}

.button.karot:after{
	content: ' >';
}
.button{
	border: 1px solid #002554;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.06em;
	line-height: 1;
	padding: 20px 35px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
	z-index: 10;
}
.button.icon-new-window{
	line-height: 15px;
}
.button.icon-new-window:after {
	margin-left: 5px;
	position: static;
}
.button.apply,
.button.issuers{
	padding: 20px 60px;
	border: 0px;
	background-color: #002554;
	color: #fff;
}
.button:hover{
	background-color: #ECECEB;
}
.button.ondarkbg:hover{
	background-color: #1C3A59;
}
.button.apply:hover,
.button.issuers:hover{
	background-color: #1C3A59;
}
.button.ondarkbg{
	border: 1px solid #fff;
	color: #fff;
}

h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1;
	margin-bottom: 20px;
	text-transform: uppercase;
}
h1,h1 a {
	font-size: 36px;
	letter-spacing: 0.1em; /* 300 tracking */
}
h2,h2 a {
	font-size: 35px;
	letter-spacing: 0.1em; /* 180 tracking */
}
h3,h3 a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 28px;
	letter-spacing: 0.1em; /* 140 tracking */
}
h4,h4 a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 22px;
	letter-spacing: 0.06em; /* 60 tracking */
	text-decoration: none;
}
h5,h5 a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	letter-spacing: 0.06em; /* 60 tracking */
}

p{
	line-height: 1.4;
	margin-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, sans-serif;
}

.gotham-medium{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gotham-book{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gotham-light{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.note{
	font-size: 12px;
}

#body-content{
	line-height: 2;
	color: #002554;
}
#body-content ul,
#body-content ul ol{
	padding-left: 30px;
	list-style: disc;
	margin-bottom: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, sans-serif;
}
#body-content p.lang {
	margin-bottom: 30px;
}
#body-content p a{
	text-decoration: underline;
}

.form-column {
	display: inline-block;
	margin-right: 20px;
}
.form-column > label {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	margin-bottom: 10px;
}

label.checkbox {
	color: #000;
	cursor: pointer;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-right: 15px;
	outline: none;
	text-transform: uppercase;
}
label.checkbox input[type="checkbox"] {
	display: none;
}
label.checkbox:before {
	border: 1px solid #a7a9ab;
	color: #537a9d;
	content: "";
	display: inline-block;
	font-family: 'icomoon';
	font-size: 10px;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	text-indent: 10px;
	vertical-align: middle;
	width: 30px;
}
label.checkbox.checked:before {
	content: "\e600";
}

.mod-select {
	border: 1px solid #002554;
	cursor: pointer;
	display: block;
	float: left;
	min-width: 250px;
	position: relative;
}
.mod-select .selected {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	padding: 10px 15px;
	padding-right: 30px;
	position: relative;
	text-transform: uppercase;
}
.mod-select .selected:after {
	content: "\e60f";
	font-family: 'icomoon';
	font-size: 4px;
	line-height: 52px;
	position: absolute;
	right: 15px;
	top: 0;
}
.mod-select.collapsed .selected:after {
	content: "\e60a";
}
.mod-select .dropdown {
	background: #FFF;
	border: 1px solid #002554;
	height: 200px;
	left: -1px;
	list-style: none !important;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	padding: 0 !important;
	right: -1px;
	top: 100%;
	z-index: 9999;

	-webkit-transition: height .25s ease-in-out;
	-moz-transition: height .25s ease-in-out;
	-ms-transition: height .25s ease-in-out;
	-o-transition: height .25s ease-in-out;
	transition: height .25s ease-in-out;
}
.mod-select.collapsed .dropdown {
	border-width: 0px;
	height: 0;

	-webkit-transition: height .25s ease-in-out, border-width 0s linear .25s;
	-moz-transition: height .25s ease-in-out, border-width 0s linear .25s;
	-ms-transition: height .25s ease-in-out, border-width 0s linear .25s;
	-o-transition: height .25s ease-in-out, border-width 0s linear .25s;
	transition: height .25s ease-in-out, border-width 0s linear .25s;
}
.mod-select .dropdown li {
	background: #fff;
	color: #002554;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	padding: 10px 15px;
	text-transform: uppercase;

	-webkit-transition: color .25s ease-in-out, background .25s ease-in-out;
	-moz-transition: color .25s ease-in-out, background .25s ease-in-out;
	-ms-transition: color .25s ease-in-out, background .25s ease-in-out;
	-o-transition: color .25s ease-in-out, background .25s ease-in-out;
	transition: color .25s ease-in-out, background .25s ease-in-out;
}
.mod-select .dropdown li:first-child {
	padding-top: 10px;
}
.mod-select .dropdown li:hover {
	/*color: #FFF;*/
	background-color: #ECECEB;
}

.clear{
	clear: both;
}

#main-banner{
	min-height: 700px;
	margin-bottom: -120px;
	background-size: auto 100%;
}
#main-banner.small {
	min-height: 500px;
}
#main-banner h5 {
	padding-top: 120px;
}
#main-banner h1{
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: auto;
	margin-bottom: 0;
	text-transform: uppercase;
	max-width: 1200px;
}

#join{
	min-height: 720px;
	padding-top: 35px;
	position: relative;
	background-position: center bottom;
	background-size: auto 100%;
}
#join .content{
	margin-bottom: 40px;
}
#join .coordinates{
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#join-the-club{
	max-width: 1100px;
	margin: 0px auto;
	background-color: rgba(240, 241, 243, 0.7); /*semi-transparent red*/
	padding: 45px 210px;
	color: #002554;
}
#join-the-club:before{
	display: block;
	font-size: 70px;
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}
#join-the-club p:before{
	font-size: 50px;
	vertical-align: middle;
	margin-right: 30px;
}
#join-the-club h1{
	margin-bottom: 20px;
}

#floating-columns{
	position: relative;
	padding-bottom: 55px;
	z-index: 5;
}
#floating-columns .site-width{
	max-width: 1131px;
}
#floating-columns:before{
	content: '';
	position: absolute;
	top: 120px;
	right: 0px;
	bottom: 85px;
	left: 0px;
	background-color: #f0f1f3;
}
#floating-columns .row + .row{
	margin-top: -30px;
}
#floating-columns .row[data-nth="3"]{
	margin-top: -30px;
}
#floating-columns .row .two-col-two {
	height: 100%;
}
#floating-columns .row[data-nth="1"] .two-col-two{
	background-color: #477196;
	line-height: 1.4;
	min-height: 585px;
	padding-bottom: 65px;
}
#floating-columns .row .two-col-two p{
	margin-bottom: 20px;
}
#floating-columns .two-col-one{
	width: 43%;
}
#floating-columns .two-col-two{
	width: 57%;
}
#floating-columns .text{
	padding: 75px 20px 30px 100px;
	font-size: 19px
}
#floating-columns .text h2{
	margin-bottom: 30px;
}
#floating-columns .image{
	position: absolute;
	bottom: 0px;
	top: 120px;
	bottom: 28px;
	height: auto;
	width: 43%;
	background-repeat: no-repeat;
	background-size: cover;
	border-left: 90px solid transparent;
}
#floating-columns .row[data-nth="1"] .text li{
	line-height: 1.64;
}
#floating-columns .row .text .button{
	font-size: 15px;
	margin-top: 10px;
}
#floating-columns .row .text .cta-link {
	margin-bottom: 0;
}
#floating-columns .row[data-nth="2"] .image,
#floating-columns .row[data-nth="4"] .image{
	top: 30px;
	border-left: 0px;
	border-right: 90px solid transparent;
	background-position: right top;
	bottom: 30px;
}
#floating-columns .row[data-nth="3"] .image{
	top: 30px;
}
#floating-columns .row[data-nth="2"] .text{
	padding: 85px 35px 65px 95px;
	background-color: #fff;
	color: #002554;
	line-height: 1.55;
	min-height: 590px;
}
#floating-columns .row[data-nth="3"] .text{
	line-height: 1.5;
	padding-bottom: 65px;
	padding-top: 85px;
}
#floating-columns .row[data-nth="3"] .text img{
	max-width: 380px;
	margin-top: 15px;
	margin-bottom: 30px;
	display: block;
	width: 100%;
}

#floating-columns .row[data-nth="4"] .text{
	line-height: 1.5;
}

.loading-more{
	color: #0072ce;
	clear: both;
	padding-top: 15px;
}

#believe-belong h3,
#mobile-blog h3{
	min-height: 50px;
}

#believe-belong p,
#mobile-blog p{
	min-height: 70px;
}

#page-nav {
	background-color: #ebebeb;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .1);
	display: inline-block;
	left: 0;
	line-height: 1;
	margin-bottom: -2px;
	position: relative;
	transition: top .5s ease-in-out;
	width: 100%;
	z-index: 901;
}
#page-nav .site-width {
	margin-bottom: -2px;
	text-align: center;
}
#page-nav .selected {
	display: none;
}
#page-nav ul {
	display: inline-block;
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}
#page-nav ul li {
	float: left;
}
#page-nav ul li a {
	color: #63686b;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1;
	padding: 15px 30px;
	position: relative;
}
#page-nav ul li a:after {
	border-bottom: 3px solid #477196;
	bottom: 0;
	content: '';
	left: 50%;
	opacity: 0;
	position: absolute;
	right: 50%;
	-webkit-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out .25s;
	-moz-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out .25s;
	-ms-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out .25s;
	-o-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out .25s;
	transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out .25s;
}
#page-nav ul li a.toggled {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#page-nav ul li a:hover:after,
#page-nav ul li a.toggled:after {
	left: 0;
	opacity: 1;
	right: 0;
	-webkit-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out;
	-moz-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out;
	-ms-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out;
	-o-transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out;
	transition: left .25s ease-in-out, right .25s ease-in-out, opacity 0s ease-in-out;
}

.country-info {
	display: none;
}
.country-info.visible {
	display: block;
}
.country-info.no-country p,
.country-info.no-country .button {
	display: none;
}
.country-info.no-country .toggle {
	border: 1px solid #002554;
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0.06em;
	line-height: 1;
	margin-top: 0;
	padding: 20px 35px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
	z-index: 10;
}
.country-info.no-country .toggle.ondarkbg {
	border: 1px solid #fff;
}
.country-info.no-country .toggle:hover {
	background-color: #ECECEB;
	text-decoration: none;
}
.country-info.no-country .toggle.ondarkbg:hover {
	background-color: #1C3A59;
}

@media only screen and (max-width:1100px) {
	.site-width{
		padding: 0px 20px;
	}
	
	#main-banner h5 {
		padding-top: 40px;
	}
	#main-banner h1{
		font-size: 30px;
	}
	#main-banner,
	#main-banner.small{
		background-size: cover;
		box-sizing: content-box;
		margin: 0px;
		min-height: 400px;
	}

	#main-banner.homepage{
		min-height: 700px;
		margin-bottom: -120px;
		background-size: auto 100%;
	}

@media only screen and (max-width:1023px) {
	/* @group Globalish  */
	#main-banner,
	#main-banner.small,
	#main-banner.homepage{
		background-size: cover;
		box-sizing: content-box;
		margin: 0px;
		min-height: 400px;
	}
	.coordinates{
		display: none;
	}
	.three-col>div,
	.two-col>div{
		width: auto!important;
		float: none;
	}
	.site-width{
		padding: 0px;
		margin-top: 0px;
	}
	h1,h1 a,
	h2,h2 a{
		font-size: 24px;
		letter-spacing: 0.14em;
	}
	.button{
		text-align: center;
	}
	a.cta-link{
		text-decoration: underline;
	}
	#join{
		min-height: inherit;
		background: none!important;
		padding: 0px;
		font-size: 15px;
	}
	#join h1{
		margin-bottom: 10px;
	}

	#floating-columns{
		padding: 0px;
	}
	#floating-columns .site-width{
		margin: 0px;
	}
	.alt-columns .row .two-col-two,
	#floating-columns .site-width .row{
		margin: 0px;
		float: none;
	}
	#floating-columns .two-col>div{
		padding: 0px;
		float: none;
	}
	#floating-columns .two-col div.text,
	#floating-columns .row[data-nth="2"] .two-col-two.text,
	#floating-columns .row .two-col-two.text{
		padding: 40px 20px;
		min-height: inherit;
	}
	#floating-columns .two-col .image{
		position: inherit;
		height: 90px;
		width: inherit;
		background-repeat: no-repeat;
		background-size: auto 100%;
		border:0px;
	}
	#floating-columns .text h2{
		margin-bottom: 25px;
	}
	#floating-columns .text{
		font-size: 19px;
		line-height: 1.4;
	}
	#floating-columns .text p{
		margin-bottom: 0px;
	}
	#floating-columns .text .button{
		margin-top: 20px;
	}
	#floating-columns .text .cta-link{
		font-size: 19px;
	}
	#page-nav .site-width {
		margin: 0;
		margin-bottom: -2px;
	}

	.country-info.no-country .toggle:hover {
		text-decoration: underline;
	}
	#believe-belong h3,
	#believe-belong p,
	#mobile-blog h3,
	#mobile-blog p{
		min-height: inherit;
	}
	
	/* @end */
}

@media only screen and (max-width:767px) { /* large mobile/small tablet */

	/* @group Globals */
	h3,h3 a{
		font-size: 22px;
		letter-spacing: 0.06em;
	}

	#join-the-club p:before{
		position: absolute;
		left: 0px;
	}
	.button{
		width: 100%;
	}
	#floating-columns .row .image{
		background-size: auto 100%;
		background-position: center center;
		min-height: 115px;
		border: 0px;
	}

	#page-nav .site-width {
		text-align: left;
	}
	#page-nav .selected {
		color: #63686b;
		cursor: pointer;
		display: block;
		padding: 15px 30px;
	}
	#page-nav .selected:after {
		border-left: 1px solid #b2b3b5;
		bottom: 0;
		color: #b2b3b5;
		content: "\e900";
		font-family: icomoon;
		font-size: 25px;
		line-height: 45px;
		position: absolute;
		right: 0;
		text-indent: 13px;
		top: 0;
		width: 50px;
	}
	#page-nav ul {
		background: #fff;
		height: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 44px;
		-webkit-transition: height .5s ease-in-out;
		-moz-transition: height .5s ease-in-out;
		-ms-transition: height .5s ease-in-out;
		-o-transition: height .5s ease-in-out;
		transition: height .5s ease-in-out;
	}
	#page-nav ul .inner-wrap {
		display: inline-block;
	}
	#page-nav ul li {
		border-bottom: 1px solid #dbdbdb;
		display: inline-block;
		float: none;
		position: relative;
		width: 100%;
	}
	#page-nav ul li a {
		position: static;
		width: 100%;
	}
	#page-nav ul li a:after {
		border-bottom: none;
		border-left: 5px solid #477196;
	}
	#page-nav ul li a:hover:after,
	#page-nav ul li a.toggled:after {
		bottom: 0;
		right: inherit;
		top: 0;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	/* @newly added styles by DCJ */	
	hr {
    border: none;
    border-top: 1px dotted #333;
	}
	


  
		
	/* @end */
}

/* @end Globals */