@charset "utf-8";
/* CSS Document */
@font-face {font-family:in;src: url(in.ttf);}
html,body{min-height:100% !important; width:100% !important; position:relative !important; overflow-x:hidden; margin: 0}
body::-webkit-scrollbar {display: none;}
body{align-content:center; padding:0; background-color:#DDD; background-repeat:no-repeat; background-size:cover; 
background-position:center; background-attachment:fixed; background-image:url("b.jpg") !important; overflow-x:hidden}
#F{clear: both;}
#H,#L{ color:#DDD;  font-family: in, "Segoe ui", Verdana, arial;}
#H{top:0; width:100%; float:left; height:100px; background:#38516b; z-index:1; padding:0px 0px 0px 3vw; position: fixed;}
#L{top:0; width:50vw; right:0;  z-index:2 !important;  text-align: right; padding: 0px 2vw 0px 0px; list-style-type: none; margin:0; position: fixed; }
#LG{padding: 10px;font-size: 1em;}
.NV{float:right;line-height: 100px;}
.li {float: left;}
.li a {display: block; color: #DDD; text-align: center; padding: 0px 1vw; text-decoration: none !important;}
.li a:hover {background-color: #DDD; color:#38516b}
#M{width: 100vw; margin-top: 100px}
#C{}
#home{top: 40vh; margin-left:10vw;  width: 80vw; color:#38516b; font-size:2em; text-align: center; font-family: in, "Segoe ui", Verdana, arial; position: fixed }
.txt{margin-bottom: 10vh}
.B{width:100%; height: 35px;  bottom:0;  background-color:#38516b; position: fixed; color: #DDD; z-index: 0}
.B,.bli a {line-height: 35px; background-color:#38516b; color: #DDD !important; font-size: 11pt; font-family: "Segoe ui", Verdana, arial; text-decoration: none !important;}
.bli a {padding: 0px 1vw }
.bli a:hover {color: #FFF !important }
.bh,.bl{display: inline}

.menu {background-color: #38516b; color: #DDD; font-size: 1em; padding: 0px 1vw; font-family: in, "Segoe ui", Verdana, arial; border: none; line-height: 100px;}
.dd {position: relative; display:inline-block; height: auto}
.ddc{display:none; position: absolute; background-color: #DDD; min-width: 220px; box-shadow: 0px 16px 16px 0px rgba(0,0,0,0.3); z-index: 1; font-family: in, "Segoe ui", Verdana, arial;}
.ddc a {color: #38516b; padding: 12px 20px; text-decoration:none !important;  text-align:left; display:block;}
.ddc a:hover {background-color: #38516b; color: #DDD; } 
.dd:hover .ddc{display: block;}
.dd:hover .menu{color:#38516b; background-color: #DDD;}

#may,#goe,#eva,#sto,#bgd,#vdh,#aut { width:90vw; color:#38516b; font-size:1em; text-align: left; font-family: in, "Segoe ui", Verdana, arial;}
#may{padding:120px 5vw 20vh 5vw; background-color:#FFF; }
#goe{padding:120px 5vw 20vh 5vw; background-color:#dce0e3;}
#eva{padding:120px 5vw 20vh 5vw; background-color:#FFF; }
#sto{padding:120px 5vw 20vh 5vw; background-color:#DDD; }
#bgd{padding:120px 5vw 50vh 5vw; background-color:#FFF; }
#vdh{padding:120px 5vw 70vh 5vw; background-color:#DDD; }
#aut{padding:120px 5vw 40vh 5vw; background-color:#FFF; }
#ref{padding:27vh 0 27vh 0vw; width: 100vw;}
#app{padding:150px 0 40vh 3vw; height: 50vh; width:100vw; background-color:#627c98; color:#DDD; font-size:0.95em; font-family: in, "Segoe ui", Verdana, arial;}

.dll{ width: 40vw; float: left; display: inline-block;  }
.dlr{ width: 40vw; float: right; display: inline-block; text-align: right; height: 60px; }
.dlc{width: 95vw; clear: both}
.lh{line-height:81px !important; height: 81px !important; float: left; padding-right: 3vw}
.td{text-align: center; width:auto; display:inline-block}
.rs{width: 100%; max-width: 1000px; height: auto;}

.fl{width: 6vw}
.fl .fli{width:32px; filter:grayscale(50%);  transition: all .5s ease-in-out;}
.fl:hover .fli{filter: grayscale(0%); transform:scale(2); ;}
.flb{display:none}

carouselExampleFade {position:relative !important; }
.carousel .item { width:100% !important; height:100% !important; z-index: 2;}
.carousel-control-next, .carousel-control-prev {width: 8% !important;}
.carousel-control-prev-icon {background-image:url('l.png') !important; width:50px; height:50px}
.carousel-control-next-icon {background-image:url('r.png') !important; width:50px; height:50px}
.car1 {background: url('b.jpg') no-repeat center center fixed; background-size:cover; width:auto; height:100vh; }
.car2 {background: url('b2.jpg') no-repeat center center fixed; background-size:cover; width:auto; height:100vh; }

@media screen and (max-width: 500px) { 
#H{padding:0; text-align:center; width: 100vw; height: 80px;}
#L{top:80px; padding:0; width: 100vw; text-align: left; background:#38516b;}
#LG{font-size: 0.75em; width: 100vw; padding:10px 0px 0px 0px;}
.NV{line-height: 40px; padding: 0px 0px 0px 0px;}
.dd,.menu{height: 40px; line-height: 40px; padding:0; width: 32vw}
#M{margin-top: 120px}
.li a {width:32vw}
.rs2{width:45vw; height: auto;}
.dll,.dlr{height: 30px;}
#may{padding:130px 5vw 10vh 5vw; }
#goe{padding:130px 5vw 10vh 5vw; }
#eva{padding:130px 5vw 10vh 5vw; }
#sto{padding:130px 5vw 10vh 5vw; }
#bgd{padding:130px 5vw 10vh 5vw; }
#vdh{padding:130px 5vw 10vh 5vw; }
#aut{padding:130px 5vw 10vh 5vw; }
.bh{display: none}
.rs3{width: 100%; max-width: 400px; height: auto;}
#home{top: 22vh;}
.txt{font-size:0.8em !important; margin-bottom: 5vh}
.lgsi{margin-bottom: 10px}
}

@media screen and (max-width: 1100px) and (min-width: 501px) {
#LG{font-size: 0.85em; padding:5px 0px 0px 0px;}	
#app{padding:150px 0 20vh 3vw; height: 140vh;}
#H{padding:0px 0px 0px 1vw; height: 80px;}
#home{top: 25vh;}
.txt{font-size:0.6em !important; margin-bottom: 3vh}
.ddc a{line-height: 10px; font-size:0.9em; padding: 9px 20px}
.dd,.menu{height: 80px; line-height: 80px;}
.NV{line-height: 80px;}
#may{padding:100px 5vw 10vh 5vw; }
#goe{padding:100px 5vw 10vh 5vw; }
#eva{padding:100px 5vw 10vh 5vw; }
#sto{padding:100px 5vw 10vh 5vw; }
#bgd{padding:100px 5vw 10vh 5vw; }
#vdh{padding:100px 5vw 10vh 5vw; }
#aut{padding:100px 5vw 10vh 5vw; }
}

@media screen and (max-width: 1100px) { 
.dd:hover .ddc{display:none;}
.v{display:block !important;}
.fl{display: none}
.fli{width:32px}
.flb{display:inline}

}