.container{max-width:1210px;}

.row-0{margin: 0;}
.row-0 > div{padding: 0;}
.row-10{margin: 0 -5px;}
.row-10 > div{padding: 0 5px;}
.row-20{margin: 0 -10px;}
.row-20 > div{padding: 0 10px;}
.row-40{margin: 0 -20px;}
.row-40 > div{padding: 0 20px;}
.row-R > div{float: right;}

.row-centered {text-align:center;}
.col-centered {display:inline-block; float:none; text-align:left; margin-right:-3px; margin-left: -3px;}

.row-table{display: table; width: 100%;}
.row-table > div{display: table-cell; vertical-align: middle; position: relative;}
.row-table .col{width: auto;}
.row-table .col-auto{width: 1%;}
.row-table.vlign-top > div{vertical-align: top;}

.row-flex{display: flex;}
.row-flex .col-auto{}
.row-flex .col{flex-grow: 1;}
.row-flex .middle{align-self: center;}

.section-middle{display: table; width: 100%; height: 100vh;}
.section-middle > div{display: table-cell; vertical-align: middle;}


body{
	font-family: 'db_helvethaica';
	background-color: #fff;
	font-size: 24px;
	font-weight: 300;
	color: #333;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{font-family: 'db_helvethaica'; margin: 0;}
p{margin: 0;}

figure.cover{margin: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
figure.contain{background-size: contain; background-position: center; background-repeat: no-repeat;}
figure.cover > img,
figure.contain > img{width: 100%;}
img{max-width: 100%;}

.icon{position: relative;}
.icon img{display: block;}

a:focus{outline: none;}
.btn,
.link{
	text-decoration: none;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.link:focus,
.link:hover{text-decoration: none;}

.transition{
	text-decoration: none;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

input,
select,
textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.item-list{margin: 0; padding: 0;}
.item-list > li{list-style: none; float: left;}
.item-list:before,
.item-list:after{content: ' '; display: table;}
.item-list:after{clear: both;}
.item-list.fluid > li{width: 100%;}

.nav-list{margin: 0; padding: 0;}
.nav-list > li{list-style: none; float: left;}
.nav-list:before,
.nav-list:after{content: ' '; display: table;}
.nav-list:after{clear: both;}
.nav-list.fluid > li{width: 100%;}

.text-primary{color: #0f76be;}
.text-secondary{}
.text-light{color: #fff;}


.site-header .topbar{position: fixed; z-index: 200; top: 0; width: 100%;}
.site-header .topbar .logo{width: 140px; height: 140px; position: absolute; z-index: 1; left: 0; right: 0; top: 0; margin: auto;}
.site-header .topbar .logo .link{display: block}
/*.site-header .topbar .logo:hover{top: -4px;}*/

.site-header .menu{text-align: center;}
.site-header .menu .nav-list > li{width: calc(100% / 7);}
.site-header .menu .nav-list > li:nth-child(4){margin-left: calc(100% / 7);}
.site-header .menu .link{font-weight: normal; font-size: 20px; color: #999999; text-transform: uppercase; line-height: 140px;}
.site-header .menu .active .link,
.site-header .menu .link:hover{color: #333333;}
.site-header .menu .dropdown .link .icon{display: inline-block; vertical-align: middle;}
.site-header .menu .dropdown .link .icon:before{content: "\f107"; font-family: 'FontAwesome';}
.site-header .menu .dropdown.show .link .icon:before{content: '\f106';}
.site-header .menu .dropdown-menu{}
.site-header .menu .dropdown-menu li{width: 100%;}
.site-header .menu .dropdown-menu li + li{margin-left: 0; border-top: 1px solid #ebebeb;}

.site-header .topbar.tiny{background-color: #fff; 
	/*box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.15);*/
	box-shadow: 0 0 20px rgba(148,155,161,0.2);
}
.site-header .topbar.tiny .logo{width: 70px; height: 70px;}
.site-header .topbar.tiny nav.menu .link{line-height: 70px;}




.default-header{height: 470px; position: relative;}
.default-header img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.default-header .inner{position: relative; z-index: 10; display: flex; padding-top: 100px; height: 470px; align-items: center; text-align: center;}
.default-header .title{color: #1075bd; font-weight: 200; font-size: 60px; text-transform: uppercase;}

.default-body{min-height: 600px; padding: 80px 0;}




.footbar{background-color: #1075bd; height: 100px;}
.footbar .container:after{content: ''; display: table; clear: both;}
.footbar .credit{font-size: 20px; color: #fff; font-weight: normal; line-height: 100px; float: left;}
.footbar .social{float: right; display: table; height: 100px;}
.footbar .social .item-list{display: table-cell; vertical-align: middle;}
.footbar .social li+li{margin-left: 10px;}
.footbar .social .link{position: relative; display: block; width: 38px; height: 42px; background: url(../img/icon/s-i-bg.png) no-repeat center;}
.footbar .social li.facebook .link:hover{background: url(../img/icon/s-i-bg-facebook.png) no-repeat center;}
.footbar .social li.line .link:hover{background: url(../img/icon/s-i-bg-line.png) no-repeat center;}
.footbar .social li.twitter .link:hover{background: url(../img/icon/s-i-bg-twitter.png) no-repeat center;}









.header-cover{width: 100%; display: table;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.header-cover .inner{height: 470px; display: table-cell;vertical-align: middle; text-align: center; padding-top: 50px;}
.header-cover .inner .title{font-size: 60px; font-weight: 100; color: #0e76c2; text-transform: uppercase;}








.attach-block{padding-top: 90px; padding-bottom: 60px; overflow: hidden;}
.attach-block .item-list{margin: 0 -10px;}
.attach-block .item-list > li{width: 33.33%; padding: 0 10px;}
.attach-block .item-list.list2 > li{width: 50%;}
.attach-block .item{padding: 0 10px;}
.attach-block .link{}
.attach-block .wrapper{background-color: #fff; position: relative;
	-webkit-box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
}
.attach-block .wrapper .icon{width: 90px; height: 100px; text-align: center; line-height: 90px;
	position: absolute; top: -50px; left: 15px;
}
.attach-block .wrapper .icon:before {
    content: ''; position: absolute; z-index: 0; width: 100%;left: 0;top: 15px; bottom: 15px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
}
.attach-block .wrapper .icon:after {
    content: ''; display: block;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: #fff;
    position: absolute;z-index: 1; width: 100%;height: 100%; top: 0;left: 0;
    transition: all 200ms ease-out;
}
.attach-block .wrapper .icon img{position: relative; z-index: 2; display: inline-block;}
.attach-block .wrapper .content{padding: 15px; padding-left: 120px;}
.attach-block .wrapper .content .title{font-size: 24px; font-weight: 300; color: #333333; font-weight: normal;}
.attach-block .wrapper .content .info{}
.attach-block .wrapper .content .info ul{padding: 0; margin: 0; list-style: none;}
.attach-block .wrapper .content .info ul:after{content: ''; display: table; clear: both;}
.attach-block .wrapper .content .info li{float: left;}
.attach-block .wrapper .content .info li+li{margin-left: 15px;}
.attach-block .wrapper .content .info li{font-size: 16px; color: #333333; font-weight: normal;}

.attach-block .link:hover .wrapper .icon:after{background-color: #167dc6;}
.attach-block .link:hover .wrapper .icon img{filter: invert(1) grayscale(100%) brightness(4);}

.attach-block .slick-list{overflow: visible;}
.attach-block .slick-slide{opacity: 0; pointer-events: none;}
.attach-block .slick-active{opacity: 1; pointer-events: visible; transition: all 200ms ease-out;}
.attach-block .slick-dots {bottom: -35px;}











