@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

@import url("../revolution/css/settings.css");
@import url("plugins/bootstrap-grid.css");
@import url("plugins/mega_menu.css");
@import url("plugins/font-awesome.min.css");
@import url("plugins/magnific-popup.css");
@import url("plugins/owl.carousel.min.css");
@import url("shortcodes/owl-carousel.css");
/*@import url("plugins/bootstrap.min.css");*/
/*@import url("plugins/animate.css");*/

a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #000000; text-decoration: none !important; }
a, button, input { outline: medium none !important; color: #000000; }
.uppercase { text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, "Heiti TC","Noto Sans TC", "Microsoft JhengHei", "Open Sans", sans-serif !important;
  font-weight: 100;
  color: #363636;
  margin-top: 0px;
}
.button {
  font-family: Arial, "Heiti TC", "Noto Sans TC", "Microsoft JhengHei", "Open Sans", sans-serif !important;
}
.shadow { box-shadow: 0px 14px 42px -6px rgba(0, 0, 0, 0.15) !important; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
label { font-weight: normal; }
.text-light { color: #fff !important; }
.text-dark { color: #000 !important; }
h1 { font-size: 36px; font-style: normal; font-weight: 700; line-height: 40px; }
h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; }
h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; }
h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; }
h5 { font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; }
h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }
.fw-1 { font-weight: 100; }
.fw-2 { font-weight: 200; }
.fw-3 { font-weight: 300; }
.fw-4 { font-weight: 400; }
.fw-5 { font-weight: 500; }
.fw-6 { font-weight: 600; }
.fw-7 { font-weight: 700; }
.fw-8 { font-weight: 800; }
.fw-9 { font-weight: 900; }
.l-height-24 { line-height: 24px; }
.l-height-26 { line-height: 26px; }
.l-height-28 { line-height: 28px; }
.l-height-30 { line-height: 30px; }
.l-height-32 { line-height: 32px; }
.l-height-34 { line-height: 34px; }
.l-height-36 { line-height: 36px; }
.l-height-38 { line-height: 38px; }
.l-height-40 { line-height: 40px; }
ul { margin: 0px; padding: 0px; }
p { font-weight: normal; line-height: 1.5; color: #626262; }
hr { margin: 0; padding: 0px; border-bottom: 1px dashed #eceff8; border-top: 0px; }
hr.light { margin: 0; padding: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 0px; }
.hide { display: none !important; }
.red { color: #ff0000 !important; }
*::-moz-selection { background: #e71a0f; color: #fff; text-shadow: none; }
::-moz-selection { background: #e71a0f; color: #fff; text-shadow: none; }
::selection { background: #e71a0f; color: #fff; text-shadow: none; }


/*************************
    Text color
*************************/
.theme-color { color: #e71a0f; }
.text-white { color: #fff!important; }
.text-black { color: #363636; }
.text-gray { color: #999999; }
img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; }


/* Vertical Align */
.valign { display: table; }
.valign > [class*='col-'] { display: table-cell; float: none; }
[data-valign-overlay="top"] { vertical-align: top; }
[data-valign-overlay="middle"] { vertical-align: middle; }
[data-valign-overlay="bottom"] { vertical-align: bottom; }

/*************************
   Extra class
*************************/
.o-hidden { overflow: hidden; }
.position-re { position: relative; }
.full-width { width: 100% !important; }
.img-fluid {
    max-width: 100%;
    height: auto;
}
/*************************
   back to top
*************************/
#back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition: all .5s ease-in-out; position: fixed; bottom: 15px; right: 15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #5d9f02; width: 40px; height: 40px; text-align: center; }
#back-to-top i { padding-top: 2px; font-size: 20px; }
#back-to-top span { display: block; line-height: 8px; font-size: 11px; }

/*************************
 Basic margin padding
*************************/
.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
.text-left {
    text-align: left!important;
}
.text-center {
    text-align: center!important;
}
.text-right {
    text-align: right!important;
}
/*************************
    Margin top
*************************/

/*.mt-0 { margin-top: 0 !important; }*/
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-130 { margin-top: 130px !important; }
.mt-140 { margin-top: 140px !important; }
.mt-150 { margin-top: 150px !important; }

/*************************
   Margin right
*************************/

/*.mr-0 { margin-right: 0!important }*/
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }
.mr-110 { margin-right: 110px !important; }
.mr-120 { margin-right: 120px !important; }
.mr-130 { margin-right: 130px !important; }
.mr-140 { margin-right: 140px !important; }
.mr-150 { margin-right: 150px !important; }

/*************************
   Margin bottom
*************************/

/*.mb-0 { margin-bottom: 0!important }*/
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-130 { margin-bottom: 130px !important; }
.mb-140 { margin-bottom: 140px !important; }
.mb-150 { margin-bottom: 150px !important; }

/*************************
   Margin left
*************************/

/*.ml-0 { margin-left: 0!important }*/
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }
.ml-110 { margin-left: 110px !important; }
.ml-120 { margin-left: 120px !important; }
.ml-130 { margin-left: 130px !important; }
.ml-140 { margin-left: 140px !important; }
.ml-150 { margin-left: 150px !important; }

/*************************
   Padding top
*************************/

/*.pt-0 { padding-top: 0!important }*/
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-130 { padding-top: 130px !important; }
.pt-140 { padding-top: 140px !important; }
.pt-150 { padding-top: 150px !important; }

/*************************
   Padding right
*************************/

/*.pr-0 { padding-right: 0!important }*/
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-110 { padding-right: 110px !important; }
.pr-120 { padding-right: 120px !important; }
.pr-130 { padding-right: 130px !important; }
.pr-140 { padding-right: 140px !important; }

/*************************
   Padding bottom
*************************/

/*.pb-0 { padding-bottom: 0!important }*/
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-130 { padding-bottom: 130px !important; }
.pb-140 { padding-bottom: 140px !important; }
.pb-150 { padding-bottom: 150px !important; }

/*************************
   Padding left
*************************/

/*.pl-0 { padding-left: 0!important }*/
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }
.pl-110 { padding-left: 110px !important; }
.pl-120 { padding-left: 120px !important; }
.pl-130 { padding-left: 130px !important; }
.pl-140 { padding-left: 140px !important; }
.pl-150 { padding-left: 150px !important; }

/*min height*/
.min-h-200 { min-height: 200px; }
.min-h-230 { min-height: 230px; }
.min-h-260 { min-height: 260px; }
.min-h-290 { min-height: 290px; }
.min-h-320 { min-height: 320px; }
.min-h-350 { min-height: 350px; }
.min-h-380 { min-height: 380px; }
.min-h-410 { min-height: 410px; }
.min-h-440 { min-height: 440px; }
.min-h-470 { min-height: 470px; }
.min-h-500 { min-height: 500px; }
.min-h-550 { min-height: 550px; }

/*max height*/
.max-h-200 { max-height: 200px; }
.max-h-230 { max-height: 230px; }
.max-h-260 { max-height: 260px; }
.max-h-290 { max-height: 290px; }
.max-h-320 { max-height: 320px; }
.max-h-350 { max-height: 350px; }
.max-h-380 { max-height: 380px; }
.max-h-410 { max-height: 410px; }
.max-h-440 { max-height: 440px; }
.max-h-470 { max-height: 470px; }
.max-h-500 { max-height: 500px; }
.max-h-550 { max-height: 550px; }

/*----------------------------------------------*/
.default { background: transparent; z-index: 9999; position: absolute; width: 100%; }



/*************************************
         Background  
**************************************/

/*images background*/
.white-bg { background: #fff; }
.gray-bg { background: #f7f7f7; }
.dark-gray-bg { background: #666666; }
.theme-bg { background: #ef1404; }
.black-bg { background: #323232; }
.dark-theme-bg { background: #050801; }

 .bg-overlay-black-10:before {  background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-30:before {  background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-40:before {  background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-60:before {  background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-10:before {  background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-30:before {  background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-40:before {  background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-60:before {  background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-80:before {  background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-theme-20:before {  background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-theme-50:before {  background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-theme-70:before {  background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-theme-90:before {  background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90 { position: relative; }


/*mega-menu */
header{z-index: 99!important;}
header .navbar {z-index: 1000!important;}
.mega-menu .menu-logo { padding: 10px 0 10px; margin-left: -10px; }
.mega-menu .menu-logo img { display: inline-block; margin-right: 20px;width:213px; height: 55px; }
.mega-menu .menu-logo img.logo-slogan { display: inline-block; vertical-align: middle; height: 53px; }
.mega-menu .menu-logo > li > a { width: auto; vertical-align: bottom; float: none; }
.mega-menu .drop-down-multilevel.right-menu { right: 0px; }
.mega-menu > section.menu-list-items { padding: 0; }
.mega-menu .menu-links > li > a {     padding: 0 20px;/*text-transform: uppercase;*/ font-size: 18px; font-weight: 500; line-height: 20px; }
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
.mega-menu .menu-links > li.active .drop-down li.active a { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down a:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down li.active a i { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down a i:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #5d9f02; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5d9f02; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #5d9f02; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #5d9f02; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #5d9f02; }
.mega-menu .row { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; }
.mega-menu.desktopTopFixed .menu-logo { padding: 0px; }
.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { display: inline-block; margin: 5px 20px; width:213px!important;height: 55px; width: auto; }
.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img.logo-slogan { display: none; }
.mega-menu .badge { color: #ffffff; }
.mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #fafafa; }
.mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; }
/*header menu*/
.menu.light .mega-menu > section.menu-list-items{background: #fff!important;    
    -webkit-box-shadow: 0 0 5px 1px rgba(150,150,150,0.2);
    -moz-box-shadow: 0 0 5px 1px rgba(150,150,150,0.2);
    box-shadow: 0 0 5px 1px rgba(150,150,150,0.2) }
.menu.light .mega-menu { min-height: auto!important;}
.menu.light .mega-menu .menu-links > li > a { color: #000000!important; }
.menu.light .mega-menu .menu-links > li > a:hover { color: #e71a0f!important; } 
.menu.light .mega-menu .menu-links > li.active > a { color: #e71a0f!important; }




/*************************************
section
 **************************************/
section { padding: 146px 0 0 0; }
section .main { background: none; }
section.minSize { padding: 0px 0 0 0 !important; }
/*************************************
         slider  
**************************************/
.rev-slider { overflow: hidden; position: relative; }
.slotholder { filter: none !important; }
.tp-half-one { opacity: 1 !important; visibility: visible !important; transform: inherit !important; }

.hermes.tp-bullets{}
.hermes .tp-bullet{overflow:hidden;  border-radius:50%;  width:16px;  height:16px;  background-color:rgba(0,0,0,0);  box-shadow:inset 0 0 0 2px rgb(204,204,204);  -webkit-transition:background 0.3s ease;  transition:background 0.3s ease;  position:absolute}.hermes .tp-bullet:hover{background-color:rgba(0,0,0,0.21)}.hermes .tp-bullet:after{content:' '; position:absolute; bottom:0; height:0; left:0; width:100%; background-color:rgb(204,204,204); box-shadow:0 0 1px rgb(204,204,204); -webkit-transition:height 0.3s ease; transition:height 0.3s ease}.hermes .tp-bullet.selected:after{height:100%}
#main-slider .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}
#main-slider .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}
#main-slider .uranus.tparrows:hover:before{opacity:0.75}
.hermes.tp-bullets{}.hermes .tp-bullet{overflow:hidden;  border-radius:50%;  width:18px;  height:18px;  background-color:#fff;  box-shadow:inset 0 0 0 2px rgb(255,255,255);  -webkit-transition:background 0.3s ease;  transition:background 0.3s ease;  position:absolute;border:3px solid #000;}
.hermes .tp-bullet:hover{background-color:rgba(0,0,0,0.21)}
.hermes .tp-bullet:after{content:' '; position:absolute; bottom:0; height:0; left:0; width:100%; background-color:#e3518d; box-shadow:0 0 1px #e3518d; -webkit-transition:height 0.3s ease; transition:height 0.3s ease}
.hermes .tp-bullet.selected:after{height:100%}


/*************************************
         movie
**************************************/
.MovieSet { height: 640px; position: relative; margin-top: 2px; z-index: 1!important;}
.MovieSet{background: url(../img/unity/video-cover.jpg) no-repeat center center; background-size: cover;}
.youtube-video { margin-top: -230px; }
.videoplay-btn { position: absolute; z-index: 50; top: 0; left: 50%; margin-left: -117px;    margin-top: 70px; }

/*bgcolor*/
.pattern-white { background: url(../img/unity/bg01.png) no-repeat center bottom; }
.pattern-yellow { background: url(../img/unity/bg02.png) no-repeat center bottom; }
.pattern-wood { background: url(../img/unity/bg03.png) no-repeat center bottom; }
.pattern-pink { background: url(../img/unity/bg04.png) no-repeat center bottom; }

/*************************************
         Intro
**************************************/
.IntroSet { position: relative; z-index: 50; }
.bgIntro { background: url(../img/unity/bg-deco.png) no-repeat center center; }
.margintop { margin-top: -170px !important; min-height: 700px; }
.paddingtop { padding-top: 200px !important; }
.paddingbottom { padding-bottom: 150px !important; }
.IntroSet .paddingtop { padding-top: 40px !important; }
.IntroSet.margintop { margin-top: 0px !important; min-height: 700px; }

/*************************************
         FeatureSet
**************************************/
.FeatureSet { position: relative; z-index: 45; }
.FeatureSet .paddingtop {    padding-top:60px !important;}
.FeatureSet .feature-info h3 { font-size: 1.8rem; color: #000; }
.FeatureSet .feature-info p { font-size: 1.3rem; color: #000; }

/*************************************
         SpecSet
**************************************/
.SpecSet { position: relative; z-index: 40; }
.SpecSet .section-title h3 { margin-bottom: 20px; border-bottom: 1px solid #000; padding-bottom: 20px }
.SpecSet .section-title h3 { font-size: 3rem; font-weight: 400; }
.SpecSet .speclist { border-left: 1px solid #000; padding-left: 20px; margin-left: 0px }
.SpecSet .speclist li { font-size: 1.4rem; line-height: 2.3em; font-weight: 400; }
.SpecSet p { font-size: 1.35rem; color: #000; line-height: 1.7em; }
.price { font-size: 1.8em; display: inline-block; padding: 0 5px; }
.SpecSet .paddingtop {    padding-top:60px !important;}

/*************************************
         ButtonSet
**************************************/
.ButtonSet { position: relative; z-index: 35; }
#ButtonSet .paddingtop {
    padding-top: 170px !important;
}
/*************************************
         HowtoSet
**************************************/
.HowtoSet { position: relative; z-index: 30; }
.HowtoSet .col-lg-3 .feature-icon:after { content: ""; background: url(../img/unity/dot.png); width: 152px; height: 36px; display: inline-block; position: absolute; right: -70px; top: 50%; }
.HowtoSet .col-lg-3:last-child .feature-icon:after { display: none; }
.HowtoSet .paddingtop {    padding-top:60px !important;}
/*************************************
         BannerSet
**************************************/
.BannerSet { position: relative; z-index: 25; }
.BannerSet .paddingtop {    padding-top:60px !important;}
/*************************************
         AppSet
**************************************/
.AppSet { position: relative; z-index: 20; background: #fff }
.AppSet .paddingtop { padding-top:0px !important; }
.backtop { z-index: 100 !important; }

/*pagespt*/
/*.pagespot{
  position: absolute; display: inline-block; width: 20px; height: 20px;
  left:0; z-index: 10000; bottom:-150px;
}
#SpecSet .pagespot{bottom:50px;} */

.backtop {
    right: 5px;
    bottom: 20px;
}
/*************************************
        responsive 
**************************************/

@media (min-width:992px) {
  .menu.light .mega-menu { min-height: 90px; }
  .mega-menu > section.menu-list-items { float: none; }
  .mega-menu > section.menu-list-items > .container, .mega-menu > section.menu-list-items > .container > .row, .mega-menu > section.menu-list-items > .container > .row > div { height: 100%; }
  .mega-menu > section.menu-list-items .menu-bar { height: 100%; }
  .mega-menu > section.menu-list-items .menu-bar > ul { display: table !important; height: 100%; }
  .mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: middle; float: none; }
  .mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; }
  .mega-menu > section.menu-list-items .search-cart { height: 100%; }
  .mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; }
  .mega-menu > section.menu-list-items > .container-fluid, .mega-menu > section.menu-list-items > .container-fluid > .row, .mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; }
  .mega-menu.desktopTopFixed .menu-list-items{height:65px!important; top: inherit!important;}

  .mega-menu.desktopTopFixed{z-index: 999;}
}
@media(max-width:1366px) {

.mega-menu .menu-logo { margin-left: 10px; }
.MovieSet { height: 470px; }
.youtube-video { margin-top: -230px; }
}
@media(max-width:1024px) {
section { padding: 150px 0 0 0; }
.MovieSet { background-size: cover !important; }
.SpecSet { position: relative; z-index: 40; min-height: 780px; }
.SpecSet .paddingtop.mb-50 { margin-bottom: 30px !important; }
.SpecSet .speclist li { font-size: 1.3rem; line-height: 1.6em; font-weight: 400; white-space: nowrap; }
.HowtoSet .feature-icon img, .ButtonSet .feature-icon img { width: 100%; }
section { padding: 138px 0 0 0; }
.AppSet { min-height: 500px; }


}
@media(max-width:991px) {
section { padding: 130px 0 0 0; }
.menu-bar { float: none; }
.mega-menu .menu-links > li > a { line-height: normal; }
.mega-menu .menu-mobile-collapse-trigger { height: 40px; top: 47%; transform: translateY(-50%); z-index: 9999; right: 20px; }
.mega-menu { min-height: 60px; }
.mega-menu .menu-logo > li > a { padding: 0; }
.mega-menu .menu-links > li
.mega-menu .menu-logo { padding: 3px 5px; margin-left: 0px; }
.mega-menu .menu-logo img { height: 45px !important; margin: 0px 0; }
.mega-menu .menu-links { overflow: auto; padding: 10px 10px 10px 10px; margin-top: 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; display: block !important; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; }
.mega-menu .menu-links > li > a { line-height: normal; padding: 20px 20px; }
.mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; }
.mega-menu .drop-down-multilevel a { display: block; }
.mega-menu .mobileTriggerButton { z-index: 1; }
.mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; }
.menu.light .mega-menu .menu-mobile-collapse-trigger:before, .menu.light .mega-menu .menu-mobile-collapse-trigger:after, .menu.light .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
.menu.logo-center .mega-menu { min-height: 60px; }
.mega-menu .menu-logo img.logo-slogan { display: none; }
.mega-menu .menu-logo { margin-left: 0px;     padding: 5px 0px 7px 0px;}
header .navbar .navMobile { display: none; }
.FeatureSet .feature-icon img, .SpecSet img.img-fluid { width: 100% !important; max-width: auto !important; }
.BannerSet { position: relative; z-index: 25; min-height: 500px; }
.AppSet { min-height: 400px; }
.AppSet .col-xl-4 img { width: 99% !important; }
.AppSet .section-title img { width: 80% !important; }
.AppSet .col-6.col-xs-8.mt-30.pt-50 { padding-top: 20px !important; }

}

@media(max-width:480px) {
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.pattern-yellow { background: url(../img/unity/bg02-s.png) no-repeat center bottom; }
.pattern-wood { background: url(../img/unity/bg03-s.png) no-repeat center bottom; }
.IntroSet .headline img { width: 80% !important; }
.IntroSet .action-box-button img { width: 100% !important; }
.IntroSet .paddingtop { padding-top: 20px !important; }
.IntroSet h4 { font-size: 17px; line-height: 1.8em !important; padding: 0 20px; }
.IntroSet h4 .deco{height:30px;}
.SpecSet .speclist { padding-left: 5px; }
.SpecSet .speclist .col-sm-3.col-xs-3.col-xx-3 { flex: 0 0 25%; max-width: 25%; }
.SpecSet .speclist .col-sm-9.col-xs-9.col-xx-9 { flex: 0 0 45%; max-width: 45%; }
.FeatureSet .section-title img, .SpecSet .section-title img, .ButtonSet .section-title img, .HowtoSet .section-title img { width: 100% !important; }
.FeatureSet .feature-icon img{ width: 65% !important; max-width: 80% !important; }
.HowtoSet .feature-icon img { width: 80% !important; max-width: 80% !important; }
.FeatureSet .feature-info h3 {    font-size: 1.65rem;}
.SpecSet img.img-fluid { width: 85% !important; max-width: auto !important; margin: 0 auto; }
.SpecSet .col-lg-6.col-sm-5 { text-align: center; }
.SpecSet .col-lg-5.col-sm-6 { padding-right: 20px; padding-left: 20px; }
.SpecSet .container .row:last-child{padding-bottom: 150px;}


.FeatureSet .margintop { min-height: 1300px; }
.SpecSet .specfooter { padding-bottom: 130px !important; }
.HowtoSet .col-lg-3 .feature-icon:after { display: none; }
.BannerSet .row { padding-left: 30px; padding-right: 30px; }
.ButtonSet .col-4 { flex: 0 0 100%; max-width: 100%; padding-left: 5%; padding-right: 5%; }
.ButtonSet .paddingbottom { padding-bottom: 100px !important; }
.AppSet .col-6.col-xs-8.mt-30.pt-50 { width: 100% !important; flex: 0 0 100%; max-width: 100%; }
.AppSet .col-xl-4 img { width: 100% !important;    height: 45px; }
.AppSet .section-title img { width: 80% !important;     margin-left: 0px !important;}
.AppSet .col-6.col-xs-4 img { width: 150% !important; max-width: 150%; }
.AppSet .col-xl-4.col-6 { flex: 0 0 50%; max-width: 50%; }


.view-video img { width: 75%; }
.SpecSet .speclist li { font-size: 1.2rem; line-height: 1.6em; font-weight: 400; white-space: nowrap; }
.pagespot { bottom: 100px; }
#SpecSet .pagespot{bottom:0px;} 
.tparrows { }
.tparrows:before { color: transparent !important; }
.tp-leftarrow { transform: matrix(1, 0, 0, 1, 0, -25) !important; }
.tp-rightarrow { transform: matrix(1, 0, 0, 1, -50, -25) !important; }

.mega-menu .menu-logo{display: none;}
.mega-menu .menu-mobile-collapse-trigger{display: none!important;}
.mega-menu .menu-links{display: block!important;}
.mega-menu .menu-links {    padding: 5px 0px 0px 0px;}
.mega-menu .menu-links > li{width: 24%; display: inline-block!important; float:left}
.mega-menu .menu-links > li > a{width:100%; display: block;    text-align: center; padding:17px 2px;    font-size: 1.25rem;}

.FeatureSet .paddingtop {    padding-top:50px !important;}
.SpecSet .paddingtop,.BannerSet .paddingtop,
.HowtoSet .paddingtop {    padding-top: 50px !important;}
.AppSet .paddingtop {    padding-top:0px !important;}
}
footer .searchrevampbox .searchbox {
	height:33px !important;
}
.youtube-video { display: none !important; }
.MovieSet { background: url(../img/unity/video-cover-m.jpg) no-repeat center center; background-size: cover; }



@media(max-width:380px) {
.mega-menu .menu-links > li > a{width:100%; display: block;    text-align: center; padding:17px 2px;    font-size: 1.15rem;}
}