@charset "utf-8";
/* -------------------------------------------- */
/*             TABLE OF CONTENTS
/* -------------------------------------------- */
/*  01 	-	Font Face							*/
/*  02 	-	Css Reset							*/
/*  03 	-	Document Setup	       				*/
/*  04 	-	Header Style Start					*/
/*	05	-	Logo & Navigation					*/
/*	06	-	Revulation Secion End				*/
/*	07	-	Services Secion End					*/
/*	08	-	Portfolio Secion End				*/
/*	09	-	Feature Secion End					*/
/*	10	-	LatestPost Secion End				*/
/*	11	-	Testimonials Secion End				*/
/*	12	-	OurClient Secion End				*/
/*	13	-	Newslater Secion End				*/
/*	14	-	GoogleMap Section End				*/
/*	15	-	Footer Section End					*/
/*	16	-	Footer Bottom Section End			*/
/*	17	-	GoBackTop Section End				*/
/*	18	-	Home2 Page End						*/
/*	19	-	Home3 Page End						*/
/*	20	-	Home4 Page End						*/
/*	21	-	Home5 Page End						*/
/*	22	-	Home6 Page End						*/
/*	23	-	Home7 Page End						*/
/*	24	-	Home8 Page End						*/
/*	25	-	Home9 Page End						*/
/*	26	-	AboutUs page End					*/
/*	27	-	Portfolio 2col Page End				*/
/*	28	-	Portfolio 4col Page End				*/
/*	29	-	Portfolio Single2 Page End			*/
/*	30	-	Portfolio Single Page End			*/
/*	31	-	404Error Page End					*/
/*	32	-	PricingTable Page End				*/
/*	33	-	Blog Page End						*/
/*	34	-	Blog FullWidth Page End					*/
/*	35	-	Services Page End					*/
/*	36	-	Elements Page End					*/
/*	37	-	Contact Page End					*/
/*	38	-	IconSection End						*/
/*	39	-	Header Version 1 End				*/
/*	40	-	Header Version 2 End				*/
/*	41	-	Header Version 3 End				*/
/*	42	-	Header Version 4 End				*/
/*	43	-	Header Version 5 End				*/
/*	44	-	Color Chosser End					*/
/*----------------------------------------------------
1. Font Face
------------------------------------------------------*/
/*----------------------------------------------------
2. CSS Reset
------------------------------------------------------*/
* { padding: 0; margin: 0; }
body { color: #7e8082; font-family: 'Noto Sans TC', Open Sans, 'sans-serif'; font-weight: 400; position: relative; background: #fff; width: 100%; height: 100%; margin: 0px; padding: 0px; outline: 0px; overflow-x: hidden; line-height: normal; }
a { text-decoration: none; color: #7e8082; outline: none; }
a:hover, a:focus { color: #4cc1d3; text-decoration: none; }
img { max-width: 100%; }
/* Fontello */
/*----------------------------------------------------
3. Document Setup
------------------------------------------------------*/
p { font-size: 15px; line-height: 18px; font-weight: lighter; margin: 0px; color: #7e8082; }
h1 { font-family: 'Noto Sans TC'; font-size: 90px; line-height: 76px; font-weight: lighter; margin: 0px; }
h2 { font-family: 'Noto Sans TC'; font-size: 72px; color: #ffffff; line-height: 57px; font-weight: lighter; text-transform: uppercase; margin: 0px; }
h3 { font-family: 'Noto Sans TC'; font-size: 27px; line-height: 30px; font-weight: lighter; margin: 0px; }
h4 { font-family: 'Noto Sans TC'; font-size: 21px; line-height: 24px; color: #fff; font-weight: lighter; margin: 0px; }
h5 { font-family: 'Noto Sans TC'; font-size: 16px; line-height: 24px; color: #fff; font-weight: 400; margin: 0px; }
.heading h1 { font-family: 'Noto Sans TC'; font-size: 52px; line-height: 30px; color: #fff; font-weight: lighter; text-transform: uppercase; }
.heading h2 { font-family: 'Noto Sans TC'; font-size: 24px; line-height: 30px; font-weight: normal; text-transform: uppercase; }
.heading h3 { font-family: 'Noto Sans TC'; font-size: 20px; line-height: 30px; font-weight: lighter; text-transform: uppercase; }
.heading h4 { font-family: Oswald 'sans-serif'; font-size: 18px; line-height: 30px; font-weight: lighter; text-transform: uppercase; }
.font-color { color: #4cc1d3; }
.skype-bg { background: #00c2d6; }
.yellow-bg { background: #ffeb01; }
.white-bg { background: #fff; }
.black-bg { background: #565a60; }
.nvbule-bg { background: #4f575e; }
.Offgray-bg { background: #ecedef; }
.clear { clear: both; }
.ndheight { height: 40px; clear: both; }
.addPadding { padding: 20px 0px; }
.add-Padding { padding-top: 20px; }
.ndnwdrak { color: #6f6f73; }
/*----------------------------------------------------
4. Header Style Start
------------------------------------------------------*/
.header { background: transparent; position: absolute; width: 100%; height: 95px; top: 0px; left: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); z-index: 999999; }
.headerStyle { background: #636a71; position: relative; }
.header .scrollHeaderWrapper { height: 95px; }
.header + .offset { display: none; }
.header.fixedHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 100000000; background: rgba(99, 106, 113, 0.9); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.header.fixedHeader + .offset { display: block; }
/* --- logo --------------------- */
.logo a { color: #fff; }
.navbar-brand { font-size: 26px; line-height: 32px; text-transform: uppercase; color: #fff; padding: 0px; padding-top: 43px; font-family: 'Noto Sans TC'; }
.header.fixedHeader .navbar-brand { padding-top: 0px; }
.header.fixedHeader .mainNav .navTabs li a { padding: 24px 22px 23px; }
.header.fixedHeader .mainNav .navTabs li .dropDown li a { padding: 15px; }
.header.fixedHeader { height: 70px; }
.header.fixedHeader .mainNav .navTabs li .dropDown { top: 66px; }
.header.fixedHeader .largefont { }
.ndsliderth-bg.caption img:hover { -webkit-transform: scale(0.95) rotate(10deg); -moz-transform: scale(0.95) rotate(10deg); -ms-transform: scale(0.95) rotate(10deg); -o-transform: scale(0.95) rotate(10deg); transform: scale(0.95) rotate(10deg); transition-timing-function: linear; -webkit-transition-timing-function: linear; -webkit-transition-duration: 0.5s; /* Safari */ transition-duration: 0.5s; cursor: pointer; }
/* --- mainNav --------------------- */
.logo { width: auto; }
.mainMenu { width: auto; }
.skills li { width: 100%; height: 30px; background: red; }
.skills li .expand { background: green; }
.mainNav { float: right; }
.header.fixedHeader { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.mainNav .navTabs > li { float: left; position: relative; list-style: none; }
.mainNav .navTabs > li > a, .mainNav .navTabs > li > button { display: block; line-height: 18px; text-align: center; color: #d0d0d0; font-size: 14px; font-weight: normal; font-family: 'Noto Sans TC'; padding: 53px 22px 23px; text-transform: uppercase; }
.mainNav .navTabs > li .active { color: #ffffff; border-bottom: 1px solid #4cc1d3; }
.mainNav .navTabs > li .menuArrow { display: inline-block; line-height: 33px; float: right; }
.mainNav .navTabs > li .dropDown { position: absolute; z-index: 100000000000; left: 0px; top: 95px; width: 160px; background-color: #c8cacd; display: none; border-bottom: 1px solid rgba(105, 116, 123, 0.21); -webkit-box-shadow: 4px 4px 5px 0px rgba(65, 65, 70, 0.53); -moz-box-shadow: 4px 4px 5px 0px rgba(65, 65, 70, 0.53); box-shadow: 4px 4px 5px 0px rgba(65, 65, 70, 0.53); }
.mainNav .navTabs > li .dropDown li { position: relative; }
.mainNav .navTabs > li .dropDown li a, .mainNav .navTabs > li .dropDown li > button { display: block; white-space: nowrap; color: #7a7b7d; text-align: left; width: 100%; overflow: hidden; font-size: 12px; font-weight: normal; font-family: Open Sans, 'sans-serif'; height: 43px; line-height: 18px; padding: 15px; border-bottom: 1px solid rgba(105, 116, 123, 0.21); }
.mainNav .navTabs > li .dropDown li .active { color: #ffffff; }
.mainNav .navTabs > li .dropDown li .dropDown { position: absolute; z-index: 100000000000; left: 100%; top: 0px; min-width: 160px; overflow: hidden; }
.mainNav .navTabs > li .dropDown li:hover > a, .mainNav .navTabs > li .dropDown li:hover > button { color: #ffffff; }
.mainNav .navTabs > li:hover .dropDown { display: block; animation-name: slideUpSlow; -webkit-animation-name: slideUpSlow; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; line-height: 40px; }
.mainNav .navTabs > li:hover .dropDown .dropDown { display: none; }
.mainNav .navTabs > li:hover .dropDown li:hover .dropDown { display: block; animation-name: slideLeftSlow; -webkit-animation-name: slideLeftSlow; }
.mainNav .navTabs > li:hover > a, .mainNav .navTabs > li:hover > button { color: #ffffff; border-bottom: 1px solid #4cc1d3; }
.navTabs li { list-style: none; }
.mainNav .navTabs > li .formWrapper { padding: 20px; overflow: hidden; }
.mainNav .navTabs > li .formWrapper form input { width: 100%; padding: 13px 20px; margin-bottom: 20px; }
.mainNav .navTabs > li .formWrapper form input:focus { border-color: #ff6b6b; }
.mainNav .navTabs > li .formWrapper form button { width: 100%; color: #ffffff; font-size: 15px; font-weight: 700; padding: 13px 20px; margin-top: 10px; }
/* --- responsiveMainNav --------------------- */
#responsiveMainNavToggler { padding: 0; height: 33px; width: 33px; text-align: center; line-height: 33px; margin-top: 30px; margin-bottom: 1px; font-size: 18px; overflow: hidden; margin-right: 15px; font-family: 'Noto Sans TC'; float: right; display: none; background: #4cc1d3; color: #fff; }
#responsiveMainNavToggler.opened { background-color: #4cc1d3; color: #ffffff; }
.responsiveMainNav { padding: 0 15px; margin-bottom: 30px; position: relative; display: none; z-index: 99; }
.responsiveMainNav > ul.navTabs > li a, .responsiveMainNav > ul.navTabs > li > button { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px; background-color: #c8cacd; color: #7a7b7d; border-bottom: 1px solid rgba(105, 116, 123, 0.21); text-align: left; font-weight: lighter; }
.responsiveMainNav > ul.navTabs > li a:hover, .responsiveMainNav > ul.navTabs > li > button:hover { background-color: #4cc1d3; color: #ffffff; }
.responsiveMainNav > ul.navTabs > li a:hover:after, .responsiveMainNav > ul.navTabs > li > button:hover:after { color: #ffffff !important; }
.responsiveMainNav > ul.navTabs > li a.toggleResponsive:after, .responsiveMainNav > ul.navTabs > li > button.toggleResponsive:after { content: '+'; font-family: 'Noto Sans TC'; float: right; color: #21242e; font-size: 17px; font-weight: 700; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.responsiveMainNav > ul.navTabs > li .toggleResponsive.activeLine { background-color: #4cc1d3; color: #ffffff; }
.responsiveMainNav > ul.navTabs > li .toggleResponsive.activeLine:after { content: '-'; font-family: 'Noto Sans TC'; float: right; color: #ffffff; font-size: 17px; font-weight: lighter; }
.responsiveMainNav > ul.navTabs > li .active { color: #ffffff; }
.responsiveMainNav > ul.navTabs > li .active:after { color: #ffffff !important; }
.responsiveMainNav > ul.navTabs > li .dropDown { display: none; }
.responsiveMainNav > ul.navTabs > li .dropDown li a { padding: 0 30px; }
.responsiveMainNav > ul.navTabs > li .dropDown li a:before { content: '-'; font-family: Open Sans, 'sans-serif'; font-weight: 700; margin-right: 5px; }
.responsiveMainNav > ul.navTabs > li .dropDown li .dropDown li a { padding: 0 45px; }
/*----------------------------------------------------
5. Navigation&Logo Sectin End
------------------------------------------------------*/
.pattern { background: url('../images/parrent.png') repeat; position: absolute; width: 100%; height: 100%; z-index: 1; }
.tp-bannertimer { display: none; }
.tp-leftarrow.default { background: url(../images/left-arrow.png) no-repeat 0!important; margin-left: 25px; }
.tp-rightarrow.default { background: url(../images/right-arrow.png) no-repeat 0!important; }
.nd_rv_slider .bullet { background: rgba(255, 255, 255, 0.5); width: 30px; height: 4px; display: inline-block; margin-right: 4px; }
.nd_rv_slider .bullet.selected { background: #fff; width: 30px; height: 4px; display: inline-block; }
.tp-bullets.hidebullets { opacity: 1!important; }
/*----------------------------------------------------
6. Revulation Secion End
------------------------------------------------------*/
.ndservice-item .heading h2 { margin-top: 20px; line-height: 40px; }
.ndservice-item .heading p { color: #fff; font-size: 12px; line-height: 18px; font-weight: normal; }
#ndservices { padding: 30px 0px 26px; }
.ndft-line { height: 25px; width: 2px; background: #fff; position: absolute; float: right; margin-left: 53px; margin-top: -4px; }
.ndft-linetw { height: 25px; width: 2px; background: #fff; position: absolute; float: right; margin-left: 38px; margin-top: -4px; }
.feature-left { padding-right: 15px; }
.feature-right { padding-left: 23px; }
/*----------------------------------------------------
7. Services Secion End
------------------------------------------------------*/
.ndprotfolio { color: #242424; overflow: hidden; padding-top: 40px; padding-bottom: 50px; }
.ndprotfolio .heading h2 { color: #6f6f73; line-height: 22px; }
.view-all { color: #7e8082; font-family: 'Noto Sans TC'; font-size: 12px; text-transform: uppercase; float: right; position: relative; top: -8px; line-height: 1; margin: 0px; padding: 0px; }
.view-all a { text-decoration: none; position: relative; top: 3px; }
.view-all i { color: #a4a4a4; font-size: 18px; background: #d7d9dc; border-radius: 50%; margin-left: 5px; padding: 8px; -webkit-animation: paused!important; /* Chrome, Safari, Opera */ animation-play-state: paused; }
.view-all a:hover i { color: #fff; background: #4cc1d3; }
.ndprotfolio .protBox { padding-top: 85px; padding-bottom: 90px; position: relative; }
.ndprotfolio .heading p { padding-bottom: 10px; }
.ndprotfolio h4 { font-weight: 700; }
.portfolioFilter { display: block; text-align: center; margin: 0px; line-height: 1; margin-top: -8px; }
.portfolioFilter ul { margin: 0 auto; text-align: start; display: block; margin-bottom: 19px; float: left; }
.portfolioFilter ul li { display: inline-block; }
.portfolioFilter ul li a { padding: 10px 15px; font-size: 12px; line-height: 15px; font-family: 'Noto Sans TC'; font-weight: normal; color: #75777a; text-transform: uppercase; display: block; text-decoration: none; border-right: none; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
.row-fulid { margin-left: -10px; margin-right: -10px; }
.nd-portpagination2 { margin-top: 20px; }
.portfolioFilter ul li a:hover { background-color: #d7d9dc; color: #979ca1; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
.portfolioFilter ul li a.current { background-color: #d7d9dc; color: #75777a; }
ul.portfolioContainer { display: block; padding: 0px; margin-bottom: 0; list-style-type: none; }
ul.portfolioContainer li { display: block; /*min-height:205px;*/ padding: 0px 10px; margin: 10px 0px; }
ul.portfolioContainer li .lightCon { display: block; margin: 0px; position: relative; overflow: hidden; }
.lightCon i { font-size: 18px; cursor: pointer; }
ul.portfolioContainer li img { width: 100% !important; display: block; height: auto; }
span.hoverBox { visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; background: rgba(0, 0, 0, 0.1); }
.lightCon:hover span.hoverBox { visibility: visible; left: 0px; bottom: 0px; background: rgba(71, 75, 84, 0.85); transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
.border-right { width: 1px; height: 80px; text-align: center; background: #878a8f; position: absolute; left: 60px; margin-top: -15px; }
span.hoverBox a { line-height: 54px; }
span.hoverBox .smallIcon { width: 120px; margin: 0px auto; position: absolute; top: 50%; left: 50%; margin-left: -60px; margin-top: -27px; }
span.hoverBox .zoom { visibility: hidden; width: 54px; height: 54px; color: #fff; position: relative; left: -180%; text-align: center; line-height: 50px; display: block; float: left; text-decoration: none; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -webkit-border-radius: 50%; border-radius: 50%; }
.lightCon:hover span.hoverBox .zoom { visibility: visible; left: 0; padding-top: 7px; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
span.hoverBox .linKed { visibility: hidden; width: 54px; height: 54px; color: #fff; position: relative; right: -180%; /*top:40%;*/ text-align: center; line-height: 52px; display: block; float: right; text-decoration: none; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -webkit-border-radius: 50%; border-radius: 50%; }
.lightCon:hover span.hoverBox .linKed { visibility: visible; right: 0%; padding-top: 7px; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.abc { position: absolute; width: 782px; height: auto; top: 20%; left: 0; right: 0; z-index: 99999; margin: 0 auto; }
.abc #pbImage { position: static !important; }
#pbCaption { display: block; background: none !important; }
#pbBottom { position: relative !important; left: 26.1% !important; bottom: 0px !important; width: 100% !important; margin-left: -26% !important; padding: 0px !important; height: 80px !important; display: block; background-color: rgba(24,27,34,1); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000);
}
#pbCloseBtn { position: absolute !important; }
/*----------------------------------------------------
8. Portfolio Secion End
------------------------------------------------------*/
#ndfeature { padding: 90px 0px 80px; }
#ndfeature .ndheight { height: 21px; }
.gray-bg { background-color: #c6c7c9; }
.fetaure-text { float: left; width: 70%; text-align: right; padding-left: 60px; }
.text-ftur { color: #ffffff; }
.fetaure-text p { font-weight: normal; font-size: 12px; line-height: 18px; color: rgba(255, 255, 255, 0.9); letter-spacing: -0.02em; padding-left: 25px; }
.fetaure-text2 { float: right; width: 80%; padding-left: 24px; padding-right: 25px; }
.featuretext-two, .featuretext-four { padding-top: 5px; }
.featuretext_icon { clear: both; }
.feature-left .feature-icon { width: 30%; float: right; text-align: center; }
.feature-right .feature-icon { width: 20%; float: left; text-align: center; }
.feature_ph { position: absolute; margin-top: -8%; margin-left: 27.9%; }
/*----------------------------------------------------
9. Feature Secion End
------------------------------------------------------*/
#ndlatestpost { padding: 36px 0px 21px; }
#ndlatestpost .owl-pagination { display: none; }
.latestpost h2 { color: #7e8082; margin-bottom: 20px; }
.post-title { position: absolute; margin-top: -43px; background: #fff; padding-top: 20px; padding-right: 20px; }
.post-title h4 { color: #6f6f73; font-family: 'Noto Sans TC'; font-weight: lighter; font-size: 18px; padding-bottom: 0px; }
.post-info { margin: 16px 0px 9px; font-size: 10px; font-family: 'Noto Sans TC' }
.post-info i { font-size: 12px; margin-right: 5px; }
.line-pp { margin: 0px; width: 65%; float: right; margin-top: 6px; border-top: 1px solid #e6e7e6; }
.read-more i { color: #a4a4a4; font-size: 18px; background: #d7d9dc; border-radius: 50%; margin-left: 5px; padding: 8px; -webkit-animation-play-state: paused!important; /* Chrome, Safari, Opera */ animation-play-state: paused; }
.readmore a:hover i { color: #fff; background: #4cc1d3; -webkit-animation: paused; /* Chrome, Safari, Opera */ -moz-animation: paused; -khtml-animation: paused; -o-animation: paused; }
.readmore a:hover { -webkit-animation: paused; -moz-animation: paused; -khtml-animation: paused; -o-animation: paused; }
/* .post-content-container {padding-right:10px;padding-left:10px;} */
.post-content-container p { color: #7e8082; font-size: 12px; padding-right: 2px; font-weight: normal; padding-bottom: 15px; }
.latest-post-owl .row { margin-left: -10px; margin-right: -10px; }
.read-more { color: #7e8082; font-size: 12px; margin-left: 10px; float: right; text-transform: uppercase; padding-bottom: 8px; }
#ndlatestpost .owl-buttons { position: absolute; top: -57px; right: 2px; }
#ndlatestpost .owl-theme .owl-controls .owl-buttons div { padding: 3px 15px!important; opacity: 1!important; background: #d7d9dc!important; color: #a4a4a4!important; }
#ndlatestpost .owl-buttons i { color: #a4a4a4!important; }
#ndlatestpost .owl-buttons .owl-prev { margin-left: -13px!important; position: absolute; border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
#ndlatestpost .owl-buttons .owl-next { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
#ndlatestpost .owl-buttons .owl-prev i:hover { color: #4cc1d3!important; }
#ndlatestpost .owl-buttons .owl-next i:hover { color: #4cc1d3!important; }
#owl-latest-post .col-sm-3 { width: 100%; padding-left: 10px; padding-right: 10px; }
/*----------------------------------------------------
10. LatestPost Secion End
------------------------------------------------------*/
#ndtestimonials { padding: 90px 0px 50px; }
#ndtestimonials .owl-controls { display: none!important; }
.item-right h3 { font-size: 16px; color: #6f6f73; font-weight: lighter; line-height: 24px; }
.item-right p { font-size: 16px; color: #6f6f73; font-family: 'Noto Sans TC'; font-weight: lighter; float: right; }
.company-name { color: #97979b; font-family: Oswald; }
.item-let { width: 8%; float: left; text-align: start!important; }
.item-let i { font-size: 27px; border: 1px solid #6f6f73; border-radius: 50%; padding: 10px; }
.item-right { width: 92%; float: right; }
/*----------------------------------------------------
11. Testimonials Secion End
------------------------------------------------------*/
#owl-OurClient { text-align: center; }
#ndOurClient { padding: 35px 0px 23px; }
#ndOurClient2 { padding: 54px 0px 44px; }
#ndOurClient .owl-pagination { display: none!important; }
.owl-clientimg img { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); opacity: 0.6; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.owl-clientimg img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); opacity: 1; }
/*----------------------------------------------------
12. OurClient Secion End
------------------------------------------------------*/
#ndnewslater { padding: 40px 0px 42px; }
.massage i { color: #fff; float: left; margin-right: 9px; text-align: start; margin-left: -8px; }
.massage h2 { padding-top: 10px; }
.massage img { float: left; margin-right: 10px; }
.subscribe-form { position: relative; }
.Sine-Up input { color: #afb5ba; padding: 14px 0px 13px 15px; width: 100%; height: 40px; font-size: 12px; font-family: 'Noto Sans TC'; font-weight: lighter; text-transform: uppercase; border-radius: 3px; box-shadow: none; border: 0px; }
.Sine-Up button { width: 85px; height: 38px; padding: 10px 22px; background: #00c2d6; color: #fff; border: 2px solid #f1f1f1; position: absolute; top: 1px; right: 1px; font-size: 12px; font-family: 'Noto Sans TC'; font-weight: lighter; text-transform: uppercase; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -khtml-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; cursor: pointer; border-radius: 3px; }
.Sine-Up button:hover { margin-right: 8px; background: #6f6f73; color: #fff; }
/*----------------------------------------------------
13. Newslater Secion End
------------------------------------------------------*/
.contact-map { height: 375px; background-color: #f0f0f0; }
/*----------------------------------------------------
14. GoogleMap Section End
------------------------------------------------------*/
#footer ul, ol { margin: 0px; }
.ftmin-height { height: 15px; clear: both; }
.footerbg-right { background-color: #636a71; }
.ndft-no-padding { padding: 0px; }
.footer-left { float: right; width: 62.5%; padding-top: 30px; }
.footer-right { padding-top: 30px; padding-bottom: 30px; width: 100%; float: left; background-color: #636a71; padding-left: 20px; }
.fotter-nopadd { padding: 0px; }
.footer-bg { background-color: #23272a; }
.texth1 { font-size: 48px; color: #fdfdfd; text-transform: uppercase; font-weight: lighter; line-height: 44px; padding-bottom: 25px; }
.head_ft { font-size: 24px; color: #ffffff; text-transform: uppercase; font-weight: lighter; line-height: normal; }
.social_sharenadea li { list-style: none; text-decoration: none; display: inline-block; height: 50px; width: 50px; border-radius: 50%; border: 2px solid #fff; padding: 12px 0px; text-align: center; }
.social_sharenadea li a { text-align: center; border-radius: 50%; background: transparent; padding: 12px; color: #fdfdfd; line-height: 25px; }
.social_sharenadea li:hover { background: #4cc1d3; }
.secbr { float: left; }
/*-- Footer LeftSection End--*/
.fthead { font-size: 24px; color: #ffffff; text-transform: uppercase; font-weight: lighter; line-height: 18px; padding-bottom: 25px; }
.ftblog_head a { font-size: 12px; color: #ffffff; font-family: Open San, sans-serif; line-height: 10px; font-weight: normal; }
.date-time { color: #d0d0d0; font-size: 11px; font-family: Open Sans, 'sans-serif'; padding-bottom: 0px; }
.ftblog_head a:hover { color: #4cc1d3; }
.nadea_recentposts img { margin-top: 10px; }
.nadea_recentposts li { clear: both; list-style: none; }
.nadea_recentposts li .text { float: right; width: 85%; }
/*-- Footer CenterSection End--*/
.bg-overlyft { width: 46%; height: 241px; background: #636a71; opacity: .9; position: absolute; left: 39%; }
.address .pull-left { margin-right: 15px; }
.nadea_ContInro p { font-size: 12px; line-height: 18px; padding-bottom: 28.5px; color: #fff; letter-spacing: -0.025em; }
.nadea_ContInro i { font-size: 18px; color: #fff; }
.mail-box { color: #fff; }
.address li { list-style: none; }
.address { font-size: 15px; }
/*-- Footer RightSection End--*/
.ftsocial { padding-top: 30px; }
/*----------------------------------------------------
15. Footer Section End
------------------------------------------------------*/
.footer-bottom { padding-top: 45px; padding-bottom: 35px; }
.footer-nav li { list-style: none; display: inline-block; padding-right: 10px; }
.footer-nav li a { color: #a1a1a1; font-size: 14px; font-family: 'Noto Sans TC'; font-weight: normal; text-decoration: none; text-transform: uppercase; }
.footer-nav li a:hover { color: #4cc1d3; }
/*-- Footer leftSide End--*/
.copywrite { color: #a1a1a1; font-size: 12px; line-height: 18px; font-weight: lighter; }
.dsauthor { color: #d0d0d0; }
/*----------------------------------------------------
16. Footer Bottom Section End
------------------------------------------------------*/
.go-up { position: fixed; width: 50px; height: 50px; line-height: 40px; font-size: 15px; right: -60px; bottom: 100px; cursor: pointer; text-align: center; z-index: 9999; background-color: #282b2e; }
.go-up:hover { background-color: #4cc1d3; }
.go-up { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
/*-- GoBackTop Section End --*/
/*----------------------------------------------------
. Home2 Page Start
------------------------------------------------------*/
.ndprotfolio2 { padding-bottom: 30px; padding-top: 40px; }
.ndservices .drak h2 { color: #484c55; }
.ndservices .drak p { color: #797a4d; font-weight: normal; }
/*------ Services Section End ----------*/
.ndfitlet-border { border: 2px solid #d7d9dc; width: 233px; }
/*---- LatestPost Section End -----*/
.item-right-white h3 { color: #e7e7e7; }
.item-right-white p { color: #ffffff; }
.item-right-white .company-name { color: #bebebe; }
/*---- Testimonials Section End -----*/
.massage-drak .massage h2 { color: #484c55; }
.drak-singup input { color: #75777a; background: #ffeb01; border: 2px solid #75777a; padding: 12px; }
.drak-singup ::-webkit-input-placeholder {
    color:#75777a;
}
.drak-singup ::-moz-placeholder {
    color:#75777a;
} /* firefox 19+ */
.drak-singup :-ms-input-placeholder {
    color:#75777a;
} /* ie */
.drak-singup input:-moz-placeholder {
    color:#75777a;
}
.drak-singup button { color: #ffeb01; background: #636a71; border: 0px; padding: 12px 24px; }
/*---- Newslater Section End -----*/
/*----------------------------------------------------
18. Home2 Section End
------------------------------------------------------*/
#services3 { position: relative; top: -200px; z-index: 999; }
.ftprallax-bg3 { background: url(../images/background/ftpralax-bg.jpg) no-repeat fixed; background-size: cover; background-attachment: fixed; }
.nsprallax-bg3 { background: url(../images/background/nsprallax-bg.jpg) no-repeat fixed; background-size: cover; }
#latestpost3 { padding-top: 93px; padding-bottom: 32px; }
.latestpost-three .heading h2 { color: #7e8082; font-size: 30px; line-height: 42px; margin-top: 2px; }
.ndtmfeat3 .heading h3 { line-height: 33px; padding-bottom: 3px; }
.ndtmfeat3 .ndheight { height: 25px; }
#latestpost3 .owl-theme .owl-controls { text-align: start; position: absolute; left: -33%; top: 37%; }
#owl-latest-post-home3 .owl-prev { background: url(../images/arrow-left3.png)0; background-repeat: no-repeat; height: 40px; color: transparent; padding: 0px!important; }
#owl-latest-post-home3 .owl-next { background: url(../images/arrow-right3.png)0; background-repeat: no-repeat; height: 40px; background-size: 23px; padding: 0px!important; color: transparent; }
ul.portfolioContainer3 { display: block; padding: 0px; margin-bottom: 0; list-style-type: none; }
ul.portfolioContainer3 li .lightCon { display: block; margin: 0px; position: relative; overflow: hidden; }
ul.portfolioContainer3 li { display: block; /* min-height: 205px; */ padding: 0px 10px; margin: 10px 0px; }
ul.portfolioContainer3 li img { width: 100%; }
ul.portfolioContainer3 .col-sm-3 { width: 100%; }
.ndrecentwork3 span.hoverBox .smallIcon { left: 66%; }
.ndprotfolio3 { padding: 52px 0px; }
.icon_plusnd { background: url(../images/rsplus-icon.png)no-repeat center; height: 55px; width: 55px; overflow: hidden; }
.feature_ph3 { margin-top: 10%; right: 0px; float: right; position: absolute; }
.tpmfeature3 { margin-bottom: 24px; }
.ndtmfeature3 .feature-right .feature-icon { width: 20%; margin-left: -2px; float: left; text-align: start; }
.ndtmfeature3 .feature-right { padding: 0px; }
.tpmfeature3 h2 { font-size: 30px; text-transform: uppercase; line-height: 72px; }
.fetaure-text2 p { font-size: 12px; line-height: 18px; font-weight: normal; color: rgba(255, 255, 255, 0.9); }
#owl-latest-post-home3 .col-sm-3 { width: 100%; padding-left: 10px; padding-right: 10px; }
/*-- Latest Post Section End--*/
.nd-abtitletemp h2 { font-size: 30px; font-family: 'Noto Sans TC'; font-weight: lighter; line-height: 17px; padding-bottom: 31px; }
.nd-abtitletemp p { color: rgba(255, 255, 255, 0.8); font-size: 12px; line-height: 18px; padding-bottom: 17px; font-weight: normal; padding-right: 29px; }
.ndabreadmr { margin-top: 17px; }
.abprallax-bg { background: url(../images/background/ab-prallax.jpg)no-repeat fixed; background-size: cover; background-attachment: fixed; padding-top: 4px; }
.button-ab { padding: 10px 25px; border: 2px solid #acadaf; color: #fff; font-size: 12px; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.Sine-Up-white input { height: 40px; padding: 14px 0px 13px 15px; width: 100%; font-size: 12px; font-family: 'Noto Sans TC'; font-weight: normal; text-transform: uppercase; border-radius: 3px; box-shadow: none; border: 2px solid #f1f1f1; color: #fff; background: transparent; letter-spacing: 0.001em; }
.Sine-Up-white button { width: 85px; height: 38px; color: #42454b; background: #f1f1f1; top: 1px; padding: 12px 24px; border: 0px; position: absolute; right: 1px; font-size: 12px; font-family: 'Noto Sans TC'; font-weight: lighter; text-transform: uppercase; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -khtml-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; cursor: pointer; border-radius: 3px; }
.Sine-Up-white ::-webkit-input-placeholder {
    color:#fff;
}
.Sine-Up-white ::-moz-placeholder {
    color:#fff;
} /* firefox 19+ */
.Sine-Up-white :-ms-input-placeholder {
    color:#fff;
} /* ie */
.Sine-Up-white input:-moz-placeholder {
    color:#fff;
}
.Sine-Up-white button:hover { margin-right: 8px; background: #fff; color: #42454b; }
/*----------------------------------------------------
19. Home3 Page End
------------------------------------------------------*/
.ndportfoliofilter4 ul li a.current { background: transparent; border: 2px solid #d7d9dc; }
.ndportfoliofilter4 ul li a:hover { background: transparent; border: 2px solid #d7d9dc; }
/*----------------------------------------------------
20. Home4 Section End
------------------------------------------------------*/
.nd-feature-1 { padding: 0px; }
.feature-holder { width: 73%; float: right; }
.test-row { width: 59%; float: left; background-color: #636a71; }
.nd-no-padding { padding: 0px; }
.test-holder { background-color: #636a71; }
.nd-feature-1 .ndserviceblIcon1 { min-height: 44px; min-width: 40px; background-size: 100%; }
.nd-feature-1 .ndserviceblIcon2 { min-height: 44px; min-width: 33px; background-size: 100%; }
.nd-feature-1 .ndserviceblIcon3 { min-height: 44px; min-width: 33px; background-size: 100%; }
.nd-feature-1 .ndserviceblIcon4 { min-height: 44px; min-width: 28px; background-size: 100%; }
.ndserbody { margin-top: 38px; }
.nd-featur-icon-holder { background: #ffeb01; text-align: center; padding-top: 38px; padding-bottom: 23px; }
.ndfticonholder { padding-bottom: 36px; }
#nd-testrgsidebar { padding-top: 38px; padding-bottom: 43px; }
.ndserIcon2 { margin-top: 80px; }
.ndserbody2 { margin-top: 20px; }
.ndserbody .heading h2 { color: #414146; }
.ndserbody .heading p { color: #7e8082; font-weight: normal; letter-spacing: -0.05em; }
/*-- servics section end--*/
.blquotes-bg { background: url("../images/background/quotes-bg.png"); background-position: 100%; background-size: 521px; background-repeat: no-repeat; }
.itemright2 h3 { font-size: 14px; line-height: 24px; color: #ffffff; font-family: Open Sans, 'sans-serif'; font-style: italic; font-weight: normal; }
.itemright2 p { font-size: 14px; line-height: 18px; color: #ffffff; font-family: Open Sans, 'sans-serif'; font-style: italic; font-weight: 700; float: right; }
.itemright2 .company-name { font-size: 14px; line-height: 18px; color: #b6babf; font-family: Open Sans, 'sans-serif'; font-weight: normal; }
.ndtesttitle { padding-left: 10px; }
.itemleft2 { width: 8%; float: left; margin-top: -11px; }
.itemright2 { width: 83%; float: right; }
.owl-ndtestmonial2 { padding-top: 30px; }
.itemleft2 .quotesIconwhite { background-size: 28px; }
#ndsertestmonial #nd-testrgsidebar .owl-theme .owl-controls { text-align: right; position: absolute; left: 76%; top: -33%; }
#owl-testimonials2 .owl-prev { background: url(../images/left-arrow.png)0; background-repeat: no-repeat; height: 40px; color: transparent; background-size: 22px; padding: 0px!important; opacity: 1; }
#owl-testimonials2 .owl-next { background: url(../images/right-arrow.png)0; background-repeat: no-repeat; height: 40px; background-size: 22px; padding: 0px!important; color: transparent; opacity: 1; }
.ndtwwidgetbg { background: #ebeced; }
.ndtwIcon { text-align: center; padding: 29px 0px; }
.ndtwIcon i { text-align: center; background: #fff; height: 67px; width: 67px; padding: 20px; border-radius: 50%; font-size: 28px; color: #d7d9dc; }
.ndtwIconbd { background: url("../images/background/twwdget-bg.jpg"); background-position: 0%; background-size: 433px; background-repeat: no-repeat; }
.twbody-content { padding: 30px 0px; }
.twbody-content p { color: black; font-size: 12px; line-height: 18px; font-family: Open Sans, 'sans-serif'; }
.twtitle { color: #7e8082; font-size: 12px; line-height: 18px; font-family: Open Sans, 'sans-serif'; text-transform: uppercase; font-weight: 500; }
.twdate { color: #7e8082; font-size: 12px; line-height: 18px; font-family: Open Sans, 'sans-serif'; float: right; }
/*-- twitter end --*/
.offgray-bg { background: #ebeced; }
#ndtmfeature2 { padding-top: 43px; padding-bottom: 39px; }
#ndtmfeature { padding-top: 51px; padding-bottom: 39px; }
.ndfttitle h2 { font-size: 30px; line-height: 38px; color: #6f6f73; text-transform: uppercase; text-align: center; margin-bottom: 10px; }
.ndfttitle p { font-size: 14px; color: #6f6f73; text-transform: uppercase; text-align: center; font-family: 'Noto Sans TC'; }
#timeline { list-style: none; position: relative; margin-top: 16px; }
#timeline .clearFix { clear: both; height: 0; }
.ndfetaure-text { text-align: start; padding-left: 46px; }
.ndfetaure { padding-right: 9px; }
.ndfetaure p { padding-left: 55px; }
.timeline-panel h3 { color: #6f6f73; font-size: 20px; line-height: 22px; padding-bottom: 8px; }
.timeline-panel p { color: #7e8082; font-weight: normal; }
#timeline .timeline-badge { color: #fff; width: 50px; height: 50px; font-size: 1.2em; text-align: center; position: absolute; top: 20px; left: 50%; margin-left: -40px; z-index: 999; }
.ndft-blline { height: 20px; width: 1px; background: #6f6f73; position: absolute; float: right; margin-left: 38px; margin-top: -3px; }
.ndft-bllinebt { height: 52px; width: 1px; background: #6f6f73; position: absolute; float: right; margin-left: 38px; margin-top: -6px; }
.ftbox { margin-top: 50px; }
.ftbox h3 { margin-top: 6px; }
.ndmarginredus { margin-top: -2px; }
#timeline .timeline-badge span.timeline-balloon-date-day { font-size: 1.4em; }
#timeline .timeline-badge span.timeline-balloon-date-month { font-size: .7em; position: relative; top: -10px; }
#timeline .timeline-badge.timeline-filter-movement { background-color: #ffffff; font-size: 1.7em; height: 35px; margin-left: -18px; width: 35px; top: 40px; }
#timeline .timeline-badge.timeline-filter-movement a span { color: #4997cd; font-size: 1.3em; top: -1px; }
#timeline .timeline-badge.timeline-future-movement { background-color: #ffffff; height: 35px; width: 35px; font-size: 1.7em; top: -16px; margin-left: -18px; }
#timeline .timeline-badge.timeline-future-movement a span { color: #4997cd; font-size: .9em; top: 2px; left: 1px; }
#timeline .timeline-movement { position: relative; }
#timeline .timeline-movement.timeline-movement-top { height: 60px; }
#timeline .timeline-movement .timeline-item { padding: 5px 0; }
#timeline .timeline-movement .timeline-item .timeline-panel { color: #666; padding: 10px; position: relative; text-align: right; margin-top: 10px; }
/*-- Feature Sectin End --*/
/*----------------------------------------------------
21. Home5 Page End
------------------------------------------------------*/
.ndprotfolio4 { overflow: hidden; padding-top: 40px; padding-bottom: 30px; }
.ndservicesbox-bg { padding: 43px 0px 34px; text-align: center; }
.servicesbox .boxIcon-bg { padding: 7px; width: 153px; height: 153px; background: #b3b6ba; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; margin: 0px auto; border: 4px solid #e6eaec; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.servicesbox .ndboxbg i { background-color: #fff; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; position: relative; padding: 65px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.servicesbox { padding: 0px 33px; }
.serbox-title .heading h2 { color: #585b5f; padding-bottom: 10px; padding-top: 30px; }
.serbox-title p { color: #7e8082; font-weight: normal; }
.ndserbox-bg { text-align: center; padding: 30px 0px 34px; }
/*-- services box end --*/
#servicestab .nav-tabs { width: 49%; }
.ndsertab .ndtabbody { border: 2px solid #d7d9dc; margin-top: -2px; }
.nav-tabs > li { border-top: 2px solid #d7d9dc; border-top-right-radius: 5px; margin-bottom: -2px; }
.ndsertabtitle h3 { font-size: 24px; line-height: 22px; color: #7e8082; text-transform: uppercase; padding-bottom: 20px; }
.ndsertab-item p { color: #7e8082; font-weight: 500; padding-top: 20px; padding-bottom: 18px; }
/*-- Services Tab End --*/
.testimonials3 .heading h2 { color: #7e8082; padding-bottom: 30px; }
.testItem3 { width: 88%; float: right; }
.testItem3 h3 { font-size: 12px; line-height: 18px; font-family: Open Sans, 'sans-serif'; font-weight: 400; }
.testItem3 p { font-size: 12px; color: #7e8082; line-height: 18px; font-family: Open Sans, 'sans-serif'; font-weight: 600; font-style: italic; float: right; }
.testItem3 .company-name { font-size: 12px; color: #b6babf; line-height: 18px; font-family: Open Sans, 'sans-serif'; font-weight: 500; }
.ndtestItem3 .quotesIconblack { background-size: 35px; margin-top: 5px; }
.ndtestItem3 .ndfact .ndquoteIcon { width: 35px; height: 35px; }
#owl-testimonials3 .owl-buttons { position: absolute; top: -66px; right: 2px; }
.testimonials3 .owl-theme .owl-controls .owl-buttons div { padding: 3px 15px!important; opacity: 1!important; background: #d7d9dc!important; color: #a4a4a4!important; }
#owl-testimonials3 .owl-buttons .owl-prev { margin-left: -13px!important; position: absolute; }
/*----------------------------------------------------
22. Home6 Page End
------------------------------------------------------*/
#ndservices-top { position: absolute; width: 100%; margin-top: -17%; z-index: 99; }
.latest-post-owl-sev .owl-theme .owl-controls { text-align: start; position: absolute; left: -33%; top: 32%; }
.ndhome-3 .tp-bullets { display: none; }
.ndhome-7 .tp-bullets { display: none; }
#ndtmfeature7 { padding-top: 53px; padding-bottom: 44px; }
#ndtmfeature7 .ndtitletm7 h2 { color: #fff; }
#ndtmfeature7 .ndtitletm7 p { color: #fff; }
.timeline-panel .heading7 h3 { color: #fff; }
.timeline-panel .heading7 p { color: #fff; }
.ndftboxtitle h3 { font-size: 20px; line-height: 22px; color: #fff; }
.ftprallax-bg2 { background: url(../images/background/ftpralax-bg2.jpg)no-repeat fixed; background-size: cover; background-attachment: fixed; }
.ndwhline { background: #fff!important; }
#ndnewslater7 { padding: 45px 0px; }
#ndlatestpost7 { padding: 62px 0px; }
#ndlatestpost7 .owl-theme .owl-controls { text-align: start; position: absolute; left: -33%; top: 37%; }
.ndprotfolio5 { padding: 50px 0px; }
.ndprotfolio5 .latestpost-three .heading h2 { margin-top: 2px; }
.abprallax-bg2 { background: url(../images/background/ab-prallax2.jpg); background-size: cover; background-attachment: fixed; }
.nsprallax-bg2 { background-attachment: fixed; background: url(../images/background/nsprallax-bg2.jpg); background-size: cover; }
/*----------------------------------------------------
23. Home7 Page End
------------------------------------------------------*/
.ndtwdepgraybd { background: url("../images/background/depgray-bg.jpg"); background-position: 0%; background-size: 433px; background-repeat: no-repeat; }
.ndtwicon2 i { color: #8a8c8e!important; }
.exserboxsev .servicesbox .boxIcon-bg { background: transparent; border: 4px solid #fff; }
.exserboxsev .serbox-title .heading h2 { color: #fff; }
.exserboxsev .serbox-title p { color: #fff; font-weight: normal; letter-spacing: -0.05em; }
.exserboxsev { padding-top: 10px; }
.ndabreadmr2 { margin-top: 28px; }
.ndelprotfolio1 { padding-top: 29px; }
/*-- BoxServices End --*/
#ndtmaboutapple { padding: 44px 0px 60px; }
.nd-abtitletemp { margin-top: 10px; }
.ndtmappleabout .nd-abtitletemp h2 { color: #6f6f73; padding-bottom: 39px; }
.ndtmappleabout .nd-abtitletemp p { color: #6f6f73; font-weight: normal; padding-right: 10px; }
.ndtmappleabout .button-ab { color: #7e8082; }
.ndtmappleabout .button-ab:hover { background: #00c2d6; border: 2px solid #acadaf; color: #fff; }
.abfullappleimg { position: absolute; right: 104px; margin-top: 38px; }
.owl-leftrightarrow .owl-buttons { position: absolute; top: -60px; right: 3px; }
.owl-leftrightarrow .owl-theme .owl-controls .owl-buttons div { padding: 3px 15px!important; opacity: 1!important; background: #d7d9dc!important; color: #a4a4a4!important; }
.owl-leftrightarrow .owl-buttons .owl-prev { margin-left: -13px!important; position: absolute; }
.owl-recwrtitle h4 { font-size: 18px; line-height: 18px; padding-top: 20px; color: #6f6f73; font-family: 'Noto Sans TC'; text-transform: uppercase; font-weight: lighter; }
.owl-recwrtitle p { font-size: 11px; line-height: 18px; color: #9fa2a6; font-family: Open Sans, 'sans-serif'; text-transform: uppercase; font-weight: normal; }
/*-- OwlRecentWork End --*/
.ndgrey-btn input { color: #ffffff; border: 2px solid #f1f1f1; background: transparent; }
.ndgrey-btn ::-webkit-input-placeholder {
    color:#fff;
}
.ndgrey-btn ::-moz-placeholder {
    color:#fff;
} /* firefox 19+ */
.ndgrey-btn :-ms-input-placeholder {
    color:#fff;
} /* ie */
.ndgrey-btn input:-moz-placeholder {
    color:#fff;
}
.ndgrey-btn button { color: #80c9fd; background: #f1f1f1; }
.ndgrey-btn button:hover { color: #80c9fd; background: #fff; }
/*-- Newslater End --*/
/*----------------------------------------------------
24. Home8 Page End
------------------------------------------------------*/
.ndteammembersing { padding: 23px 0px 29px; }
.pric-title h2 { color: #7e8082; line-height: 22px; }
.singprictab .ndtbl-pricingthree { margin: 0px; }
.singprictab { margin-top: 29px; }
.ndpricetablesing { margin-bottom: 40px; }
/*----------------------------------------------------
25. Home9 Page End
------------------------------------------------------*/
#page-title { padding: 55px 0px; height: 136px; }
.page-title h1 { font-family: 'Noto Sans TC'; font-size: 30px; color: #fff; line-height: 1; font-weight: lighter; margin: 0px; text-transform: uppercase; }
.page-title { float: left; }
.breadcrumb { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; background-color: transparent; float: right; }
.ndbreadcrumb { margin-top: -3px; }
.breadcrumb li { list-style: none; display: inline-block; }
.breadcrumb li a { color: #fff; }
.breadcrumb li { font-family: 'Noto Sans TC'; font-size: 14px; color: #dfedf0; line-height: 1; font-weight: lighter; margin: 0px; text-transform: uppercase; }
.breadcrumb li + li:before { padding: 0 5px; color: #fff; content: "/\00a0"; }
.breadcrumb .active { color: #fff; }
.aboutnadea { padding-top: 60px; padding-bottom: 40px; }
.ab-headeig h2 { color: #7e8082; line-height: 22px; }
.ab-headeig p { color: #9c9d9f; padding-bottom: 25px; font-size: 12px; line-height: 18px; font-weight: normal; }
#ndrecentworks3 .owl-theme .owl-controls { text-align: start; position: absolute; left: -27.5%; top: 69%; }
#owl-ndrecentworks3 .owl-prev { background: url(../images/arrow-left3.png)0; background-repeat: no-repeat; height: 40px; color: transparent; padding: 0px!important; }
#owl-ndrecentworks3 .owl-next { background: url(../images/arrow-right3.png)0; background-repeat: no-repeat; height: 40px; background-size: 23px; padding: 0px!important; color: transparent; }
.ndrecentwork3 .owl-buttons .owl-prev { margin-left: -28px!important; position: absolute; }
#ndfeature3 { padding: 37px 0px 50px; }
/*toggle - accordain*/
.abwhoarewe-title h2 { color: #7e8082; margin-bottom: 30px; line-height: 22px; }
.accordianShortCode .triggerRow { margin-bottom: 14px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.accordianShortCode .triggerRow:last-child { margin-bottom: 0px; }
.accordianShortCode .triggerRow:first-child .triggerMenu { display: block; }
.accordianShortCode .triggerRow > a { display: block; padding-left: 38px; height: 23px; line-height: 36px; font-size: 16px; font-weight: lighter; position: relative; background: transparent; color: #7e8082; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.accordianShortCode .triggerRow > a:hover { color: #4cc1d3; }
.accordianShortCode .triggerRow > a:before, .accordianShortCode .triggerRow > a.activeLine:before, .accordianShortCode .triggerRow > span.activeLine:before { content: '+'; font-family: 'Noto Sans TC'; display: inline-block; width: 32px; height: 32px; line-height: 26px; text-align: center; font-size: 16px; position: absolute; left: 0px; top: 4px; color: #7e8082; font-weight: bold; background-color: transparent; border: 1px solid #7e8082; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.accordianShortCode .triggerRow > a.activeLine:before, .accordianShortCode .triggerRow > span.activeLine:before { content: '-'; font-family: 'Noto Sans TC'; background-color: #4cc1d3; border: 0px; color: #fff; }
.accordianShortCode .triggerMenu { display: none; padding: 4px 10px 8px 10px; }
.accordianShortCode .triggerMenu p { margin-bottom: 20px; margin-top: 18px; color: #9c9d9f; font-size: 15px; font-weight: normal; padding-left: 28px; line-height: 18px; }
.accordianShortCode .triggerMenu p:last-child { margin-bottom: 0px; }
/*-- accrodingShortCode 1 end --*/
.accordianShortCode2 .triggerRow { margin-bottom: 14px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.accordianShortCode2 .triggerRow:last-child { margin-bottom: 0px; }
.accordianShortCode2 .triggerRow:first-child .triggerMenu { display: block; }
.accordianShortCode2 .triggerRow > a { display: block; padding-left: 38px; height: 23px; line-height: 36px; font-size: 16px; font-weight: lighter; position: relative; background: transparent; color: #7e8082; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.accordianShortCode2 .triggerRow > a:hover { color: #4cc1d3; }
.accordianShortCode2 .triggerRow > a:before, .accordianShortCode2 .triggerRow > a.activeLine:before, .accordianShortCode2 .triggerRow > span.activeLine:before { content: '+'; font-family: 'Noto Sans TC'; display: inline-block; width: 32px; height: 32px; line-height: 26px; text-align: center; font-size: 16px; position: absolute; left: 0px; top: 4px; color: #7e8082; font-weight: bold; background-color: transparent; border: 1px solid #7e8082; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.accordianShortCode2 .triggerRow > a.activeLine:before, .accordianShortCode2 .triggerRow > span.activeLine:before { content: '-'; font-family: 'Noto Sans TC'; background-color: #4cc1d3; border: 0px; color: #fff; }
.accordianShortCode2 .triggerMenu { display: none; padding: 4px 10px 8px 10px; }
.accordianShortCode2 .triggerMenu p { margin-bottom: 20px; margin-top: 18px; color: #9c9d9f; font-size: 12px; font-family: Open Sans, 'sans-serif'; font-weight: normal; padding-left: 28px; line-height: 18px; }
.accordianShortCode2 .triggerMenu p:last-child { margin-bottom: 0px; }
/* --- progress bars --------------------- */
.aboutpor-title h2 { color: #7e8082; margin-bottom: 30px; line-height: 22px; }
.progr-title { color: #7e8082; font-size: 16px; line-height: 22px; }
.naporgress-bar { margin-bottom: 20px; }
.pro-count { color: #4cc1d3; font-size: 24px; line-height: 22px; }
.progress { height: 2px; font-size: 14px; font-weight: 700; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background-color: #f0f0f0; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -o-box-shadow: 0 0 0 0; -ms-box-shadow: 0 0 0 0; -khtml-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; }
.progress .progress-bar { text-align: left; padding-left: 10px; line-height: 42px; font-size: 14px; font-weight: 700; background-color: #4cc1d3; opacity: 0; }
.progress .progress-bar.animated { opacity: 1; }
.progress:last-child { margin-bottom: 0px; }
.progress2 { height: 30px; background-color: #21242e; }
.progress2 .progress-bar { font-size: 13px; line-height: 30px; }
.ndteammember { padding-top: 23px; padding-bottom: 50px; }
.ndteam-title h2 { color: #7e8082; line-height: 22px; }
.ndteam-member { margin-top: 30px; }
.ndname { color: #6f6f73; font-weight: lighter; font-family: 'Noto Sans TC'; text-transform: uppercase; margin: 20px 0px 10px; font-size: 18px; line-height: 18px; }
.ndsocial-share { margin-top: 5px; }
.ndoccupation { font-size: 11px; color: #979ca1; text-transform: uppercase; }
.ndsocial-share ul li { list-style: none; display: inline-block; color: #7e8082; padding: 6px 0px; background: #d7d9dc; margin-right: 5px; height: 32px; width: 32px; border: none; border-radius: 50%; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -o-border-radius: 50% !important; -ms-border-radius: 50%!important; -khtml-border-radius: 50%!important; text-align: center; }
.ndsocial-share ul li a { color: #7e8082; padding: 8px; }
.ndsocial-share ul li:hover { background: #4cc1d3; color: #fff; cursor: pointer; }
.ndsocial-share ul li a:hover i { color: #fff; }
.ndrecentwork .owl-buttons { position: absolute; top: -74px; right: 0px; float: left; left: 906px; text-align: right; }
#ndrecentworks .owl-theme .owl-controls .owl-buttons div { padding: 3px 15px!important; opacity: 1!important; background: #d7d9dc!important; color: #a4a4a4!important; }
#ndrecentworks .owl-buttons .owl-next { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.ndrecentwork .owl-buttons .owl-prev { margin-left: -13px!important; position: absolute; border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.owl-leftrightarrow .portfolioContainer { overflow: visible!important; margin-top: 40px; }
#ndrecentworks .portfolioContainer { overflow: visible!important; margin-top: 23px; }
#ndOurClientab { padding: 24px 0px 45px; text-align: center; }
/*----------------------------------------------------
26. AboutUs page End
------------------------------------------------------*/
.ndrecprohg { margin-top: 6px; }
.port-title h4 { color: #6f6f73; font-weight: lighter; font-family: 'Noto Sans TC'; margin-top: 13px; }
.port-title p { color: #7e8082; font-weight: lighter; font-family: Open Sans, 'sans-serif'; font-size: 11px; text-transform: uppercase; line-height: 1; margin-top: 7px; }
.pagination li { padding: 10px; }
@media ( max-width: 991px ) { .pagination li { padding: 0 !important; } }
.pagination li { padding: 10px; }
.pagination li a, .pagination li span { text-align: center; line-height: 18px; font-size: 12px; font-family: 'Noto Sans TC'; background-color: transparent; color: #7e8082; margin-left: 3px; border: none; border-radius: 50%; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -o-border-radius: 50% !important; -ms-border-radius: 50%!important; -khtml-border-radius: 50%!important; }
.pagination { width: 100%; text-align: start; margin-top: 0; }
.pagination li i { font-size: 18px; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #d7d9dc; color: #6f6f73; }
.pagination > li > a:hover { background: #d7d9dc; color: #6f6f73; }
#ndportfoliocolsec { padding-top: 48px; padding-bottom: 19px; }
#ndportfoliocolsec .portfolioFilter ul { margin-bottom: 20px; }
/*----------------------------------------------------
27. Portfolio 2col Page End
------------------------------------------------------*/
.ndgray-bg { background: #ebeced; }
.abheading h3 { font-size: 30px; color: #E32322; text-align: center; font-family: 'Noto Sans TC'; text-transform: uppercase; font-weight: lighter; line-height:1.25; }
.ndnwescol4 input { background: #f1f1f1; border: 2px solid #f1f1f1; }
/*----------------------------------------------------
28. Portfolio 4col Page End
------------------------------------------------------*/
.ndmin-height { height: 30px; }
.ndluch { width: 100%; text-align: center; color: #fff; font-size: 12px; line-height: 18px; background: #9fda4c; border: 0px; height: 37px; margin-top: 21px; text-transform: uppercase; }
.ndluch:hover { background: #4cc1d3; }
.pfpost-title h2 { color: #6f6f73; font-size: 24px; line-height: 18px; }
.ndprojectover p { font-size: 12px; line-height: 18px; color: #9c9d9f; font-weight: normal; padding-bottom: 0px; letter-spacing: -0.05em; }
.ndproject-details { margin-top: 35px; }
.ndproject-details p { font-size: 12px; line-height: 21px; color: #9c9d9f; font-weight: lighter; letter-spacing: -0.05em; text-transform: uppercase; padding-bottom: 0px; }
.ndproject-details strong { color: #7e8082; font-weight: normal; text-transform: none; margin-left: 22px; }
.ndporpagination { margin-top: 40px; }
.ndporpagination .pager { text-align: start; font-size: 12.24px; line-height: 18.36px; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.ndporpagination .pager li a, .pager li span { border: 0px; background: transparent; padding: 0px; }
.ndporpagination .pager i { color: #a4a4a4; font-size: 18px; background: #d7d9dc; border-radius: 50%; padding: 8px; -webkit-animation: paused!important; /* Chrome, Safari, Opera */ animation-play-state: paused; }
.ndporpagination .pager a:hover i { background: #4cc1d3; color: #fff; }
.ndarrowleft i { margin-right: 10px; }
.ndarrowleft a { margin-right: 10px; }
.ndarrowright i { margin-left: 10px; }
.ndarrowright a { margin-left: 10px; }
.propage-postslide .owl-pagination { position: absolute; margin-left: 45%; margin-top: -6%; }
.ndporsincol2 .owl-theme .owl-controls .owl-page span { background: #ffffff!important; opacity: 1; }
.ndporsincol2 .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { border: 2px solid #fff; background: transparent!important; }
.propage-postslide .owl-buttons { position: absolute; margin-top: -33%; z-index: 999; }
.ndporsincol2 .owl-theme .owl-controls .owl-buttons .owl-prev { float: left; margin-left: 0px; }
.ndporsincol2 .owl-theme .owl-controls .owl-buttons div { width: 35px; height: 40px; background: #fff; border-radius: 0px; text-align: center; padding: 9px; opacity: 1; }
.ndporsincol2 .owl-next { float: right; left: 632%; position: relative; }
/*-- PorSlider Section End --*/
.nd-prothumbs li { list-style: none; }
.nd-prothumbs .thumbnail { border: 0px; }
.nd-prothumbs .col-sm-4 { padding: 0px 5px; }
.prothumbs-img li { list-style: none; display: inline-block; padding: 0px; }
.ndporsincol2 .blog-quote .ndfact .ndquoteIcon { margin-top: 10px; }
.ndporsincol2 .post-content-container p { font-weight: normal; letter-spacing: -0.06em; padding-bottom: 0px; }
/*----------------------------------------------------
29. Portfolio Single2 Page End
------------------------------------------------------*/
.ndprojectdt li { list-style: none; }
.ndprojectdt li a { font-size: 14px; line-height: 33px; color: #7e8082; font-family: 'Noto Sans TC'; }
.ndprojectdt li a:hover { color: #4cc1d3; }
.ndprojectdt li i { font-size: 25px; position: relative; top: 5px; margin-right: 10px; color: #7e8082; }
.ndwidget_tag .sbminhight { height: 20px; }
/*----------------------------------------------------
30. Portfolio Single Page End
------------------------------------------------------*/
#nderrorpages { padding: 176px 0px 166px; }
.nderroecon { color: #b8bcc1; font-size: 272px; text-align: center; font-family: 'Noto Sans TC'; text-transform: uppercase; line-height: 273px; }
.ndnotfound { color: #484c55; font-size: 70px; text-align: start; font-family: 'Noto Sans TC'; text-transform: uppercase; line-height: 90px; }
#viewblogport { padding: 57px 0px; text-align: center; }
.vwblport h2 { line-height: 1; font-size: 36px; font-family: 'Noto Sans TC'; text-transform: uppercase; color: #484c55; font-weight: lighter; }
.sorttitle { color: #484c55; font-weight: 700; }
.vwsky { color: #4cc1d3; font-weight: 700; }
.nnotndfound { margin-top: 10px; }
.ndproelecomerror { margin-top: 16px; margin-bottom: 21px; }
.ndproelecomerror .ndstgap { margin-top: 34px; }
.ndproelecomerror .ndrecentwork .owl-buttons { top: -83px; }
#ndabtemp { padding: 60px 0px; }
/*----------------------------------------------------
31. 404Error Page End
------------------------------------------------------*/
.ndtbl-pricingone { margin-top: 80px; }
.ndtbl-pricingtwo { margin-top: 95px; }
.ndtbl-pricingthree { margin-top: 80px; }
.ndtbl-pricing .col-sm-3 { padding-right: 2.5px; padding-left: 2.5px; }
.ndtbl-pricing .item { text-align: center; padding: 30px 0px 20px 0px; border: 1px solid #4cc1d3; }
.ndtbl-pricing .item .tbl-header { font-family: 'Noto Sans TC'; color: #4cc1d3; font-size: 36px; font-weight: lighter; line-height: 22px; text-transform: uppercase; background-color: #fff; padding: 15px 12px; }
.ndtbl-pricing .item .tbl-price { font-family: 'Noto Sans TC'; color: #4cc1d3; font-size: 48px; line-height: 45px; font-weight: lighter; text-transform: uppercase; margin-top: 30px; }
.dollar { font-size: 15px; line-height: 45.74px; }
.cent { position: relative; top: -25px; font-size: 18px; line-height: 8.99px; margin-left: 5px; }
.ndtbl-pricing .item .tbl-price .prmonth { font-size: 14px; line-height: 18px; font-style: normal; font-family: 'Noto Sans TC'; margin-top: 4px; text-transform: none; }
.ndtbl-pricing .item .tbl-lists { padding: 0px; margin: 0px; }
.ndtbl-pricing .item .tbl-lists li { list-style-type: none; padding: 12px; color: #7e8082; font-size: 12px; font-family: Open Sans, 'sans-serif'; }
.ndtbl-pricing .item .tbl-footer .btn-default { font-size: 14px; background: #4cc1d3; color: #fff; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.ndtbl-pricing .item.tbl-recommend { background-color: #4cc1d3; border-bottom: 1px solid #80c9fd; padding: 20px 12px; color: #fff; }
.ndtbl-pricing .item.tbl-recommend .tbl-header { background-color: transparent; padding: 20px 12px; color: #fff; }
.ndtbl-pricing .item.tbl-recommend .tbl-price { color: #fff; }
.ndtbl-pricing .tbl-recommend .tbl-lists li { list-style-type: none; padding: 12px; color: #7e8082; }
.ndtbl-pricing .item.tbl-recommend .tbl-footer .btn-default { border: 1px solid #e7e8ea; }
.ndtbl-pricingone .item:hover { background-color: #4cc1d3; color: #fff; border-bottom: 1px solid #80c9fd; cursor: pointer; }
.ndtbl-pricingone .item:hover .tbl-header { background-color: #4cc1d3; color: #fff; cursor: pointer; }
.ndtbl-pricingone .item:hover .tbl-lists li { color: #fff; cursor: pointer; }
.ndtbl-pricingone .item:hover .tbl-price { color: #fff; cursor: pointer; }
/*-- Price Table one end --*/
.ndtbl-pricingtwo .col-sm-3 { padding: 0px; }
.ndtbl-pricingtwo .item { padding: 0px; border: transparent; }
.ndtbl-pricingtwo .itemborder-left { border-left: 1px solid #b8bcc1; }
.ndtbl-pricingtwo .itemborder-right { border-right: 1px solid #b8bcc1; }
.ndtbl-pricingtwo .itemPad { padding-right: 4.5px; }
.ndtbl-pricingtwo .item .tbl-header { background-color: #636a71; color: #f6f7f7; padding: padding:15px 12px;
}
.ndtbl-pricingtwo .item .tbl-price { font-family: 'Noto Sans TC'; color: #ffffff; font-size: 48px; line-height: 79px; font-weight: lighter; text-transform: uppercase; background-color: #b8bcc1; padding-top: 30px; padding-bottom: 32px; margin: 0px; }
.ndtbl-pricingtwo .col-sm-3:nth-child(3) { margin-top: -15px; }
.ndtbl-pricingtwo .item.tbl-recommend { background-color: #d8dadd; border: none; padding: 0px; }
.ndtbl-pricingtwo .tbl-recommend .tbl-header { margin: 0px; background: #4cc1d3!important; padding-bottom: 25px!important; }
.ndtbl-pricingtwo .tbl-recommend .tbl-price { font-family: 'Noto Sans TC'; color: #ffffff; font-size: 48px; line-height: 79px; font-weight: lighter; text-transform: uppercase; background-color: #636a71; padding-top: 30px; padding-bottom: 32px; margin: 0px; }
.ndtbl-pricingtwo .item .tbl-lists { padding-left: 4.5px; padding-right: 4.5px; }
.ndtbl-pricingtwo .item .tbl-footer { background-color: #636a71; padding: 29px 0px; }
.ndtbl-pricingtwo .tbl-recommend .tbl-footer { background-color: #4cc1d3; padding: 29px 0px 44px 0px; }
.ndtbl-pricingtwo .item .tbl-footer .btn-default { font-size: 18px; background: transparent; color: #fff; line-height: 18px; font-family: 'Noto Sans TC'; text-transform: uppercase; border: transparent; }
.ndtbl-pricingtwo .tbl-recommend .tbl-footer .btn-default { font-size: 18px; color: #fff; line-height: 18px; font-family: 'Noto Sans TC'; text-transform: uppercase; border: transparent; background: #4cc1d3; border: transparent; }
.ndtbl-pricingtwo .item:hover { background: #d8dadd; color: #fff; cursor: pointer; }
.ndtbl-pricingtwo .item:hover .tbl-lists li { color: #7e8082; }
.ndtbl-pricingtwo .item:hover .tbl-footer { background-color: #4cc1d3; padding: 29px 0px 44px 0px; cursor: pointer; }
.ndtbl-pricingtwo .item:hover .tbl-price { background-color: #636a71; padding-top: 30px; padding-bottom: 32px; cursor: pointer; }
.ndtbl-pricingtwo .item:hover .tbl-header { padding-bottom: 25px!important; background: #4cc1d3; padding: 20px 12px; cursor: pointer; }
.ndtbl-pricingtwo .col-sm-3:hover { margin-top: -15px; cursor: pointer; }
/*-- Price Table two End --*/
/*-- Price Table Three start --*/
.ndtbl-pricingthree .item { padding: 0px; border: 1px solid #efefef; }
.ndtbl-pricingthree .item .tbl-header { font-family: 'Noto Sans TC'; color: #535961; font-size: 36px; font-weight: lighter; line-height: 32px; text-transform: uppercase; background-color: #ffffff; padding-top: 32px; padding-bottom: 32px; }
.ndtbl-pricingthree .item .tbl-price { font-family: 'Noto Sans TC'; color: #ffffff; font-size: 30px; font-weight: lighter; line-height: 18px; text-transform: uppercase; background-color: #535961; padding-top: 14px; padding-bottom: 13px; margin: 0px; }
.ndtbl-pricingthree .item .tbl-price .dollar { font-size: 18px; line-height: 45.74px; padding-right: 2px; }
.ndtbl-pricingthree .item .tbl-price .cent { position: relative; top: -13px; left: -3px; font-size: 15px; line-height: 8.99px; margin-left: 5px; }
.ndtbl-pricingthree .item .tbl-price .prmonth { font-size: 14px; line-height: 18px; font-style: normal; font-family: 'Noto Sans TC'; margin-top: 4px; margin-left: -15px; text-transform: none; color: #c3c3c4; }
.ndtbl-pricingthree .item.tbl-recommend { background-color: #ffffff; margin: 0px; padding: 0px; border: 1px solid #e4e5e4; }
.ndtbl-pricingthree .item.tbl-recommend .tbl-header { font-family: 'Noto Sans TC'; color: #ffffff; font-size: 36px; font-weight: lighter; line-height: 32px; text-transform: uppercase; background-color: #4cc1d3; padding-top: 32px; padding-bottom: 32px; }
.ndtbl-pricingthree .item .tbl-lists li { list-style-type: none; padding: 12px; color: #7e8082; font-size: 12px; font-family: Open Sans, 'sans-serif'; border-bottom: 1px solid #e4e5e4; }
.ndtbl-pricingthree .item.tbl-recommend .tbl-lists li { list-style-type: none; padding: 12px; color: #7e8082; font-size: 12px; font-family: Open Sans, 'sans-serif'; border-bottom: 1px solid #e4e5e4; }
.ndtbl-pricingthree .item .tbl-footer { padding: 18px 0px; }
.ndtbl-pricingthree .item .tbl-footer .btn-default { font-size: 18px; background-color: #535961; color: #fafafa; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.ndtbl-pricingthree .tbl-recommend .tbl-footer .btn-default { font-size: 14px; background-color: #4cc1d3; color: #e7f3f5; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.ndtbl-pricingthree .item:hover .tbl-header { cursor: pointer; background-color: #4cc1d3; padding-top: 32px; padding-bottom: 32px; color: #ffffff; }
.ndtbl-pricingthree .item:hover .tbl-footer .btn-default { color: #fff; background-color: #4cc1d3; }
/*-- Price Table Three End --*/
.ndproelecompr { margin-bottom: 29px; }
/*----------------------------------------------------
32. PricingTable Page End
------------------------------------------------------*/
.blo-line { margin: 0px; width: 26%; float: right; margin-top: 6px; border-top: 1px solid #e6e7e6; }
.mar-rg { margin-left: 18px; }
.blogpost-title h2 { font-size: 24px; color: #6f6f73; padding-bottom: 0px; line-height: 18px; }
.blogpost-text-title h2 { font-size: 24px; color: #6f6f73; padding-bottom: 0px; line-height: 18px; }
.blogpost-title { position: absolute; margin-top: -40px; background: #fff; padding-top: 22px; padding-right: 20px; }
.ndproeleblg { margin-top: 15px; }
.blogsinglecol .item { margin-top: 40px; }
.blogsinglecol .post-content-container p { color: #9c9d9f; font-weight: normal; letter-spacing: -0.07em; padding-bottom: 15px; }
.blogpage-postslide .owl-pagination { position: absolute; margin-left: 45%; margin-top: -6%; }
.blogsinglecol .owl-theme .owl-controls .owl-page span { background: #ffffff!important; opacity: 1; }
.blogsinglecol .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { border: 2px solid #fff; background: transparent!important; }
.blogpage-postslide .owl-buttons { position: absolute; margin-top: -33%; z-index: 999; }
.blogsinglecol .owl-theme .owl-controls .owl-buttons div { width: 35px; height: 40px; background: #fff; border-radius: 0px; text-align: center; padding: 9px; opacity: 1; }
.blogsinglecol .owl-theme .owl-controls .owl-buttons .owl-prev { float: left; margin-left: 0px; }
.blogsinglecol .owl-theme .owl-controls .owl-buttons .owl-next { position: relative; float: right; left: 537px; }
.blogtitle2 { margin-top: -50px; }
.blogvideo { margin-top: 20px; }
.blogsingle .post-content-container p { color: #9c9d9f; font-weight: normal; letter-spacing: -0.07em; }
.blogsingle .blog-quote { margin: 15px 0px; }
.post-video-container iframe { width: 100%; height: 315px; }
.post-audio-container iframe { width: 100%; height: 165px; }
.post-image-container { overflow: hidden; }
.post-image-container img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.post-image-container:hover img { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
/*-- TweetsWidget start --*/
.widget .nd_tweets_widget { margin: 0px; }
.widget .nd_tweets_widget li { position: relative; padding: 15px 0px 15px 50px; min-height: 95px; list-style: none; }
#bottom .widget .nd_tweets_widget li { padding-top: 15px; padding-bottom: 15px; }
.widget .nd_tweets_widget li .ndtwitter { position: absolute; top: 19px; left: 0px; width: 36px; }
.widget .nd_tweets_widget li .ndtwitter { top: 4px; }
.widget .nd_tweets_widget li .ndtwitter img { width: 100%; }
.widget .nd_tweets_widget li .ndtwitter a { display: block; height: 32px; width: 32px; line-height: 36px; text-align: center; background-color: #d7d9dc; border-radius: 50%; }
.widget .nd_tweets_widget li .ndtwitter a i { font-size: 14px; }
.widget .nd_tweets_widget li .ndtwitter a:hover { color: #FFF !important; background-color: #73cef3; }
#bottom .widget .nd_tweets_widget li .ndtwitter img { border: 0px; }
.widget .nd_tweets_widget li p { font-weight: normal; color: #7e8082; font-size: 12px; line-height: 18px; margin: 0px; margin-top: -15px; line-height: 16px; padding-bottom: 0px; }
.widget .nd_tweets_widget li .date { font-family: Lato, Open San, Arial, sans-serif; font-size: 10px; line-height: 0px; text-transform: uppercase; font-weight: 700; margin-top: 12px; }
.widget .nd_tweets_widget li.loading { padding: 0px; min-height: 0px; }
#bottom .widget .nd_tweets_widget li.loading { border: 0px; }
.ndrightsidebar .ndaccrodion-tag { margin-bottom: 25px; }
/*-- TwitterWidget End --*/
/*-- Post Comment Start --*/
.post-author { padding: 20px 20px 20px 0px; background: #ebebeb; }
.post-author .post-author-content { overflow: hidden; }
.post-author .post-author-content figure { float: left; width: 16%; }
.post-author .post-author-content .post-author-text { float: right; width: 81%; }
.post-author .post-author-content .post-author-text h5 { display: inline-block; font-family: 'Noto Sans TC'; color: #7e8082; font-size: 18px; line-height: 22px; font-weight: lighter; text-transform: none; padding-bottom: 20px; }
.post-author .post-author-content .post-author-text p { font-family: Open Sans, 'sans-serif'; font-size: 12px; line-height: 18px; font-weight: normal; text-align: start; padding-bottom: 0px; letter-spacing: -0.025em; }
/* Comments */
#comments { padding-top: 40px; }
.com-title { margin-bottom: 30px; }
.com-title h4 { font-size: 24px; line-height: 1; color: #7e8082; }
.com-line { width: 77%; float: right; border-top: 2px solid #d7d9dc; margin-top: -14px; }
#comments ul { overflow: hidden; padding: 0px; margin: 0px; }
#comments ul li { list-style-type: none; overflow: hidden; position: relative; }
#comments ul li figure { float: left; width: 15%; }
#comments ul li .content { float: right; width: 82%; }
#comments ul li .content h5 { font-family: 'Noto Sans TC'; font-size: 18px; line-height: 1; margin-bottom: 2px; font-weight: lighter; margin-top: 12px; }
#comments ul li .content .comment-meta { font-family: Open Sans, 'sans-serif'; color: #8e8f91; font-size: 10px; padding-top: 10px; margin-bottom: 20px; }
#comments ul li .content .comment-meta strong { padding: 10px 15px; font-family: 'Noto Sans TC'; background: #e7e8ea; color: #7e8082; font-size: 12px; font-weight: normal; border-radius: 3px; margin-left: 10px; }
.com-text { color: #9c9d9f; font-size: 12px; line-height: 18px; font-weight: normal; letter-spacing: -0.025em; }
.com-item { border-bottom: 1px solid #d7d9dc; float: left; padding-bottom: 20px; margin-bottom: 20px; }
#comments ul li > ul { overflow: hidden; width: 100%; padding: 20px 0px 0px 20px; }
#comments ul li > ul li { padding-left: 30px; }
/*-- Post Comment End --*/
.ndrespond { margin-top: 20px; }
.ndrespond ::-webkit-input-placeholder {
    color:#7e8082;
}
.ndrespond ::-moz-placeholder {
    color:#7e8082;
} /* firefox 19+ */
.ndrespond :-ms-input-placeholder {
    color:#7e8082;
} /* ie */
.ndrespond input:-moz-placeholder {
    color:#7e8082;
}
#respond h2 { font-size: 24px; line-height: 1; text-transform: uppercase; font-weight: lighter; color: #7e8082; }
#respond form { margin: 20px 0px 0px; }
#respond form input[type="text"], #respond form input[type="email"] { width: 100%; margin-bottom: 15px; font-size: 12px; color: #7e8082; text-transform: uppercase; height: 36px; border: 2px solid #e7e8ea; padding: 10px; font-family: 'Noto Sans TC'; }
#respond form textarea { width: 100%; height: 135px; margin-bottom: 11px; color: #7e8082; font-size: 12px; text-transform: uppercase; padding: 10px; border: 2px solid #e7e8ea; font-family: 'Noto Sans TC'; }
#respond input[type="submit"] { width: 120px; height: 38px; background: #e7e8ea; border: 2px solid #e7e8ea; color: #7e8082; font-size: 12px; font-family: 'Noto Sans TC'; text-transform: uppercase; padding: 8px; }
#respond input.btn:hover { background: #00c2d6; color: #fff; border: 2px solid #00c2d6; }
/*-- Post Commentfrom End --*/
/*-- RightSide start--*/
.ndrightsidebar h3 { font-size: 21px; line-height: 22px; text-transform: uppercase; padding-bottom: 13px; }
.ndwidget_categories { margin-bottom: 30px; }
.ndwidget_categories ul li { list-style: none; }
.ndwidget_categories i { height: 32px; width: 32px; background: #d7d9dc; color: #7e8082; padding: 5px; border-radius: 50%; margin-right: 15px; text-align: center; margin-bottom: 5px; font-size: 20px; }
.ndwidget_categories li a { font-size: 14px; line-height: 40px; font-family: 'Noto Sans TC'; font-weight: lighter; text-transform: uppercase; color: #7e8082; }
.ndwidget_categories li a:hover { color: #4cc1d3; }
/*-- Categories End--*/
/*** ND DefaultTab ***/
.nd-default { border-left: 2px solid #d7d9dc; }
.lineborder { border-bottom: 2px solid #d7d9dc; width: 108%; position: relative; top: 37px; margin-left: 100%; }
.nav-tabs { background: #d7d9dc; color: #979ca1; font-size: 12px; line-height: 18px; text-transform: uppercase; border-radius: 0px 5px 0px 0px; width: 222px; border-bottom: 2px solid transparent; }
.lineborder2 { border-bottom: 2px solid #d7d9dc; width: 31%; position: relative; top: 37px; margin-left: 100%; }
.ndtabbody { border-right: 2px solid #d7d9dc; border-bottom: 2px solid #d7d9dc; border-top: 2px solid #d7d9dc; border-radius: 2px; margin-top: -2px; }
.tab-img { margin-right: 10px; }
.tab-pane { margin-left: 15px; }
.tab-item { padding-top: 18px; border-bottom: 2px solid #d7d9dc; padding-bottom: 20px; }
.tab-itemth { padding-top: 18px; padding-bottom: 20px; }
.tab-tilte a { font-size: 14px; color: #4cc1d3; line-height: 18px; text-transform: uppercase; }
.tab-time { font-size: 12px; color: #7e8082; line-height: 18px; padding-bottom: 0px; font-weight: normal; }
.tab-com { font-size: 12px; color: #b7b7b7; line-height: 18px; padding-bottom: 0px; }
.sbminhight { height: 35px; }
.nd-default .nav-tabs > li > a { border: 0px; border-radius: 0px; }
.nd-default .nav-tabs > li > a, .nd-default .nav-tabs > li > a:hover, .nd-default .nav-tabs > li > a:focus { color: #777; border: 0px; margin-right: 0px; padding: 10px; }
.nd-default .nav-tabs > .open > a, .nd-default .nav-tabs > .open > a:hover, .nd-default .nav-tabs > .open > a:focus, .nd-default .nav-tabs > li > a:hover, .nd-default .nav-tabs > li > a:focus { color: #777; background-color: #ddd; border-color: transparent; }
.nd-default .nav-tabs > li.active > a, .nd-default .nav-tabs > li.active > a:hover, .nd-default .nav-tabs > li.active > a:focus { color: #555; background-color: #fff; border-color: #ddd; border-bottom-color: transparent; padding: 10px 13px; }
#blogsidebar-tab .nd-default .nav-tabs > li.active > a, .nd-default .nav-tabs > li.active > a:hover, .nd-default .nav-tabs > li.active > a:focus { padding: 11px 13px; }
/*-- TabSec End --*/
.ndaccrodion-tag .accordianShortCode .triggerRow > a { font-size: 14px; line-height: 40px; }
/*-- AccrodingTab SEc End--*/
.tagsec { margin-top: 13px; }
.tagsec li { list-style: none; display: block; height: 35px; width: auto; float: left; text-align: center; margin-right: 6px; margin-bottom: 7px; text-transform: uppercase; }
.tagsec li a { color: #7e8082; font-size: 12px; line-height: 18px; padding: 10px 15px; background: #e7e8ea; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.tagsec li a:hover { background: #4cc1d3; color: #fff; }
/*-- RightSide End--*/
.blogcol2 .item { margin-top: 40px; }
.blogpage-postslide .owl-pagination { position: absolute; margin-left: 45%; margin-top: -10%; }
.blogcol2 .owl-theme .owl-controls .owl-page span { background: #ffffff!important; opacity: 1; }
.blogcol2 .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { border: 2px solid #fff; background: transparent!important; }
.blogpage-postslide .owl-buttons { position: absolute; margin-top: -35%; z-index: 999; }
.blogcol2 .owl-theme .owl-controls .owl-buttons div { width: 35px; height: 40px; background: #fff; border-radius: 0px; text-align: center; padding: 9px; opacity: 1; }
.blogcol2 .owl-theme .owl-controls .owl-buttons .owl-prev { float: left; margin-left: 0px; }
.blogcol2 .owl-theme .owl-controls .owl-buttons .owl-next { position: relative; float: right; left: 375px; }
/*-- BlogCol2 End--*/
/*----------------------------------------------------
33. Blog Page End
------------------------------------------------------*/
.datetimeicon { width: 5%; font-family: 'Noto Sans TC'; text-transform: uppercase; text-align: center; }
.datetimeicon .day { color: #929395; font-size: 34px; line-height: 28px; }
.datetimeicon .month { color: #929395; font-size: 21px; line-height: 30px; }
.blogdateinfotext { margin-top: 30px; }
.titleinfop { width: 92%; }
.blogfullpost-title h2 { font-size: 24px; color: #6f6f73; line-height: 18px; padding: 0px; }
.titleinfop p { font-size: 12px; color: #9c9d9f; line-height: 18px; padding-bottom: 14px; font-weight: normal; }
.mar-rg2 { margin-left: 24px; }
.post-info-wd i { color: #b9bdc1; }
.post-info-wd span { color: #959798; letter-spacing: -0.025em; }
.blogfull-content img { width: 100%; }
.post-image-container { max-height: 330px; }
.seclect-icon { width: 48px; height: 48px; background: #d7d9dc; border-radius: 50%; text-align: center; padding: 15px; }
.blogfullwide .item { margin-top: 40px; }
/*-- Blog fw one end --*/
.blogfwstyletw .blo-line { width: 55%; }
.postfinfo-wd .blo-line { width: 52%; }
.blogpostfw-title { margin-top: -56px; }
/*-- Blog full width single end--*/
.blog-quote { background: #ebebeb; padding: 20px; height: 107px; margin: 17px 0px; }
.blog-quote .quotesIconblack { background-size: 35px; }
.blog-quote .ndfact .ndquoteIcon { width: 35px; height: 35px; }
.bltest-text { color: #9c9d9f!important; font-style: italic; font-weight: normal!important; letter-spacing: 0em!important; font-family: open sans, sans-serif!important; font-size: 12px!important; }
.ndtitleinfop p { font-weight: normal; }
.blogfuw-pag { margin-top: 27px; }
.bgfwh1 { margin-top: 13px; border-top: 2px solid #e6e7e6; margin-bottom: 16px; }
.bgfwh2 { margin-top: 10px; border-top: 1px solid #e6e7e6; margin-bottom: 10px; }
.ndblprotfolio { margin-top: 40px; }
/*----------------------------------------------------
34. Blog FullWidth Page End
------------------------------------------------------*/
.ndabplaning { text-align: center; margin-top: 70px; }
.serives { padding: 0px 20px; }
.sr-titletext h2 { color: #7e8082; line-height: 22px; padding-bottom: 20px; padding-top: 30px; }
.sr-titletext p { color: #9c9d9f; line-height: 18px; font-size: 12px; }
.ndabplan { width: 55%; float: right; border: 1px solid #c4c6c8; position: absolute; top: 75px; right: 0px; left: 74%; }
/* Flickr Gallery Start*/
.widget .nd_flickr_widget figure { float: left; width: 32%; }
/* Flickr Gallery end*/
.ndaltbutton { padding: 12px 15px; color: #fff; position: relative; top: -15px; left: -16px; border: aliceblue; }
.nd-sussbuttonalt { background: #80c080; }
.ndalt-text { position: relative; top: -17px; }
.alert-group { font-size: 12px; line-height: 18px; font-family: Open Sans, 'sans-serif'; margin-top: 16px; }
.alert { margin: 15px 0px; }
.alert-group>.alert:first-child { margin-bottom: 0; border: 1px solid #80c080; height: 45px; border-radius: 0px; }
.alert-dismissable .close, .alert-dismissible .close { color: #51bc51; }
.alert-group>.alert:nth-child(2) { margin-bottom: 0; border: 1px solid #f39c11; height: 45px; border-radius: 0px; color: #f39c11; }
.alert-info { background: #ffffee; }
.nd-alertinfoalt { background: #fbc778; }
.alert-group>.alert:nth-child(3) { margin-bottom: 0; border: 1px solid #73bfe4; height: 45px; border-radius: 0px; }
.alert-infomass { background: #e2f1ff; }
.nd-infomassalt { background: #73bfe4; top: -4px; padding: 14px 15px; }
.alert-infomass .ndalt-text { top: -5px; }
.alert-group>.alert:nth-child(4) { margin-bottom: 0; border: 1px solid #fc948d; height: 45px; border-radius: 0px; }
.alert-error { background: #fdebeb; color: #e95a4e; }
.nd-errorbuttonalt { background: #fc948d; top: -4px; padding: 13px 15px; }
.alert-error .ndalt-text { top: -5px; }
/*----------------------------------------------------
35. Services Page End
------------------------------------------------------*/
.ndfeatures-el { margin-top: 22px; }
.tab-textp { font-size: 12px; line-height: 18px; color: #7e8082; padding-bottom: 30px; font-weight: normal; }
.eltab { padding-top: 25px; }
.ndbu-title { font-size: 21px; line-height: 18px; text-transform: uppercase; margin-top: 3px; }
.ndbutton-ht { height: 30px; }
.praymari-color { width: 40px; height: 50px; text-align: center; font-size: 42px; line-height: 18px; background: #4cc1d3; color: #fff; float: left; font-family: Open Sans, 'sans-serif'; padding: 8px; }
.nddptext { font-size: 12px; line-height: 18px; color: #7e8082; float: right; font-family: Open Sans, 'sans-serif'; width: 83%; font-weight: 400; padding-bottom: 2px; letter-spacing: -1px; }
.nddptext2 { font-weight: 400; float: left; padding-bottom: 5px; }
.nddropcaps-title2 { float: left; }
.nddropcaps-title2 .praymari-color { width: 40px; height: 50px; text-align: center; font-size: 24px; line-height: 11px; background: #535961; color: #fff; float: left; font-family: Open Sans, 'sans-serif'; padding: 13px; }
.nddpblack { font-size: 60px; line-height: 28px; color: #7e8082; float: left; font-family: Open Sans, 'sans-serif'; }
.nddpblackbr { width: 40px; height: 40px; text-align: center; font-size: 26px; line-height: 13px; color: #7e8082; float: left; font-family: Open Sans, 'sans-serif'; padding: 9px; border: 1px solid #808080; border-radius: 50%; font-weight: normal; }
.nddropcaps-title4 { float: left; }
.ndDropcaps { margin-top: 16px; }
/*-- Dropcaps End --*/
.ndstyled { margin-top: 8px; }
.styled-list { list-style: none outside none; margin: 0; padding: 0; }
.styled-list.style-1 > li:before { background-position: 0 4px; }
.styled-list.style-2 > li:before { background-position: 0 -22px; }
.styled-list.style-3 > li:before { background-position: 0 -46px; }
.styled-list.style-4 > li:before { background-position: 0 -70px; }
.styled-list.style-5 > li:before { background-position: 0 -96px; }
.styled-list.style-6 > li:before { background-position: 0 -70px; }
.styled-list.style-7 > li:before { background-position: 0 -146px; }
.styled-list > li:before { height: 15px; left: 0; top: 5px; width: 15px; background-attachment: scroll; background-color: transparent; background-image: url(../images/list-icons.png); background-repeat: no-repeat; background-position: 0 0; }
.styled-list > li:before { content: ""; position: absolute; }
.styled-list > li { padding-left: 19px; position: relative; font-size: 12px; line-height: 25px; letter-spacing: -0.025em; }
.demo-list-styles ul { margin-bottom: 10px; }
/*-- LIST STYLED End --*/
.btn { margin-right: 4px; font-size: 12px; line-height: 18px; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.ndbutton { margin-bottom: 33px; }
.ndbnt-tilte h3 { font-size: 21px; line-height: 18px; text-transform: uppercase; color: #7e8082; padding-bottom: 19px; }
.btn-white { background: #fff; border: 2px solid #e7e8ea; color: #7e8082; }
.btn-gray { background: #d7d9dc; border: 2px solid #d7d9dc; color: #7e8082; }
.btn-deepskyblue { background: #4cc1d3; border: 2px solid #4cc1d3; color: #fff; }
.btn-lightseagreen { background: #37a2d6; border: 2px solid #37a2d6; color: #fff; }
.btn-dodgerblue { background: #607d8b; border: 2px solid #607d8b; color: #fff; }
.btn-offblack { background: #535961; border: 2px solid #535961; color: #fff; }
.btn-sky { color: #fff; background-color: #80c9fd; border: 2px solid #80c9fd; }
.btn-orang { color: #fff; background-color: #ff5722; border: 2px solid #ff5722; }
.btn-yellowor { color: #fff; background-color: #ff9800; border: 2px solid #ff9800; }
.btn-offyellow { color: #fff; background-color: #ffc107; border: 2px solid #ffc107; }
.btn-yellow { color: #7e8082; background-color: #ffeb01; border: 2px solid #ffeb01; }
.btn-yellowgreen { color: #fff; background-color: #cddc39; border: 2px solid #cddc39; }
/*-- Small button end --*/
.mdbtn { font-size: 18px; }
.mdbtn i { margin-right: 0px; }
.btn-seagreen { color: #fff; background-color: #1bbc9b; border: 2px solid #1bbc9b; }
.btn-offgreen { color: #fff; background-color: #9fda4c; border: 2px solid #9fda4c; }
.btn-green { color: #fff; background-color: #259b24; border: 2px solid #259b24; }
.btn-offorang { color: #fff; background-color: #ff5722; border: 2px solid #ff5722; }
.btn-red { color: #fff; background-color: #e51c23; border: 2px solid #e51c23; }
.lgbtn { font-size: 20px; border-radius: 3px; }
/*-- Medium button end --*/
.abtgtw-title h2 { color: #7e8082; font-size: 21px; line-height: 22px; margin-bottom: 14px; }
.elementaccroding .accordianShortCode .triggerRow > a.activeLine:before, .accordianShortCode .triggerRow > span.activeLine:before { background: #d7d9dc; color: #7e8082; }
.elementAccroding .accordianShortCode .triggerRow > a.activeLine:before, .accordianShortCode .triggerRow > span.activeLine:before { background: #fff; color: #7c8187; border: 1px solid #7e8082; }
.ndwidget_teb .nd-default { margin-top: 17px; }
/*-- Element Accroding End --*/
.accordianShortCode2 .accordianShortCode2 .triggerRow > a.activeLine:before, .accordianShortCode2 .triggerRow > span.activeLine:before { background: #d7d9dc; color: #7e8082; }
.elementAccroding .accordianShortCode2 .triggerRow > a.activeLine:before, .accordianShortCode2 .triggerRow > span.activeLine:before { background: #fff; color: #7c8187; border: 1px solid #7e8082; }
.ndwidget_teb .nd-default { margin-top: 17px; }
/*-- Element Accroding End --*/
.ndbtn-select { margin-top: 6px; }
#ndbtnelement { margin-top: 8px; }
.ndelprotfolio { padding-top: 5px; }
.ndelprotfolio h2 { color: #6f6f73; line-height: 22px; }
/*-- element portfolio end --*/
#owl-ndab-recentwork .col-sm-3 { width: 100%; padding: 0px 10px; }
#owl-ndab-recentwork li { margin: 0px; padding: 0px; }
.ndelprotfolio .portfolioContainer { margin-top: 28px; }
/*----------------------------------------------------
36. Elements Page End
------------------------------------------------------*/
.contactpagemap .contact-map { height: 560px; }
.contact-f h2 { color: #7e8082; font-size: 24px; line-height: 22px; padding-bottom: 28px; }
.ndcontactfm form { margin: 0px; }
.contact-f .col-sm-4 { padding: 0px 8px; }
.row-fulid-con { margin: 0px -8px; }
.ndcontactfm form input[type="text"], .ndcontactfm form input[type="password"], .ndcontactfm form input[type="email"] { width: 100%; background: #fff; padding: 10px; height: 35px; color: #7e8082; font-size: 12px; line-height: 18px; font-family: 'Noto Sans TC'; text-transform: uppercase; border: 2px solid #d7d9dc; font-weight: normal; }
.ndcontactfm ::-webkit-input-placeholder {
    color:#7e8082;
}
.ndcontactfm ::-moz-placeholder {
    color:#7e8082;
} /* firefox 19+ */
.ndcontactfm :-ms-input-placeholder {
    color:#7e8082;
} /* ie */
.ndcontactfm input:-moz-placeholder {
    color:#7e8082;
}
.text-area { margin-top: 15px; }
.ndcontactfm form textarea { width: 100%; margin-bottom: 11px; background: #fff; padding: 10px; color: #7e8082; font-size: 12px; line-height: 18px; font-family: 'Noto Sans TC'; text-transform: uppercase; border: 2px solid #d7d9dc; }
.ndcontactfm input.submitBnt:hover { background: #00c2d6; color: #fff; }
.ndcontactfm form input[type="submit"] { font-size: 14px; color: #7e8082; font-family: 'Noto Sans TC'; text-transform: uppercase; padding: 11px 22px; text-align: center; border: 0px; background: #e7e8ea; height: 40px; border-radius: 3px; }
.ndcontactfm form .alert { padding-top: 10px; padding-bottom: 10px; margin: 20px 0px 0px; float: left; }
.ndcontactfm form .alert .close { top: 1px; }
/*-- ContactForm End--*/
.sidecontarinfo h2 { color: #7e8082; font-size: 24px; line-height: 22px; padding-bottom: 28px; }
.sidecontarinfo .address p { color: #7e8082; font-size: 12px; line-height: 18px; letter-spacing: -0.025em; font-weight: normal; padding-top: 3px; }
.sidecontarinfo .address li { padding-bottom: 25px; }
.icon-pin-addcon { width: 50px; height: 50px; background: #d7d9dc; border-radius: 50%; padding: 10px; }
.icon-pin-addcon i { font-size: 20px; padding: 5px; line-height: 18px; color: #8a8c8e; }
.cnabgray-bg { background: #d7d9dc; }
.sidecontarinfo .mail-box { position: relative; top: 10px; color: #7e8082; }
.ndcontactab .nd-abtitletemp h2 { color: #7a7b7d; }
.ndcontactab .nd-abtitletemp p { color: #7a7b7d; font-weight: normal; padding-bottom: 18px; }
.ndcontactab .button-ab { color: #fff; background: #7b7c80; border: 2px solid #7b7c80; }
.ndcontactab .button-ab:hover { background: #d7d9dc; border: 2px solid #7b7c80; }
#ndboutcon { padding-top: 6px; }
/*----------------------------------------------------
37. Contact Page End
------------------------------------------------------*/
/*----------------------------------------------------
. IconSection Start
------------------------------------------------------*/
i { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 16px; display: inline-block; }
a:hover > i, button:hover > i, input[type="submit"]:hover > i { -webkit-animation: toTopFromBottom 0.5s forwards; -moz-animation: toTopFromBottom 0.5s forwards; -khtml-animation: toTopFromBottom 0.5s forwards; -o-animation: toTopFromBottom 0.5s forwards; }
@-webkit-keyframes toTopFromBottom { 49% {
    -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom { 49% {
    -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom { 49% {
    transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
.ndfact { text-align: center; }
.ndfact .ndquoteIcon { height: 50px; line-height: 66px; width: 50px; display: inline-block; text-align: center; border: 1px solid #6f6f73; overflow: hidden; margin-bottom: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -khtml-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; cursor: pointer; }
.quotesIconwhite { background: url(../images/icon/quote-white-icon.png) no-repeat center; }
.quotesIconblack { background: url(../images/icon/quote-black-icon.png) no-repeat center; }
.ndfact:hover .ndquoteIcon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
/*-- Quotes Icon End --*/
.ndfact .featurewhIcon { height: 72px; line-height: 66px; width: 75px; display: inline-block; text-align: center; overflow: hidden; margin-bottom: 5px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -khtml-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; cursor: pointer; }
.ndfact:hover .featurewhIcon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); cursor: pointer; }
.featurewhIcon1 { background: url(../images/icon/ft-wh-icon1.png) no-repeat center; }
.featurewhIcon2 { background: url(../images/icon/ft-wh-icon2.png) no-repeat center; }
.featurewhIcon3 { background: url(../images/icon/ft-wh-icon3.png) no-repeat center; }
.featurewhIcon4 { background: url(../images/icon/ft-wh-icon4.png) no-repeat center; }
/*--Feature BlackIcon End --*/
.featureblIcon1 { background: url(../images/icon/black/ft-bl-icon1.png) no-repeat center; }
.featureblIcon2 { background: url(../images/icon/black/ft-bl-icon2.png) no-repeat center; }
.featureblIcon3 { background: url(../images/icon/black/ft-bl-icon3.png) no-repeat center; }
.featureboxIcon { background: url(../images/icon/black/ft-box-icon.png) no-repeat center; }
/*-- Feature IconWhite End--*/
.boxwhIcon { background: url(../images/icon/box-wh-icon.png) no-repeat center; }
/*-- Feature IconWhite End--*/
.ndfactsr { text-align: start; }
.ndfactsr .servicewhIcon { overflow: hidden; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -khtml-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; cursor: pointer; }
.ndfactsr:hover .servicewhIcon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); cursor: pointer; }
.ndserviceIcon1 { background: url(../images/icon/services-wh-icon1.png) no-repeat center; }
.ndserviceIcon2 { background: url(../images/icon/services-wh-icon2.png) no-repeat center; }
.ndserviceIcon3 { background: url(../images/icon/services-wh-icon3.png) no-repeat center; }
.ndserviceIcon4 { background: url(../images/icon/services-wh-icon4.png) no-repeat center; }
/*-- Services IconWhite End--*/
.ndserviceblIcon1 { background: url(../images/icon/black/services-bl-icon1.png) no-repeat center; }
.ndserviceblIcon2 { background: url(../images/icon/black/services-bl-icon2.png) no-repeat center; }
.ndserviceblIcon3 { background: url(../images/icon/black/services-bl-icon3.png) no-repeat center; }
.ndserviceblIcon4 { background: url(../images/icon/black/services-bl-icon4.png) no-repeat center; }
/*-- Services IconBlack End--*/
.ndplanIcon1 { background: url(../images/icon/gray/light-icon.png) no-repeat center; }
.ndplanIcon2 { background: url(../images/icon/gray/pan-icon.png) no-repeat center; }
/*-- Plan IconGray End--*/
.ndgrayboxIcon1 { background: url(../images/icon/gray/boxIcon-1.png) no-repeat center; }
.ndgrayboxIcon2 { background: url(../images/icon/gray/boxIcon-2.png) no-repeat center; }
.ndgrayboxIcon3 { background: url(../images/icon/gray/boxIcon-3.png) no-repeat center; }
/*-- Services IconGray End--*/
.ndskypeboxIcon1 { background: url(../images/icon/gray/skypeicon-1.png) no-repeat center; }
.ndskypeboxIcon2 { background: url(../images/icon/gray/skypeicon-2.png) no-repeat center; }
.ndskypeboxIcon3 { background: url(../images/icon/gray/skypeicon-3.png) no-repeat center; }
/*-- Services IconSkype End--*/
.ndfactsr { text-align: start; }
.ndfactns .newswhIcon { height: 50px; width: 68px; overflow: hidden; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -khtml-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; cursor: pointer; }
.ndfactns:hover .newswhIcon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); pointer: cursor; }
.ndnewswhIcon { background: url(../images/icon/ns-white-icon.png) no-repeat center; }
.ndnewsblIcon { background: url(../images/icon/black/ns-bl-icon.png) no-repeat center; }
/*-- NewslaterWhite Icon End --*/
.ftIcon .ndftIcon { height: 36px; width: 24px; overflow: hidden; }
.icon-from { margin-top: -8px; }
.ndlocationIcon { background: url(../images/icon/ft-location-icon.png) no-repeat center; }
.ndphoneeIcon { background: url(../images/icon/ft-phone-icon.png) no-repeat center; }
.ndformIcon { background: url(../images/icon/ft-from-icon.png) no-repeat center; }
/*-- FooterIcon End --*/
.link-blog i { width: 20px; height: 20px; overflow: hidden; }
.ndblogIcon { background: url(../images/icon/blog-icon.png) no-repeat center; }
/*-- BlogIcon End --*/
/*----------------------------------------------------
38. IconSection End
------------------------------------------------------*/
/*----------------------------------------------------
. Home Page Menu Style Start
------------------------------------------------------*/
/*----------------------------------------------------
. Home Page Menu Style End
------------------------------------------------------*/
/*----------------------------------------------------
. Header Version Start
------------------------------------------------------*/
.ndheaderv-1 .headerStyle2 { top: 20px; }
.ndheaderv-1 .fixedHeader { top: 0px; }
.headerStyle2 .font-color { color: #ffeb01; }
.headerStyle2 .navbar-brand { padding-top: 19px; }
.headerStyle2 .mainNav .navTabs > li > a, .mainNav .navTabs > li > button { color: #fff; padding: 30px 20px; }
.headerStyle2 .mainNav .navTabs > li .active { color: #686c70; border-bottom: 0px; background-color: #ffeb01; }
.headerStyle2 .mainNav .navTabs > li ul li .active { border-bottom: 1px solid rgba(105, 116, 123, 0.21); }
.headerStyle2 .mainNav .navTabs > li .dropDown li .active { color: #fff; }
.headerStyle2 .mainNav .navTabs > li:hover > a, .mainNav .navTabs > li:hover > button { color: #686c70; border-bottom: 0px; background-color: #ffeb01; }
.headerStyle2 .mainNav .navTabs > li .dropDown { top: 78px; }
.headerStyle2 .mainNav .navTabs > li .dropDown li a, .mainNav .navTabs > li .dropDown li > button { background-color: #ffeb01; color: #686c70; }
.headerStyle2 .mainNav .navTabs > li .dropDown li a:hover { color: #fff; }
.headerStyle2 { background: transparent; position: absolute; height: 95px; top: 0px; left: 0px; border-bottom: 0px; z-index: 9999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.headerStyle2 .header.fixedHeader { background: rgba(99, 106, 113, 0.9); }
.ndheaderv-1 .header.fixedHeader .mainNav .navTabs li a { padding: 25px 22px 23px; }
/* Header search */
.ndheaderv-1 .header.fixedHeader .header-search { margin-top: 16px; }
.headerStyle2 .header-search-a i { color: #fff; }
.header2-headerbg img { position: absolute; z-index: 99; width: 100%; }
.ndheaderv-1 .social_sharenadea li:hover { background: #ffeb01; }
.ndheaderv-1 .footer-nav li a:hover { color: #ffeb01; }
.ndheaderv-1 .font-color { color: #ffeb01; }
/*----------------------------------------------------
39. Header Version 1 End
------------------------------------------------------*/
.headerStyle3 .font-color { color: #ffeb01; }
.headerStyle3 .navbar-brand { padding-top: 5px; color: #414146; }
.headerStyle3 .navbar-brand .largefont { font-size: 35px; }
.headerStyle3 .mainNav .navTabs > li > a, .mainNav .navTabs > li > button { color: #7d8082; padding: 39px 20px 38px; }
.headerStyle3 .mainNav .navTabs > li .active { color: #7d8082; border-bottom: 0px; background-color: #ffeb01; }
.headerStyle3 .mainNav .navTabs > li ul li .active { border-bottom: 1px solid rgba(105, 116, 123, 0.21); }
.headerStyle3 .mainNav .navTabs > li:hover > a, .mainNav .navTabs > li:hover > button { color: #7d8082; background-color: #ffeb01; border-bottom: 0px; }
.headerStyle3 .mainNav .navTabs > li .dropDown li .active { color: #ffeb01; }
.headerStyle3 .mainNav .navTabs > li .dropDown { top: 72px; }
.headerStyle3 .mainNav .navTabs > li .dropDown li a, .mainNav .navTabs > li .dropDown li > button { background-color: #fff; color: #7d8082; }
.headerStyle3 .mainNav .navTabs > li .dropDown li a:hover { color: #ffeb01; }
.headerStyle3 { background: #fff; position: absolute; height: 95px; top: 0px; left: 0px; border-bottom: 0px; z-index: 99999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.ndheaderv-2 .header.fixedHeader { background: rgba(255, 255, 255, 0.9); }
.ndheaderv-2 .header.fixedHeader .mainNav .navTabs li a { padding: 26px 18px; }
.ndheaderv-2 .header .scrollHeaderWrapper { height: 95px; }
/* Header search */
.ndheaderv-2 .header.fixedHeader .header-search { margin-top: 15px; }
.header-search { position: relative; float: right; height: 35px; margin-top: 22px; }
.header-search-a { float: right; cursor: pointer; height: 35px; width: 35px; line-height: 32px; text-align: center; }
.header-search-form { position: absolute; height: 53px; width: 200px; top: 35px; right: 0; display: none; }
.header-search-form input { height: 32px; width: 184px; font-size: 12px; line-height: 32px; margin: 10px 0 0 10px; background: #fff; border: 2px solid #7d8082; color: #7d8082; padding: 10px; font-family: 'Noto Sans TC'; text-transform: uppercase; }
.header-search-form ::-webkit-input-placeholder {
    color:#414146;
}
.header-search-form ::-moz-placeholder {
    color:#414146;
} /* firefox 19+ */
.header-search-form :-ms-input-placeholder {
    color:#414146;
} /* ie */
.header-search-form input:-moz-placeholder {
    color:#414146;
}
.header-search-active .header-search-a { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
.header-search-active .header-search-form { -moz-border-radius: 2px 0 2px 2px; -webkit-border-radius: 2px 0 2px 2px; border-radius: 2px 0 2px 2px; z-index: 999; }
.header-search { -webkit-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; -moz-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; -ms-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; -o-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; }
.ndheaderv-2 .social_sharenadea li:hover { background: #ffeb01; }
.ndheaderv-2 .footer-nav li a:hover { color: #ffeb01; }
.ndheaderv-2 .font-color { color: #ffeb01; }
/*----------------------------------------------------
40. Header Version 2 End
------------------------------------------------------*/
.headerStyle4 .font-color { color: #fff; }
.headerStyle4 .navbar-brand { padding-top: 30px; color: #414146; }
.headerStyle4 .mainNav .navTabs > li > a, .mainNav .navTabs > li > button { color: #fff; padding: 36px 20px; }
.headerStyle4 .mainNav .navTabs > li .active { color: #4cc1d3; border-bottom: 0px; background-color: #fff; }
.headerStyle4 .mainNav .navTabs > li ul li .active { border-bottom: 1px solid rgba(105, 116, 123, 0.21); }
.headerStyle4 .mainNav .navTabs > li:hover > a, .mainNav .navTabs > li:hover > button { color: #4cc1d3; border-bottom: 0px; background-color: #fff; }
.headerStyle4 .mainNav .navTabs > li .dropDown li .active { color: #4cc1d3; }
.headerStyle4 .mainNav .navTabs > li .dropDown { top: 90px; }
.headerStyle4 .mainNav .navTabs > li .dropDown li a, .mainNav .navTabs > li .dropDown li > button { background-color: #fff; color: #414146; }
.headerStyle4 .mainNav .navTabs > li .dropDown li a:hover { color: #4cc1d3; }
.headerStyle4 { background: #4cc1d3; position: relative; height: 90px; top: 0px; left: 0px; border-bottom: 0px; z-index: 999999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.ndheaderv-3 .header.fixedHeader { background: rgba(76, 193, 211, 0.8); }
.ndheaderv-3 .header.fixedHeader .mainNav .navTabs li a { padding: 25px 22px 23px; }
/*----------------------------------------------------
41. Header Version 3 End
------------------------------------------------------*/
.headerStyle5 .font-color { color: #ffeb01; }
.headerStyle5 .navbar-brand { padding-top: 30px; color: #414146; }
.headerStyle5 .mainNav .navTabs > li > a, .mainNav .navTabs > li > button { color: #7d8082; padding: 36px 20px; }
.headerStyle5 .mainNav .navTabs > li .active { color: #7d8082; border-bottom: 0px; background-color: #ffeb01; }
.headerStyle5 .mainNav .navTabs > li ul li .active { border-bottom: 1px solid rgba(105, 116, 123, 0.21); }
.headerStyle5 .mainNav .navTabs > li:hover > a, .mainNav .navTabs > li:hover > button { color: #7d8082; border-bottom: 0px; background-color: #ffeb01; }
.headerStyle5 .mainNav .navTabs > li .dropDown li .active { color: #ffeb01; }
.headerStyle5 .mainNav .navTabs > li .dropDown { top: 90px; }
.headerStyle5 .mainNav .navTabs > li .dropDown li a, .mainNav .navTabs > li .dropDown li > button { background-color: #fff; color: #7d8082; }
.headerStyle5 .mainNav .navTabs > li .dropDown li a:hover { color: #ffeb01; }
.headerStyle5 { background: #fff; position: relative; height: 90px; top: 0px; left: 0px; border-bottom: 0px; z-index: 999999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.ndheaderv-4 .header.fixedHeader { background: rgba(255, 255, 255, 0.9); }
.ndheaderv-4 .header.fixedHeader .mainNav .navTabs li a { padding: 25px 18px 23px; }
.ndheaderv-4 .header .scrollHeaderWrapper { height: 72px; }
.ndheaderv-4 .header.fixedHeader { background: rgba(255, 255, 255, 0.9); }
.ndheaderv-4 .header.fixedHeader .mainNav .navTabs li a { padding: 25px 18px 23px; }
.ndheaderv-4 .header .scrollHeaderWrapper { height: 72px; }
.ndheaderv-4 .header-search { margin-top: 28px; }
.ndheaderv-4 .header.fixedHeader .header-search { margin-top: 15px; }
.ndheaderv-4 .social_sharenadea li:hover { background: #ffeb01; }
.ndheaderv-4 .footer-nav li a:hover { color: #ffeb01; }
.ndheaderv-4 .font-color { color: #ffeb01; }
/*----------------------------------------------------
42. Header Version 4 End
------------------------------------------------------*/
.headerStyle6 .font-color { color: #ffeb01; }
.headerStyle6 { background: transparent; position: absolute; height: 95px; top: 0px; left: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); z-index: 99999; }
.headerStyle6 .mainNav .navTabs > li .active { border-bottom: 1px solid #ffeb01; }
.headerStyle6 .mainNav .navTabs > li:hover > a, .mainNav .navTabs > li:hover > button { border-bottom: 1px solid #ffeb01; }
.headerStyle6 .mainNav .navTabs > li .dropDown li .active { color: #fff; }
.headerStyle6 .mainNav .navTabs > li .dropDown { background: #ffeb01; }
.ndheaderv-5 .social_sharenadea li:hover { background: #ffeb01; }
.ndheaderv-5 .footer-nav li a:hover { color: #ffeb01; }
.ndheaderv-5 .font-color { color: #ffeb01; }
/*----------------------------------------------------
43. Header Version 5 End
------------------------------------------------------*/
/*----------------------------------------------------
44. Color Chosser End
------------------------------------------------------*/
#preloader { position: fixed; display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; background: #fff; z-index: 99999999; }
.preloader-container { position: relative; display: table-cell; vertical-align: middle; z-index: 3; text-align: center; }
.preload-logo { font-size: 30px; font-family: 'Noto Sans TC'; font-weight: 700; color: #333; }
.back-logo { z-index: -1; color: #4cc1d3; position: absolute; top: 40%; left: 45%; font-size: 50px; font-family: 'Noto Sans TC'; font-weight: 700; opacity: 0.3; }
/************fix IE****************/
/*******************
Table Cell
*******************/
.table-box { display: table; width: 100%; }
.table.no-border tbody td { border: 0px; }
.cell { display: table-cell; vertical-align: middle; }
.table td, .table th { border-color: #f3f1f1; }
.table thead th, .table th { font-weight: 500; }
.table-hover tbody tr:hover { background: #f2f4f8; }
.v-middle td, .v-middle th { vertical-align: middle; }
.table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }
/*******************
Table-Data Table
******************/
.dataTables_wrapper { padding-top: 10px; }
.dt-buttons { display: inline-block; padding-top: 5px; margin-bottom: 15px; }
.dt-buttons .dt-button { padding: 5px 15px; border-radius: 4px; background: #009efb; color: #ffffff; margin-right: 3px; }
.dt-buttons .dt-button:hover { background: #2f3d4a; }
.dataTables_info, .dataTables_length { /*display: inline-block;*/ display: none; }
.dataTables_length { margin-top: 10px; }
.dataTables_length select { border: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9)); background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9); background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9); background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: transparent; -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; padding-bottom: 5px; }
.dataTables_length select:focus { outline: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9)); background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9); background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9); background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9); background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.dataTables_filter { float: right; margin-top:10px; }
.dataTables_filter input { border: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9)); background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9); background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9); background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: transparent; -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; float: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin-left: 10px; }
.dataTables_filter input:focus { outline: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9)); background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9); background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9); background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9); background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.dataTables_filter * { vertical-align:middle; height:25px; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: transparent; }
table.dataTable thead .sorting_asc:after { line-height: 10px; content: "\f0de"; margin-left: 10px; font-family: "FontAwesome"; font-weight: 900; cursor: pointer; }
table.dataTable thead .sorting_desc:after { line-height: 10px; content: "\f0dd"; margin-left: 10px; font-family: "FontAwesome"; font-weight: 900; cursor: pointer; }
table.dataTable thead .sorting:after { line-height: 10px; content: "\f0dc"; margin-left: 10px; font-family: "FontAwesome" !important; font-weight: 900; cursor: pointer; color: rgba(50, 50, 50, 0.5); }
.dataTables_wrapper .dataTables_paginate, div.dataTables_wrapper div.dataTables_paginate { float: left; text-align: left; padding-top: 0.25em; }
.dataTables_wrapper .dataTables_paginate .paginate_button { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width: 1.5em; /*padding: 0.5em 1em;*/
    text-align: center; text-decoration: none; cursor: pointer;  *cursor: hand;
    color: #67757c; border: 1px solid #ddd; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #ffffff !important; border: 1px solid #009efb; background-color: #009efb; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #67757c; border: 1px solid #ddd; background: transparent; -webkit-box-shadow: none; box-shadow: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white; border: 1px solid #009efb; background-color: #009efb; }
.dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #67757c; }
.dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; }
/*******************
Table- responsive
******************/
.tablesaw-bar .btn-group label { color: #67757c !important; }
/*******************
Table- editable table
******************/
.dt-bootstrap { display: block; }
#editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button { padding: 0px; background: #ffffff; }
#editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button:hover { background: #ffffff; }
#editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button a { padding: 5px 10px; border-radius: 4px; border: 0px; }
#editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button.active a, #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button:hover a { background: #1e88e5; color: #ffffff; }
.headerStyle3 { position: relative}
#myTable { width: 100% !important; }
#myTable, #myTable2 { color: #333; border-top: 0; }
#myTable th, #myTable2 th { background: #F3CB02; font-size: 24px; border: 0; padding: 0; }
#myTable th td:nth-child(2), #myTable2 th td:nth-child(2) { background: #333; color: #FFF; padding: 8px; border: 0; }
#myTable tbody tr:nth-of-type(odd) > td.col-md-3, #myTable tbody tr:nth-of-type(even) > td.col-md-3 { border: 1px solid #ccc; border-top: 0 }
#myTable tbody tr:nth-child(1) td, #myTable2 tbody tr:nth-child(1) td { border-top: 0 }
#myTable2_wrapper .dataTables_paginate.paging_simple_numbers { float: right }
.dataTables_wrapper .pagination li a, .dataTables_wrapper .pagination li span { border-radius: 0 !important; background: transparent; }
.pagination > li > a:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #ddd; color: #333; border: 0; }
.dataTables_wrapper .dataTables_paginate .paginate_button.active, .table-striped > tbody > tr:nth-of-type(odd) { background: #ddd; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: 1px solid #ddd; }
.bannercontainer ul { margin-bottom: 0; }
/*.dataTables_paginate.paging_simple_numbers { display: none; }*/
div.dataTables_wrapper div.dataTables_filter label { padding: 10px 20px; background: #F3CB02;  color: #333; border-radius: 30px; }
div.dataTables_wrapper div.dataTables_filter label::after { width: 20px; height: 30px; content: "\f002"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }




.fa-search:hover { cursor:pointer; }
@media screen and (max-width:700px) {
	.text-right { text-align:center !important; padding-left:20px; padding-right:20px; margin-bottom:10px; }
	.dataTables_filter { float:none !important; max-width:300px; margin:auto; clear:both; }
}