/*CSS Document */

@font-face { font-family: champagne; src: url('Champagne_Limousines.ttf'); }
@font-face { font-family: champagne_bold; src: url('Champagne_Limousines_Bold.ttf'); }

body, html { width: 100%; height: auto; min-height: 100%; padding: 0; overflow: auto; margin: 0; font-family: champagne , sans-serif; }

.mainwrapper { width: 100%; height: auto; overflow: hidden; }
.mainspl { width: 100%; height: 100%; z-index: 4000; display: flex; align-items: center; position: fixed; background: #fff; }

.mainsplicon { width: 882px; height: 466px; margin: 0 auto 0 auto; background: url(hegis_b.jpg); }
.mainspltext { width: 100%; height: 30px; font-size: 20px; text-align: center; margin: 10px auto 0 auto; }

.mainmenu { width: 100%; height: 80px; padding: 10px 0 10px 0; background: url(bggraytr.png); position: fixed; z-index: 1000; }
.mainmenuicon { width: 151px; height: 80px; background: url(hegis_logo80.png); margin-left: 10px; float: left; cursor: pointer; }
.mainmenucont { width: auto; height: 60px; float: right; overflow: hidden; display: none; }
.mobmenuicon { width: 110px; height: 110px; float: right; margin-right: 40px; display: none; background: url(mobmenuicon.png); }
.mobmenucont { width: 340px; height: auto; padding: 20px 0 0 20px; position: fixed; z-index: 1000; margin-top: 140px; background: white; right: 0; display: none;
-webkit-box-shadow: -12px 16px 23px -7px rgba(0,0,0,0.75);
-moz-box-shadow: -12px 16px 23px -7px rgba(0,0,0,0.75);
box-shadow: -12px 16px 23px -7px rgba(0,0,0,0.75); }
.mobmenucontitem { width: 300px; height: 40px; font-weight: 700; margin: 30px 20px 20px 10px; cursor: pointer; font-size: 36px; float: left; padding: 0 10px 0 10px; color: #000; opacity: .7; }
.mainmenuitem { width: auto; height: 20px; font-weight: 700; margin: 30px 0 0 10px; cursor: pointer; font-size: 18px; float: left; padding: 0 10px 0 10px; color: #000; opacity: .7; }
.mainmenuitem:hover { opacity: 1; text-decoration: underline; }

.mainsubmenu { width: auto; display: inline-block; height: auto; overflow: hidden; padding: 20px 40px 20px 40px; background: url(bggraytr.png); position: fixed; z-index: 1200; border-top: 3px solid #424242; margin-top: 100px; display: none; }
.mainsubmenuhorzitem { width: 160px; height: auto; min-height: 30px; float: left; }
.mainsubmenuhorzitemhitem { width: inherit; height: 20px; font-size: 18px; font-weight: 700; cursor: pointer; text-decoration: underline; }
.mainsubmenuhorzitemcont { width: inherit; height: auto; overflow: hidden; margin-top: 4px; float: left; }
.mainsubmenuhorzitemcontitem { width: inherit; height: 20px; margin-top: 8px; cursor: pointer; color: #424242; }
.mainsubmenuhorzitemcontitem:hover { color: black; }

.mainslider { width: 100%; height: auto; overflow: hidden; }
.mainslidercont { width: auto; height: 100%; display: inline-block; overflow: hidden; }
.mainsliderlbtn { width: 90px; height: 80px; position: absolute; z-index: 900; float: left; background: url(slideprev1.png); cursor: pointer; }
.mainsliderrbtn { width: 90px; height: 80px; position: absolute; z-index: 900; float: right; right: 0; background: url(slidenext1.png); cursor: pointer; }

.mainslidertext { width: auto; height: auto; overflow: hidden; position: absolute; z-index: 901; float: left; margin-left: 120px; font-size: 18px; padding: 20px; color: white; background: url(bgblacktr.png); }
.mainslideritem { width: 100%; height: 100%; float: left; }

.maincontentcontainer { width: 100%; height: auto; min-height: 320px; overflow: hidden; padding-bottom: 5px; }
.maincontentcontainersitem1 { width: 100%; height: 300px; margin-top: 20px; }
.maincontentcontainersitem1h { width: 100%; height: 40px; font-weight: 700; color: #424242; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.maincontentcontainersitem1htext { width: auto; height: 20px; margin-top: 10px; display: inline-block; float: left; }
.maincontentcontainersitem1hbtns { width: 90px; height: 40px; float: left; margin-left: 20px; }
.maincontentcontainersitem1hbtnp,.maincontentcontainersitem1hbtnn { width: 40px; height: 40px; float: left; opacity: .8; background: url(sslideprevbtn.png)no-repeat; cursor: pointer; }
.maincontentcontainersitem1hbtnp:hover { opacity: 1; }
.maincontentcontainersitem1hbtnn { float: right; background: url(sslidenextbtn.png)no-repeat; }
.maincontentcontainersitem1hbtnn:hover { opacity: 1; }

.subpageheader { width: 100%; height: 400px; background: url(slide/tokyo.jpg); background-position: 100%; background-size: 100%; }
.subpagecontainer { width: 100%; height: auto; min-height: 100px; overflow: hidden; }
.subpagecontainermid { width: 800px; height: auto; overflow: hidden; margin: 10px auto 0 auto; font-size: 17px; }
.subpagecontainermidh { width: inherit; height: 20px; font-size: 18px; font-weight: 700; padding-bottom: 6px; border-bottom: 1px solid #ccc; }
.subpagecontainermidc { width: inherit; height: auto; overflow: hidden; margin-top: 10px; }
.subpagecontainermidch { width: inherit; height: auto; min-height: 20px; overflow: hidden; padding-right: 4px; margin-top: 10px; }
.subpagecontainermidprodsel { width: 484px; height: auto; margin: 0 auto 0 auto; overflow: hidden; border-bottom: 3px solid #424242; }
.subpagecontainermidprodselvitem { width: 404px; height: auto; overflow: hidden; padding-bottom: 10px; margin: 0 auto 0 auto; }
.subpagecontainermidprodselhitem { width: 200px; height: auto; min-height: 60px; overflow: hidden; float: left; }
.subpagecontainermidprodselhitemh { width: inherit; height: 20px; font-size: 18px; font-weight: 700; cursor: pointer; }
.subpagecontainermidprodselhitemc { width: inherit; height: auto; overflow: hidden; margin-top:6px; }
.subpagecontainermidprodselhitemcitem { width: inherit; height: 20px; margin-top: 6px; font-size: 16px;  cursor: pointer;}
.subpagecontainermidprodselhitemcitem:hover { text-decoration: underline; }

.subpagemenucontainer { width: 160px; height: auto; float: left; overflow: hidden; border-right: 1px solid #ccc; }
.submenuitemcontainer { width: 630px; height: auto; min-height: 400px; float: right; }
.submenuitem { width: 310px; height: 325px; float: left; border: 1px solid #ccc; cursor: pointer; margin: 6px 0 0 6px; }
.submenuitemimg { width: 310px; height: 280px; }
.submenuitemtext { width: 310px; height: 30px; padding-top: 10px; background: white; color: #484848; text-align: center; border-top: 1px solid #ccc; font-weight: bold; }

.submenuitemS { width: 200px; height: 180px; float: left; border: 1px solid #ccc; cursor: pointer; margin: 8px 0 0 8px; }
.submenuitemimgS { width: 200px; height: 140px; }
.submenuitemtextS { width: 200; height: 20px; padding-top: 10px; background: white; color: #484848; text-align: center; border-top: 1px solid #ccc; font-weight: bold; }

.prodbigimg { width: 648px; height: 500px; border: 1px solid #ccc; }
.prodthumbimg { width: 650px; height: auto; overflow: hidden; min-height: 120px; margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; }
.prodthumbimgitem { width: 124px; height: 110px; float: left; margin: 4px 0 0 4px; cursor: pointer; border: 1px solid #ccc; }
.prodsizeimg { width: 640px; margin-top: 20px; }

.buttonred { width: auto; display: inline-block; text-align: center; height: auto; min-height: 20px; padding: 6px 16px; border-radius: 5px; background: #e94141; color: white; cursor: pointer; opacity: .8; }
.buttonred:hover { opacity: 1; }
.stdtextcontainer { width: 100%; height: auto; min-height: 40px; margin: 10px auto 0 auto; text-align: center; }
.contactinput { width: 180px; height: 40px; background: #f8f8f8; border: 1px solid #cccccc; border-radius: 6px; float: left; padding-left: 10px; opacity: .95; margin-left: 10px; }
.contacttext { width: 770px; height: 178px; border-radius: 6px; opacity: .95; padding: 10px 0 0 10px; background: #f8f8f8; border: 1px solid #cccccc;  }

.subcontainermid  {  width: inherit; height: auto; min-height: 80px; overflow: hidden; padding: 0; margin: 0 auto 0 auto;  }
.contitem { width: 100%; height: 30px; border-bottom: 1px solid #ccc; }
.contitemicon { width: 30px; height: 30px; float: left; color: #666666; }
.contitemtext { width: 600px; height: 16px; margin-top: 6px; float: left; margin-left: 10px; }
.checkbox1 { width: auto; height: auto; display: inline-block; overflow: hidden; min-width: 40px; min-height: 20px; padding: 0 10px 4px 10px; }
.checkbox1icon { width: 24px; height: 24px; border-radius: 24px; float: left; border: 4px solid #ffc429; display: flex; align-items: center; }
.checkbox1iconc { width: 14px; height: 14px; background: #ffc429; margin: 0 auto 0 auto; border-radius: 10px; }
.checkbox1text { width: auto; height: auto; display: inline-block; overflow: hidden; margin: 4px 0 0 6px; }





.maincontentcontainersitem1c { width: 100%; height: 260px; overflow: hidden; }
.maincontentcontainersitem1ccont { width: auto; min-width: 100%; display: inline-block; overflow: hidden; height: inherit; }
.maincontentcontainersitem1citem { width: 20%; height: inherit; float: left; cursor: pointer; }
.maincontentcontainersitem1citemBlack { width: 100%; height: 100%; background: url(bgblacktr.png); font-size: 20px; font-weight: 700; color: white; display: flex; 
align-items: center;}
.maincontentcontainersitem1citemBlackT { width: 100%; height: auto; min-height: 30px; padding: 20px 0 20px 0; overflow: hidden; text-align: center; }

.mainfooter { width: 100%; height: 290px; padding-top: 10px; background: #363636; }
.mainfootermid { width: 1020px; height: 280px; margin: 0 auto 0 auto; color: white; }
.mainfooterinf1 { width: 240px; height: inherit; float: left; }
.mainfooterinf2 { width: 230px; height: inherit; float: left; margin-left: 30px; }
.mainfooterinf2link { width: inherit; height: auto; min-height: 20px; color: white; overflow: hidden; margin-top: 4px; font-size: 18px; font-weight: 700; cursor: pointer; opacity: .8; }
.mainfooterinf2link:hover { opacity: 1; }
.mainfooterinf3 { width: 494px; height: 274px; border: 3px solid white; float: left; margin-left: 20px; }