@font-face{font-family:Metrisch;font-style:normal;font-weight:400;src:url(fonts/Metrisch/Metrisch-Book.otf);}
@font-face{font-family:Metrisch;font-style:italic;font-weight:400;src:url(fonts/Metrisch/Metrisch-BookItalic.otf);}
@font-face{font-family:Metrisch;font-style:normal;font-weight:100;src:url(fonts/Metrisch/Metrisch-ExtraLight.otf);}
@font-face{font-family:Metrisch;font-style:italic;font-weight:100;src:url(fonts/Metrisch/Metrisch-ExtraLightItalic.otf);}
@font-face{font-family:Metrisch;font-style:normal;font-weight:300;src:url(fonts/Metrisch/Metrisch-Light.otf);}
@font-face{font-family:Metrisch;font-style:italic;font-weight:300;src:url(fonts/Metrisch/Metrisch-LightItalic.otf);}
@font-face{font-family:Metrisch;font-style:normal;font-weight:500;src:url(fonts/Metrisch/Metrisch-Medium.otf);}
@font-face{font-family:Metrisch;font-style:italic;font-weight:500;src:url(fonts/Metrisch/Metrisch-MediumItalic.otf);}
@font-face{font-family:Metrisch;font-style:normal;font-weight:700;src:url(fonts/Metrisch/Metrisch-Bold.otf);}
@font-face{font-family:Metrisch;font-style:italic;font-weight:700;src:url(fonts/Metrisch/Metrisch-BoldItalic.otf);}
@font-face{font-family:Metrisch;font-style:normal;font-weight:900;src:url(fonts/Metrisch/Metrisch-ExtraBold.otf);}
@font-face{font-family:Metrisch;font-style:italic;font-weight:900;src:url(fonts/Metrisch/Metrisch-ExtraBoldItalic.otf);}

@font-face{font-family:VisbyCF;font-style:normal;font-weight:400;src:url(fonts/VisbyCF/VisbyCF-Regular.otf);}
@font-face{font-family:VisbyCF;font-style:italic;font-weight:400;src:url(fonts/VisbyCF/VisbyCF-RegularOblique.otf);}
@font-face{font-family:VisbyCF;font-style:normal;font-weight:100;src:url(fonts/VisbyCF/VisbyCF-Thin.otf);}
@font-face{font-family:VisbyCF;font-style:italic;font-weight:100;src:url(fonts/VisbyCF/VisbyCF-ThinOblique.otf);}
@font-face{font-family:VisbyCF;font-style:normal;font-weight:300;src:url(fonts/VisbyCF/VisbyCF-Light.otf);}
@font-face{font-family:VisbyCF;font-style:italic;font-weight:300;src:url(fonts/VisbyCF/VisbyCF-LightOblique.otf);}
@font-face{font-family:VisbyCF;font-style:normal;font-weight:500;src:url(fonts/VisbyCF/VisbyCF-Medium.otf);}
@font-face{font-family:VisbyCF;font-style:italic;font-weight:500;src:url(fonts/VisbyCF/VisbyCF-MediumOblique.otf);}
@font-face{font-family:VisbyCF;font-style:normal;font-weight:600;src:url(fonts/VisbyCF/VisbyCF-DemiBold.otf);}
@font-face{font-family:VisbyCF;font-style:italic;font-weight:600;src:url(fonts/VisbyCF/VisbyCF-DemiBoldOblique.otf);}
@font-face{font-family:VisbyCF;font-style:normal;font-weight:700;src:url(fonts/VisbyCF/VisbyCF-Bold.otf);}
@font-face{font-family:VisbyCF;font-style:italic;font-weight:700;src:url(fonts/VisbyCF/VisbyCF-BoldOblique.otf);}
@font-face{font-family:VisbyCF;font-style:normal;font-weight:800;src:url(fonts/VisbyCF/VisbyCF-ExtraBold.otf);}
@font-face{font-family:VisbyCF;font-style:italic;font-weight:800;src:url(fonts/VisbyCF/VisbyCF-ExtraBoldOblique.otf);}
@font-face{font-family:VisbyCF;font-style:normal;font-weight:900;src:url(fonts/VisbyCF/VisbyCF-Heavy.otf);}
@font-face{font-family:VisbyCF;font-style:italic;font-weight:900;src:url(fonts/VisbyCF/VisbyCF-HeavyOblique.otf);}

