@charset 'utf-8'; /*文字コード指定*/

/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
    margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
    padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
    border: 0; /*境界線指定*/
}

html, body {
    height: 100%; /*領域の高さ指定*/
}

body {
    font-size: 75%; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 2; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    background: #F2F2F2; /*背景指定*/
    font-family:"Sawarabi Mincho",'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro'; /*フォントの種類指定(左から優先順位)*/
    color: #333; /*文字色指定*/
}

ol, ul {
    list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

a {
    color: #333; /*文字色指定*/
}

a:hover {
    text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

.color1 {
    color: #990000; /*文字色指定*/
}

/*header　ページ上の内容*/

header {
    position: fixed; /*ボックスの配置方法(fixedは固定)*/
    top: 0; /*上からの距離(positionで指定している場合に適用)*/
    left: 0; /*左からの距離(positionで指定している場合に適用)*/
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 70px; /*領域の高さ指定*/
    background: #fff; /*背景指定*/
    z-index: 1000; /*ボックス重なり順序指定*/
}

/*左上のロゴ*/

h1 {
    padding-left: 30px;
    font-family: 'Sacramento', cursive;/*フォントの種類指定(googleのwebフォント)*/
    font-size:60px; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 70px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    height: 70px; /*領域の高さ指定*/
}

h1 a {
    color: #333; /*文字色指定*/
    text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

h1 a:hover {
    /*時間的変化指定*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; /*ここまで時間的変化指定*/
    /*透明度設定*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6; /*ここまで透明度設定*/
}

/*右上の内容*/

.terms {
    position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
    top: 0; /*上からの距離(positionで指定している場合に適用)*/
    right: 0; /*右からの距離(positionで指定している場合に適用)*/
}

.contact {
    position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
    top: 0; /*上からの距離(positionで指定している場合に適用)*/
    right: 80px; /*右からの距離(positionで指定している場合に適用)*/
}

.info {
    font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    width: 80px; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 70px; /*領域の高さ指定*/
    text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
}

.info ul {
    padding: 12px 0; /*ボックス内側の余白*/
}

.info li {
    padding: 0 0 7px 0; /*ボックス内側の余白*/
    line-height: 1; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}

.info a {
    color: #333; /*文字色指定*/
    text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

.info a:hover {
    /*時間的変化指定*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; /*ここまで時間的変化指定*/
    /*透明度設定*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6; /*ここまで透明度設定*/
}

.copyright {
    font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 15px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    position: fixed; /*ボックスの配置方法(fixedは固定)*/
    bottom: 20px; /*下からの距離(positionで指定している場合に適用)*/
    left: 0; /*左からの距離(positionで指定している場合に適用)*/
}

/*レイアウト設定*/

.wrapper {
    float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin-top: 70px; /*ボックス外側上の余白*/
    margin-left: -200px; /*ボックス外側左の余白*/
}

.content {
    margin-left: 200px; /*ボックス外側左の余白*/
}

/*メインの内容*/

article {
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin: 20px 0 50px 0; /*ボックス外側の余白*/
}

section {
    width: 80%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin: 0 auto; /*ボックス外側の余白*/
    padding: 20px; /*ボックス内側の余白*/
    background: #fff; /*背景指定*/
}

article h2 {
    font-size: 5em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    font-weight: normal; /*フォントの太さ指定(normalは標準)*/
    font-family: 'Sacramento', cursive; /*フォントの種類指定(左から優先順位)*/
    text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
    line-height: 3; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}

article h3 {
    font-size: 1.5em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    font-weight: normal; /*フォントの太さ指定(normalは標準)*/
    margin-bottom: 10px; /*ボックス外側下の余白*/
}

article li, p {
    font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    margin-left: 20px; /*ボックス外側左の余白*/
}
.terms_content li li {
    font-size: 100%; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

/* ----- テーブル設定 ----- */

.ta {
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    border-collapse: collapse; /*境界線の表示指定(collapseは重ねて表示)*/
    margin: 0 auto; /*ボックス外側の余白(値2つは左から上下,左右の値(左右autoで中央配置))*/
}

.ta th, td {
    border: none; /*境界線の一括指定(noneはなし)*/
    padding: 0 0 10px 10px; /*ボックス内側の余白*/
    color: #333; /*文字色指定*/
    font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    font-weight: normal; /*フォントの太さ指定(normalは標準)*/
    text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

/* ----- フォーム設定 ----- */

.clearfix:after {
    clear: both; /*floatの回り込み解除*/
    content: "."; /*要素の直後に文字列や画像などのコンテンツを挿入*/
    display: block; /*要素の表示指定（blockはブロックボックス生成）*/
    height: 0; /*領域の高さ指定*/
    visibility: hidden; /*ボックスの表示（visible）、非表示（hidden）指定*/
}

.form dl {
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    padding: 15px 0; /*ボックス内側の余白*/
    border-bottom: 1px solid #dcdcdc; /*境界下線指定*/
    font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

.form dl dt {
    width: 32%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
    padding: 5px 10px 10px 10px; /*ボックス内側の余白*/
}

.form dl dd {
    width: 65%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
}

.form dl dd textarea, .form dl dd .txt {
    background: #fff; /*背景指定*/
    padding: 0 10px; /*ボックス内側の余白*/
    border: 1px solid #dcdcdc; /*境界線指定*/
    /*角丸指定*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; /*ここまで角丸指定*/
    width: 50%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 40px; /*領域の高さ指定*/
    line-height: 40px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}

.form dl dd textarea {
    width: 90% !important; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 100%; /*領域の高さ指定*/
}

.form dd .ina {
    ime-mode: disabled; /*テキスト入力時のIMEの状態指定(disabledは英数字入力モード)*/
}

.chra li {
    position: relative; /*ボックスの配置方法(relativeは相対位置配置)*/
    padding-left: 30px; /*ボックス内側左の余白*/
    line-height: 30px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    font-size: 100%; /* フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
}

.chra li div {
    position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
    top: 5px; /*上からの距離(positionで指定している場合に適用)*/
    left: 0; /*左からの距離(positionで指定している場合に適用)*/
}

.ctSelect {
    background: url(../images/arrow.png) right center no-repeat; /*背景指定*/
    background-color: #fff; /*背景指定*/
    padding: 0 10px; /*ボックス内側の余白*/
    border: 1px solid #dcdcdc; /*境界線指定*/
    /*角丸指定*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; /*ここまで角丸指定*/
    width: 50%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 40px; /*領域の高さ指定*/
    line-height: 40px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}

.kakunin {
    width: 150px; /*幅指定(100%は画面横幅いっぱいに表示)*/
    margin: 20px auto; /*ボックス外側の余白*/
}

.btn_submit {
    width: 150px; /*幅指定(100%は画面横幅いっぱいに表示)*/
    padding: 15px 0 13px 0; /*ボックス内側の余白*/
    border: solid 1px #001a9b; /*境界線指定*/
    /*角丸指定*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; /*ここまで角丸指定*/
    /*背景グラデーション指定*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0036ff), color-stop(1.00, #001a9b));
    background: -webkit-linear-gradient(#0036ff, #001a9b);
    background: -moz-linear-gradient(#0036ff, #001a9b);
    background: -o-linear-gradient(#0036ff, #001a9b);
    background: -ms-linear-gradient(#0036ff, #001a9b);
    background: linear-gradient(#0036ff, #001a9b); /*ここまで背景グラデーション指定*/
    color: #fff; /*文字色指定*/
    text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
    font-size: 100%; /* フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
    font-weight: bold; /*フォントの太さ指定(normalは標準)*/
}

.btn_submit:hover {
    /*透明度設定*/
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8; /*ここまで透明度設定*/
    /*時間的変化指定*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.s;
    transition: 0.5s; /*ここまで時間的変化指定*/
    cursor: pointer; /*マウスカーソルの形状指定(pointerはリンクカーソル)*/
}

.required {
    color: #ff0000; /*文字色指定*/
}

/*map設定*/

.gmap {
    position: relative; /*ボックスの配置方法(relativeは相対位置配置)*/
    padding-bottom: 56.25%; /*ボックス内側下の余白*/
    padding-top: 30px; /*ボックス内側上の余白*/
    height: 0; /*領域の高さ指定*/
    overflow: hidden; /*ボックスのはみ出た部分の表示指定(hiddenは非表示)*/
}

.gmap iframe {
    position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
    top: 0; /*上からの距離(positionで指定している場合に適用)*/
    left: 0; /*左からの距離(positionで指定している場合に適用)*/
    width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
    height: 100%; /*領域の高さ指定*/
}

/*無限スクロール設定*/

.scroll_area {
	margin: 0 auto; /*ボックス外側の余白*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}

#infscr-loading {
    z-index: 100; /*ボックス重なり順序指定*/
    position: fixed; /*ボックスの配置方法(fixedは固定)*/
    left: 50%; /*左からの距離(positionで指定している場合に適用)*/
    bottom: 20px; /*下からの距離(positionで指定している場合に適用)*/
}

/*ページトップに戻るアイコン*/

.pagetop:hover {
    /*時間的変化指定*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; /*ここまで時間的変化指定*/
    color: #000; /*文字色指定*/
    /*透明度設定*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6; /*ここまで透明度設定*/
}

/*レスポンシブ設定*/

@media screen and (max-width: 768px) {
h3, p, ol, li, th, td, dl {
	font-size: 1em !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
header {
	height: 50px; /*領域の高さ指定*/
}
h1 {
	font-size: 3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 50px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	height: 50px; /*領域の高さ指定*/
}
article h2 {
	font-size: 4em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
.info {
	font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	width: 80px; /*幅指定(100%は画面横幅いっぱいに表示)*/
	height: 50px; /*領域の高さ指定*/
}
.info ul {
	padding: 5px 0; /*ボックス内側の余白*/
}
.wrapper {
	margin: 50px 0 0 0; /*ボックス外側の余白*/
}
.content {
	margin: 0; /*ボックス外側の余白*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
section {
	width: 90%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
.form dl {
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	padding: 0; /*ボックス内側の余白*/
	border: none; /*境界線の一括指定(noneはなし)*/
}
.form dl dt {
	float: none; /*要素を左か右に寄せて配置(noneはなし)*/
	position: static; /*ボックスの配置方法(staticは指定なし)*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
.form dl dd {
	float: none; /*要素を左か右に寄せて配置(noneはなし)*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	margin-left: 10px; /*ボックス外側左の余白*/
}
.form dl dd .txt, .ctSelect {
	width: 90%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	height: 30px; /*領域の高さ指定*/
	line-height: 30px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}
.copyright {
    /*透明度設定*/
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5; /*ここまで透明度設定*/
}
}
.twilight-wrapper {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.slide-wrapper {
	position: relative;
}
.twilight-show {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}
.twilight-show .twilight-box {
	position: relative;
	width: 99999px;
	opacity: 1;
	-webkit-transition-duration: 0s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.twilight-show a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.twilight-show .twilight-box div {
	float: left;
	opacity: 1;
	-webkit-transition-duration: 0s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.twilight-show .arrow-left, .twilight-show .arrow-right {
	position: absolute;
	z-index: 10;
	top: 220px;
	cursor: pointer;
}
.twilight-show .arrow-left {
	display: none;
	left: 20px;
}
.twilight-show .arrow-right {
	display: none;
	left: 880px;
}
.twilight-show img {
	width: 800px;
}


@media screen and (max-width: 768px) {
.twilight-show {
	height: auto;
}
.twilight-box img {
	width: 480px;
}


}
/*
=========================
Vertical Reponsive Menu
=========================
*/
/* line 6, sass/import/mixins.scss */
.vertical_nav, .collapse_menu .collapse_menu--icon {
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 9999;
}
/* line 14, sass/vertical-responsive-menu.scss */
* {
	box-sizing: border-box;
}
/* line 26, sass/vertical-responsive-menu.scss */
:focus, :active {
	outline: none;
}
/* line 32, sass/vertical-responsive-menu.scss */
.toggle_menu {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	background: none;
	border: 0;
	text-align: center;
	cursor: pointer;
}
/* line 44, sass/vertical-responsive-menu.scss */
.toggle_menu i {
	display: block;
	font-size: 28px;
}
/* line 52, sass/vertical-responsive-menu.scss */
.vertical_nav {
	position: fixed;
	left: -200px;
	top: 50px;
	bottom: 0px;
	width: 200px;
	background: #fff;
}
/* line 63, sass/vertical-responsive-menu.scss */
.vertical_nav__closed {
	left: -200px !important;
}
/* line 67, sass/vertical-responsive-menu.scss */
.vertical_nav__opened {
	left: 0px !important;/*box-shadow: rgba(0, 0, 0, 0.4) -30px 0 30px 30px;*/
}
/* line 73, sass/vertical-responsive-menu.scss */
.menu {
	position: absolute;
	top: 0;
	bottom: 40px;
	overflow-y: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* line 84, sass/vertical-responsive-menu.scss */
.menu--item {
	position: relative;
	min-height: 40px;
	line-height: 40px;
}
/* line 90, sass/vertical-responsive-menu.scss */
.menu--item__has_sub_menu .menu--link:after {
	position: absolute;
	top: 0;
	right: 15px;
	height: 40px;
	line-height: 40px;
	font-family: "FontAwesome";
	content: "\f0d7";
}
/* line 100, sass/vertical-responsive-menu.scss */
.menu--subitens__opened {
	background: #fff;
	color: #fff;
}
/* line 103, sass/vertical-responsive-menu.scss */
.menu--subitens__opened .menu--link {
	color: #000;
}
/* line 107, sass/vertical-responsive-menu.scss */
.menu--subitens__opened .sub_menu {
	display: block;
}
/* line 113, sass/vertical-responsive-menu.scss */
.menu--link {
	display: block;
	overflow: hidden;
	font-size: 1.2em;
	text-decoration: none;
	color: #666;
	font-weight: 400;
	white-space: nowrap;
	cursor: pointer;
}
/* line 123, sass/vertical-responsive-menu.scss */
.menu--link:hover, .menu--link:hover .menu--label {
	color: #fff;
	background: #888888;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #888888 0%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(100%, #666666));
	background: -webkit-linear-gradient(top, #888888 0%, #666666 100%);
	background: -o-linear-gradient(top, #888888 0%, #666666 100%);
	background: -ms-linear-gradient(top, #888888 0%, #666666 100%);
	background: linear-gradient(to bottom, #888888 0%, #666666 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#666666', GradientType=0 );
}
/* line 131, sass/vertical-responsive-menu.scss */
.menu--icon {
	display: block;
	float: left;
	width: 50px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
}
/* line 140, sass/vertical-responsive-menu.scss */
.menu--label {
	display: block;
	height: 40px;
	line-height: 40px;
}
/* line 148, sass/vertical-responsive-menu.scss */
.sub_menu {
	display: none;
	overflow: hidden;
	padding-left: 0;
	list-style: none;
}
/* line 154, sass/vertical-responsive-menu.scss */
.sub_menu--link {
	display: block;
	padding-left: 50px;
	padding-right: 16px;
	font-size: 1.2em;
	color: #666;
	text-decoration: none;
}
/* line 162, sass/vertical-responsive-menu.scss */
.sub_menu--link:hover {
	color: #000;
	background: #888888;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #888888 0%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(100%, #666666));
	background: -webkit-linear-gradient(top, #888888 0%, #666666 100%);
	background: -o-linear-gradient(top, #888888 0%, #666666 100%);
	background: -ms-linear-gradient(top, #888888 0%, #666666 100%);
	background: linear-gradient(to bottom, #888888 0%, #666666 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#666666', GradientType=0 );
	color: #fff;
}
/* line 168, sass/vertical-responsive-menu.scss */
.sub_menu--link__active {
	color: #000;
	font-weight: 500;
}
/* line 176, sass/vertical-responsive-menu.scss */
.collapse_menu {
	display: none;
}
@media (min-width: 768px) {
/* line 193, sass/vertical-responsive-menu.scss */
.vertical_nav {
	left: 0;
	top: 70px;
}
/* line 197, sass/vertical-responsive-menu.scss */
.toggle_menu {
	display: none;
}
}
/* iCheck plugin Minimal skin, grey
----------------------------------- */
.icheckbox_minimal-grey, .iradio_minimal-grey {
	display: inline-block;
 *display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	background: url(../images/grey.png) no-repeat;
	border: none;
	cursor: pointer;
}
.icheckbox_minimal-grey {
	background-position: 0 0;
}
.icheckbox_minimal-grey.hover {
	background-position: -20px 0;
}
.icheckbox_minimal-grey.checked {
	background-position: -40px 0;
}
.icheckbox_minimal-grey.disabled {
	background-position: -60px 0;
	cursor: default;
}
.icheckbox_minimal-grey.checked.disabled {
	background-position: -80px 0;
}
.iradio_minimal-grey {
	background-position: -100px 0;
}
.iradio_minimal-grey.hover {
	background-position: -120px 0;
}
.iradio_minimal-grey.checked {
	background-position: -140px 0;
}
.iradio_minimal-grey.disabled {
	background-position: -160px 0;
	cursor: default;
}
.iradio_minimal-grey.checked.disabled {
	background-position: -180px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.icheckbox_minimal-grey, .iradio_minimal-grey {
	background-image: url(../images/grey@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px;
}
}
.box {
	margin: 5px;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ccc), color-stop(1.00, #8a8a8a));
	background: -webkit-linear-gradient(#ccc, #8a8a8a);
	background: -moz-linear-gradient(#ccc, #8a8a8a);
	background: -o-linear-gradient(#ccc, #8a8a8a);
	background: -ms-linear-gradient(#ccc, #8a8a8a);
	background: linear-gradient(#ccc, #8a8a8a);
	line-height: 1.4em;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box img {
	display: block;
	width: 100%;
}
.box p {
	margin: 0;
	font-size: 1em;
}
.col1 {
	width: 80px;
}
.col2 {
	width: 180px;
}
.col3 {
	width: 280px;
}
.col4 {
	width: 380px;
}
.col5 {
	width: 480px;
}
.col1 img {
	max-width: 80px;
}
.col2 img {
	max-width: 180px;
}
.col3 img {
	max-width: 280px;
}
.col4 img {
	max-width: 380px;
}
.col5 img {
	max-width: 480px;
}
/**** Transitions ****/

.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}
.transitions-enabled.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.transitions-enabled.masonry .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-ms-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-ms-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}
/**** Clearfix ****/
.masonry_clearfix:before, .masonry_clearfix:after {
	content: "";
	display: table;
}
.masonry_clearfix:after {
	clear: both;
}
.masonry_clearfix {
	zoom: 1;
}