:root{
	--color01:#00377c;
	--color02:#00bdff;
	--color03:#00bcd4;
	--color04:#3d3d3d;
}

body *{margin:0;padding:0;outline:none;}
body{font-family:Metrisch;font-size:14px;}
h1,h2,h3,h4,h5,h6{font-family:VisbyCF;font-weight:bold;}
h1{font-size:4em;}
h2{font-size:3.2em;}
h3{font-size:2.4em;}
h4{font-size:2em;}
h5{font-size:1.6em;}
h6{font-size:1.28em;}
section{position:relative;}
[class*="col-"]{display:table;}

.navbar{min-height:80px;padding-top:0;padding-bottom:0;background:#ffffff;box-shadow:0 8px 24px 0 rgba(0,0,0,0.04);transition:all .48s;}
.navbar.navbar-transparent{background:transparent;box-shadow:none;}
.navbar.navbar-showed{background:#ffffff !important;}
.navbar-brand{padding:16px 0;}
.navbar-brand>img{height:48px;}
.navbar.navbar-transparent .navbar-brand>img{filter:brightness(0) invert(1);}
.navbar.navbar-showed .navbar-brand>img{filter:none !important;}
.navbar .navbar-collapse{justify-content:flex-end;}
.navbar .nav-item .nav-link{margin-right:32px;padding:0;color:#333333;font-weight:bold;line-height:32px;text-transform:uppercase;}
.navbar.navbar-transparent .nav-item .nav-link{color:#ffffff !important;}
.navbar.navbar-showed .nav-item .nav-link{color:#333333 !important;}
.navbar .nav-item:last-of-type .nav-link{margin-right:0;}
.navbar .nav-item:hover .nav-link,.navbar .nav-item .nav-link.show,.navbar .nav-item .nav-link.active{color:var(--color02);}
.navbar.navbar-showed .nav-item:hover .nav-link,.navbar.navbar-showed .nav-item .nav-link.show,.navbar.navbar-showed .nav-item .nav-link.active{color:var(--color02) !important;}
.navbar .nav-item.dropdown .nav-link:hover+.dropdown-menu,.navbar .nav-item .dropdown-menu:hover{display:block;}
.dropdown-menu{min-width:160px;margin:0;padding:0;left:-24px;border:none;border-radius:2px;box-shadow:0 4px 48px 0 rgba(0,0,0,0.16);font-size:1em;}
.dropdown-item{padding:0 24px;box-shadow:0 1px #c9c9c9;line-height:40px;text-transform:uppercase;}
.dropdown-item:last-of-type{box-shadow:none;}
.dropdown-item:hover,.dropdown-item:focus{background:transparent;color:var(--color02);}
.dropdown-toggle::after{content:unset;}

.navbar-toggler{padding:12px 16px;padding-right:0;outline:none !important;}
.navbar-toggler>div{width:20px;height:2px;background:var(--color01);transition:all .12s;}
.navbar-toggler>div:not(:last-of-type){margin-bottom:4px;}
.navbar.navbar-transparent .navbar-toggler>div{background:#ffffff;}
.navbar.navbar-showed .navbar-toggler>div{background:var(--color01) !important;}
.navbar.navbar-showed .navbar-toggler>div:first-of-type{transform:rotate(40deg);transform-origin:top left;}
.navbar.navbar-showed .navbar-toggler>div:not(:first-of-type,:last-of-type){width:0;}
.navbar.navbar-showed .navbar-toggler>div:last-of-type{transform:rotate(-40deg);transform-origin:bottom left;}

footer{background:var(--color04);}
footer>.container{padding-top:80px;padding-bottom:80px;}
.col-footer{color:#ffffff;}
.f-title{margin-bottom:16px;padding-bottom:12px;position:relative;color:var(--color02);display:inline-block;font-weight:900;letter-spacing:1px;text-transform:uppercase;}
.f-title:after{width:32px;height:2px;position:absolute;bottom:0;left:0;background:#ffffff;;content:'';}
.f-about-item{margin-bottom:12px;display:flex;}
.f-about-item>i{width:48px;height:48px;font-size:24px;line-height:48px;text-align:center;}
.f-about-item>span{width:calc(100% - 48px);margin-top:4px;padding-left:16px;}
.f-about-item>span>span{font-weight:900;}
.f-about-item>span>a{color:inherit;}
.f-iso-img{width:64px;margin-top:16px;}
.f-links-item{margin-top:4px;margin-bottom:8px;}
.f-links-item>a{padding-left:16px;position:relative;color:#ffffff;display:inline-block;text-decoration:none;}
.f-links-item>a:hover{color:var(--color02);}
.f-links-item>a:before,.f-links-item>a:after{width:6px;height:2px;margin:auto;position:absolute;top:0;bottom:0;left:0;background:#ffffff;border-radius:2px;content:'';transform-origin:center center;}
.f-links-item>a:before{transform:rotate(45deg);top:-3px;}
.f-links-item>a:after{transform:rotate(-45deg);bottom:-3px;}
.f-links-item>a:hover:before,.f-links-item>a:hover:after{background:var(--color02);}
.f-maps{width:100%;height:var(--heightMap);border:none;}
.f-bottom{border-top:1px solid #ffffff;color:#ffffff;line-height:48px;text-align:center;}
.f-bottom>p>span{color:var(--color02);}

.dialog-box{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);display:none;z-index:1030;}
.dialog-box.showed{display:flex !important;align-items:center;justify-content:center;}
.dialog-content{position:relative;text-align:center;}
.dialog-img{position:relative;}
.dialog-img>img{max-width:480px;max-height:480px;border:6px solid var(--color01);object-fit:contain;}
.dialog-text{color:#ffffff;text-align:center;}
.dialog-text>h6{margin-top:16px;}
.dialog-text>p{margin-top:4px;}
#dialog-arrow>button{width:24px;height:24px;margin-top:-12px;position:absolute;top:50%;background:transparent;border:none;cursor:pointer;outline:none;z-index:999;transform:translateY(-50%);transform-origin:center center;transition:all .32s;}
#dialog-arrow>button:before,#dialog-arrow>button:after{width:18px;height:6px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;background:#ffffff;border-radius:2px;content:'';display:block;transform-origin:center center;}
#dialog-arrow>.btn-left{left:-32px;}
#dialog-arrow>.btn-right{right:-32px;}
#dialog-arrow>.btn-left:before,#dialog-arrow>.btn-right:after{transform:rotate(-45deg);}
#dialog-arrow>.btn-left:after,#dialog-arrow>.btn-right:before{transform:rotate(45deg);}
#dialog-arrow>.btn-left:before,#dialog-arrow>.btn-right:before{top:-9px;}
#dialog-arrow>.btn-left:after,#dialog-arrow>.btn-right:after{bottom:-9px;}
.btn-close-dialog{width:16px;height:16px;position:absolute;top:-32px;right:4px;color:#e7e7e7;cursor:pointer;font-size:1.6em;}

/* device max-width 992px */
@media screen and (max-width:992px){
	.navbar .navbar-collapse{margin-bottom:16px;}
	.navbar .nav-item:not(:last-of-type){box-shadow:0 -1px 0 inset rgba(0,0,0,.24);}
	.navbar .nav-item .nav-link{margin-right:0;line-height:48px;}
	
	.col-footer:last-of-type{margin-top:32px;}
}

/* device max-width 767px */
@media screen and (max-width:767px){
	.navbar-brand{padding:20px 0;}
	.navbar-brand>img{height:40px;}
	
	footer>.container{padding-top:48px;padding-bottom:48px;}
	.col-footer{margin-bottom:32px;}
	.col-footer:last-of-type{margin-top:0;margin-bottom:0;}
	
	.dialog-img>img{width:80%;}
}