/*
Theme Name: Oshin Child
Description: Oshin Child Theme
Author: Brand Exponents
Template: oshin
Version: 2.1
*/
@import url("../oshin/style.css");
/* =Theme customization starts here
-------------------------------------------------------------- */
.p-top0 { padding-top: 0 !important }
.m-btm-40 { margin-bottom: 40px !important }
.m-btm-0, #financial-information .m-btm-0 { margin-bottom: 0 !important }
.a-center { text-align: center }
p { margin-bottom: 25px }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
cursor: auto;
max-width: 640px;
padding: 0 26px;
width: auto;
}
.mfp-content .white-popup-block{
margin: 0 auto;
padding: 39px 20px 10px 20px;
position: relative;
text-align: left; line-height:23px}
.mfp-content .white-popup-block .mfp-close{ font-size: 37px !important;right: -4px !important;top: -3px !important;}
/*.style1 #navigation, .style3 #navigation, .style5 #navigation, #header-controls-left, #header-controls-right, #header-wrap, .mobile-nav-controller-wrap, #left-header-mobile .header-cart-controls, .style6 #navigation-left-side, .style6 #navigation-right-side, .overlay-menu-close {
line-height: 104px;
}*/
.top-lang{position: fixed; top: 0; right: 0; background:#1a1819; height:50px; line-height:50px; position: relative; width:100%; margin:0; text-align:right; z-index:10; border-bottom:1px solid #2b2b2b}
.qtranxs_widget.widget { position: absolute; top: 3px; right: 28px; z-index:999999; }
/*.top-lang .lang-en a{background: url(images/eng-lang-icn.png) no-repeat left top; padding-left:40px}
.qtranxs_widget ul li.lang-en { margin-right:23px}
.top-lang .lang-zh a{background: url(images/chinese-lang-icn.png) no-repeat left top;padding-left:40px }
.top-lang .qtranxs_widget ul li.active a, .qtranxs_widget.widget a:hover{ color:#1bafe5}
.qtranxs_widget.widget a { color: #fff; font-size: 14px; }*/
.qtranxs_widget.widget a { color: #fff; font-size: 12px; }
.qtranxs_widget.widget a:hover, .qtranxs_widget ul li.active a { color: #91d3ff !important;}
.no-transparent .qtranxs_widget.widget a{ color: #243355; }
.no-transparent .qtranxs_widget.widget a { color: #243355; }
.update-date { font: 300 12px "Montserrat", "Open Sans", "Arial", sans-serif; position: absolute; top: -90px; padding: 13px 13px; display: inline; background-color: #f2f2f2; border-radius: 3px; right: 0; }
#header-inner-wrap.top-animate #navigation li a, .top-animate .header-search-controls .search-button { color: #243355 }
#header-inner-wrap.top-animate #navigation li ul li a { color: inherit }
#header-inner-wrap.top-animate #navigation li ul li a:hover, #header-inner-wrap.top-animate #navigation li a:hover { color: #1bafe5 }
.header-search-controls .search-button { font-size: 22px; top: 15px; }
.top-animate .header-search-controls .search-button {top: 7px;}
#bottom-widgets { border-top: 1px solid #c2c2c2; padding: 25px 0; margin-top: 65px; }
#footer .be-wrap { max-width: 90%; }
.f-menu-links .one-third { width: 33.333%; margin: 0 0 0 0 }
/*.f-menu-links .column-block{ margin-left: 0;}*/
#bottom-widgets .widget_nav_menu { float: left; margin-bottom: 5px; margin-right: 4%; width: 46%; }
#bottom-widgets .widget_nav_menu ul li:before { display: none }
#bottom-widgets ul.menu, #bottom-widgets ul.menu li{ list-style:none}
#bottom-widgets ul.menu li.current-menu-item a{ color: #1bafe5;}
#bottom-widgets ul.menu{ margin:0 0 20px 0 !important; padding:0}
#bottom-widgets .widget_nav_menu ul li, #bottom-widgets ul.menu li { padding-left: 0; margin-bottom: 9px; line-height: normal }
#bottom-widgets .widget ul li a, #bottom-widgets a { font-size: 11px; }
#bottom-widgets .widget_nav_menu .menu { margin-right: 10px; }
#footer #footer-wrap { padding: 13px 0; font-size: 11px }
.footer-content-inner-right a { color: #707475; margin: 0 6px }
.footer-content-inner-right a:hover { color: #1bafe5; }
.home-sec { position: relative; color: #fff; font-size: 13px }
.home-sec.bg1 { background: url(images/featured-box-1.jpg) no-repeat left top; }
.home-sec.bg2 { background: url(images/featured-box-2.jpg) no-repeat left top; }
.home-sec.bg3 { background: url(images/featured-box-31.jpg) no-repeat left top; }
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { background-size: 100% auto; padding: 130px 29px 29px 29px; background-position: center top; }
/*.home-sec.bg1:after,
.home-sec.bg2:after,
.home-sec.bg3:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 60%; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.7)); opacity: 1; z-index: 0; }*/
/*.home-sec h2, .home-sec p,.be-shortcode{ position:absolute}*/
.home-sec h2 { color: #fff; font-weight: normal; font-size: 30px; margin-bottom: 12px; line-height: normal; position: relative; z-index: 1; }
.home-sec p { line-height: normal; margin-bottom: 12px; position: relative; z-index: 2; width: 102%; }
.be-shortcode { }
.tp-leftarrow.default { background-image: url(images/large_left.png) !important; }
.tp-rightarrow.default { background-image: url(images/large_right.png) !important; }
.tp-bullets, .tp-rightarrow.default, .tp-leftarrow.default { z-index: 1 !important }
.tp-leftarrow:hover, .tp-rightarrow:hover { background-position: left bottom !important; }
.page-title-module-custom { padding: 10px 0; }
/*.page-template-page-sidebar-with-title-nav .page-title-module-custom .left.page-title-custom,
.page-template-page-full-width .page-title-module-custom .left.page-title-custom
{ display:none}
.page-template-page-sidebar-with-title-nav .page-title-module-custom .right.header-breadcrumb,
.page-template-page-full-width .page-title-module-custom .right.header-breadcrumb
{ float:left}*/
.page-title-module-custom .header-breadcrumb, .page-title-module-custom .header-breadcrumb .breadcrumbs { font-size: 13px !important; color: #787878 !important; font-weight: regular !important }
.page-title-module-custom .header-breadcrumb .breadcrumbs a, .page-title-module-custom .header-breadcrumb .breadcrumbs a { color: #232323 !important }
.page-title-module-custom .header-breadcrumb .breadcrumbs a:hover, .header-breadcrumb .breadcrumbs a:hover { color: #787878 !important; }
#content-wrap .subnav ul li ul { display: none }
#content-wrap .subnav ul li, .subnav ul { list-style: none }
.subnav ul { padding: 0 }
#content-wrap .subnav ul li { position: relative; text-transform: uppercase; border-bottom: 1px solid #e8e8e8; padding: 20px 0; margin: 0 }
#content-wrap .subnav ul li:after { content: '\e732'; font-family: "icomoon"; width: 25px; /*same as padding-left set on li*/
font-size: 24px; position: absolute; right: 0; display: block; height: 10px; position: absolute; right: 6px; top: 18px; color: #c3c3c3 !important }
#content-wrap .subnav ul li a { color: #8a8a8a; display: block; padding-right: 25px; font-weight: 600 }
#content-wrap .subnav ul li a:hover, #content-wrap .subnav ul li.current_page_item a, #content-wrap .subnav ul li.current_page_item:after, #content-wrap .subnav ul li.current_page_parent a, #content-wrap .subnav ul li.current_page_parent:after, #content-wrap .subnav ul li.current_page_ancestor a, #content-wrap .subnav ul li.current_page_ancestor:after { color: #003896 !important }
#content-wrap .subnav ul li:hover:after { color: #003896 !important }
/*.page-template-page-sidebar-with-title-nav #content, .page-template-page-full-width #content-wrap{ padding-top:30px !important; }
.page-template-page-sidebar-with-title-nav #page-content, .page-template-page-full-width #page-content{ padding-top:30px !important}*/
#feauture-boxes .be-wrap { max-width: 1003px; padding: 0 20px }
#latest-nw .be-wrap { max-width: 1200px; padding: 0 20px; margin: 0 auto; }
#feauture-boxes .one-third { width: 32%; }
#feauture-boxes .column-block { margin-left: 2% }
#feauture-boxes .be-row .column-block:first-child { margin-left: 0; }
#feauture-boxes { margin-bottom: 0 !important }
#latest-nw .be-no-space .column-block { min-height: inherit !important; }
#latest-nw .column-block .be-custom-column-pad { padding: 10px !important; }
.home .be-themes-comments { display: none }
.divider { width: 250px; margin: 0 auto; overflow: hidden; background: url(images/divider.png) repeat-x center center; height: 5px; padding: 25px 0 20px 0 }
#product-gal .one-col { min-height: 250px; }
#product-gal .one-col h5 { color: #fff !important; margin-bottom: 14px; padding-left: 57px; line-height: 35px }
#product-gal .one-col h5.icn-1 { background: url(images/dispaly-drivers-icn.png) no-repeat left 4px; background-size: 42px auto; }
#product-gal .one-col h5.icn-2 { background: url(images/lcos-icn.png) no-repeat left top; background-size: 63px auto; line-height: 20px; margin-bottom: 14px; padding-left: 76px; }
#product-gal .one-col h5.icn-3 { background: url(images/hitouch-icn.png) no-repeat left top; background-size: 30px auto; line-height: 29px; padding-left: 38px; }
#product-gal .one-col h5.icn-4 { background: url(images/cmos-icn.png) no-repeat left top; background-size: 39px auto; line-height: 32px; padding-left: 51px; }
#product-gal .one-col h5.icn-5 { background: url(images/wafer-icn.png) no-repeat left top; background-size: 40px auto; line-height: 27px; padding-left: 51px; }
#product-gal .one-col h5.icn-6 { background: url(images/video-icn.png) no-repeat left top; background-size: 30px auto; line-height: 30px; padding-left: 46px; }
#product-gal .one-col h5.icn-7 { background: url(images/power-ic-icn.png) no-repeat left top; background-size: 36px auto; line-height: 36px; padding-left: 50px; }
#product-gal .one-col h5.icn-8 { background: url(images/etfl-icn.png) no-repeat left top; background-size: 38px auto; line-height: 36px; padding-left: 50px; }
#product-gal .one-col h5.icn-9 { background: url(images/wiseeye-icon.png) no-repeat left top; background-size: 42px auto; line-height: 40px; padding-left: 51px; }
#product-gal .one-col h5.icn-font { padding-left: 0; margin-bottom:15px; }
#product-gal .one-col h5.icn-font::before { margin-right:10px; font-size: 30px; vertical-align: middle; }
h5 { color: #c94c15 }
#product-gal .be-custom-column-inner { max-width: 500px; padding: 54px 0 0 74px; float: left; }
#product-gal .one-col p { font-size: 14px; line-height: normal; margin-bottom: 13px; color: #fff; }
#product-gal .one-col.column-block { margin-bottom: 5px !important }
#support-sec h5 { min-height: 68px; margin-bottom: 15px; padding-left: 53px; color: #222 }
#support-sec h5.icn-1 { background: url(images/tech-support-icn.png) no-repeat left top; }
#support-sec h5.icn-2 { background: url(images/module-optics-icn.png) no-repeat left top; line-height: 27px }
#support-sec h5.icn-3 { background: url(images/image-evaluation.png) no-repeat left top; line-height: 27px }
#support-sec h5.icn-1, #support-sec h5.icn-2, #support-sec h5.icn-3 { background-size: 35px auto; }
#support-sec .one-third:first-child .be-custom-column-inner { border: 0 !important; padding: 0 }
#support-sec .one-third { line-height: normal }
#support-sec .be-custom-column-inner, #contact-sec .be-custom-column-inner { border-left: 1px solid #e7e7e7 !important; padding: 0 30px !important; }
#contact-sec .be-custom-column-inner { min-height: 189px; }
#support-sec .one-third { position: relative; width: 33%; margin-left: 0 !important }
#support-sec .be-wrap { max-width: 950px; padding: 0 20px }
.be-button-wrap .be-button { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important }
h5.lt-rt-pdg { padding: 0 130px; color: #222 }
ul.job-list, ul.pdf-list { padding: 0; margin: 0 }
ul.job-list, ul.job-list li, ul.pdf-list li { list-style: none; line-height: normal }
ul.job-list li { margin-bottom: 6px }
ul.job-list li a { color: #243254 }
ul.job-list li a:hover { color: #65aee5 }
#contact-sec .one-fourth { width: 25%; margin-left: 0 !important }
#contact-sec-col .one-third{ margin-left: 0 !important;
position: relative;
width: 33%;}
#contact-sec-col .be-custom-column-inner {
border-left: 1px solid #e7e7e7 !important;
padding: 0 30px !important;
}
#contact-sec-col .one-third:first-child .be-custom-column-inner {
border: 0 none !important;
padding: 0;
}
#contact-sec .one-fourth p, #contact-sec .one-third p { line-height: normal; margin-bottom: 16px; }
#contact-sec .one-fourth p.cont-sc{ min-height: 65px; }
#contact-sec-col .one-third p.cont-sc-2 { min-height: 50px; line-height:normal}
#contact-sec-col .one-third p.cont-sc { min-height: 30px; line-height:normal}
#contact-sec .be-wrap { max-width: 1170px; padding: 0 20px }
#contact-sec-col .be-wrap { max-width:970px; padding: 0 20px }
#contact-sec h5, #contact-sec-col h5 { min-height: 50px; margin-bottom: 10px; padding-left: 50px; line-height: 35px; color: #222 }
#contact-sec h5.icn-1, #contact-sec-col h5.icn-1 { background: url(images/sales-icn.png) no-repeat left top; }
#contact-sec h5.icn-2, #contact-sec-col h5.icn-2 { background: url(images/services-icn.png) no-repeat left top; }
#contact-sec h5.icn-3, #contact-sec-col h5.icn-3 { background: url(images/jobs-icn.png) no-repeat left top; }
#contact-sec h5.icn-3, #contact-sec-col h5.icn-4 { background: url(images/jobs-icn.png) no-repeat left top; }
#contact-sec h5.icn-4, #contact-sec-col h5.icn-5 { background: url(images/global-loc-icn.png) no-repeat left top; background-size: 30px auto; line-height: 39px; padding-left: 44px; }
#contact-sec h5.icn-1, #contact-sec-col h5.icn-2, #contact-sec h5.icn-3 { background-size: 38px auto; }
#contact-sec .one-fourth:first-child .be-custom-column-inner { border: 0 none !important; padding: 0; }
.latest-news-sec { overflow: hidden; background: #f4f4f4; padding-right: 13px; /*margin:20px 0 30px 0*/ }
.new-update-tit { width: 13%; float: left }
.new-update-tit div { font-size: 14px; background: #1bafe5; text-transform: uppercase; height: 75px; line-height: 75px; position: relative; display: block; color: #fff; font-weight: bold; padding-right: 16px; width: 90%; text-align: center }
html:lang(zh-TW) .new-update-tit div, html:lang(zh-CN) .new-update-tit div { font-size: 16px; }
.new-update-tit div:after { background: url(images/shape-bg-large.png) no-repeat; content: ""; display: block; height: 75px; position: absolute; right: 0; top: 0; width: 29px; }
html:lang(en-US) .latest-news-sec:last-of-type .list-cont { padding-top: 0; }
.news-tit { width: 13%; float: left }
.list-cont { float: right; width: 83%; padding-left: 2%; padding-top: 8px; padding-right: 2% }
.list-cont p { margin-bottom: 0; line-height: normal; margin-bottom: 3px }
.list-cont ul { line-height: normal; list-style: none; margin: 0; padding: 0 !important }
.list-cont ul li { list-style: none; }
.news-tit div { font-size: 16px; background: #77b962; text-transform: uppercase; height: 75px; line-height: 75px; position: relative; display: block; color: #fff; font-weight: bold; padding-right: 16px; width: 90%; text-align: center }
.news-tit div:after { background: url(images/shape-bg-large.png) no-repeat; content: ""; display: block; height: 75px; position: absolute; right: 0; top: 0; width: 29px; }
.hr-saparator-bl { background-color: #1bafe5; border-color: #1bafe5; color: #1bafe5; height: 2px; margin-bottom: 10px; width: 120px; display: block }
/*.page-template-page-full-width #content-wrap{ padding:0 !important}*/
.divider-100-per { width: 100%; margin-top: 20px; overflow: hidden; background: url(images/divider.png) repeat-x center center; height: 5px; }
.list-cont .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0px solid #fff; left: 0; background: none; }
.list-cont .bx-wrapper li div { display: block; margin-bottom: 3px; padding-right: 13px; font-size: 14px; line-height: 30px }
.list-cont .bx-wrapper .bx-controls-direction a { height: 12px; margin-top: 0; outline: 0 none; position: absolute; top: 0; width: 21px; }
.list-cont .bx-wrapper .bx-prev { background: url(images/icn-up.png) no-repeat scroll 0 0 !important; right: 0px !important; background-size: 21px auto !important; top: 1px !important; left: inherit }
.list-cont .bx-wrapper .bx-next { background: url(images/icn-dw.png) no-repeat scroll 0 0 !important; right: 0 !important; background-size: 21px auto !important; top: 40px !important }
.list-cont .bx-wrapper .bx-next:hover, .list-cont .bx-wrapper .bx-prev:hover { background-position: 0 0 !important; }
.list-cont .bx-pager.bx-default-pager { display: none !important }
.list-cont .bx-controls.bx-has-pager { position: absolute; right: -14px; top: 0; }
ul.recent-news { padding: 0; margin: 0; list-style: none }
ul.recent-news li { list-style: none; padding: 8px; line-height: normal; overflow: hidden }
.grey-clr { background: #f8f8f8 }
ul.recent-news li .date-txt { width: 25%; float: left; padding-right: 4%; color: #000 }
ul.recent-news li .desc-txt { width: 71%; float: left; color: #304670 }
ul.recent-news li .desc-txt a { color: #304670 }
ul.recent-news li .desc-txt a:hover { color: #1bafe5 }
#company-sec2 hr.separator, #company-sec3 hr.separator { margin: 0 !important }
#company-sec2 h5, #company-sec3 h5, #company-sec1 h5 { margin-bottom: 5px; color: #222 }
#company-sec3 p.desc { min-height: 52px; margin-bottom: 15px }
#company-sec2 .one-half:first-child, #company-sec2 .one-half { margin-bottom: 0; }
#company-sec3 { padding-bottom: 40px; padding-top: 15px }
#company-sec2 { padding-top: 15px }
.left-sidebar-page, .right-sidebar-page, .no-sidebar-page .be-section-pad:first-child, .page-template-page-940-php #content, .no-sidebar-page #content-wrap, .portfolio-archives.no-sidebar-page #content-wrap { }
.page-id-10 #content-wrap { padding: 0 !important }
ul#mobile-menu a { color: #fff !important }
ul#mobile-menu a:hover { color: #000 !important }
#mobile-menu, #mobile-menu ul { padding: 20px 0 !important; }
#company-sec2, #company-sec3 { background: url(images/brdr-bg.jpg) repeat-y center center; }
/*#investor-sec{ display:none}*/
ul.inv-list, ul.side-block { list-style: outside none none; margin: 0; padding: 0; }
ul.side-block li .be-button-wrap .be-button{ height:20px; display:block; line-height:20px; margin-bottom:0 !important}
ul.inv-list li, ul.side-block li { list-style: none }
ul.side-block li { margin-bottom: 30px; background: #f8f8f8; text-align: center; padding-top: 30px; padding-bottom: 30px; width: 100% }
ul.side-block li.drk-bg { background: #e8eef4; padding-bottom:10px}
ul.inv-list li .date-txt { width: 18%; float: left; padding-right: 4%; color: #000 }
ul.inv-list li .desc-txt { width: 66%; float: left; color: #304670 }
ul.inv-list li .desc-txt a { color: #304670 }
ul.inv-list li .desc-txt a:hover { color: #1bafe5 }
ul.inv-list li .pdf-sec { width: 10%; float: right; text-align: right }
a.pdf-icn { background: url(images/pdf-icn-sm.png) no-repeat left; display: block; background-size: 20px auto; width: 20px; height: 38px; margin-top: 0; float: right; margin-right:20px}
#content { padding-top: 30px; }
.grey { color: #222 }
#investor-sec .ui-tabs .ui-tabs-nav li.ui-tabs-active a { border-bottom: 2px solid; color: red !important; }
#investor-sec .ui-tabs .ui-tabs-nav li.ui-tabs-active a { border-bottom: 2px solid #549441 !important; color: #243254 !important; }
#investor-sec .ui-tabs .ui-tabs-nav li a, #investor-sec .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { clear: both; color: #7a7a7a; cursor: pointer; }
#investor-sec .ui-tabs-anchor { text-transform: none }
.newsletter-form input { }
.newsletter-form .wpcf7-form-control-wrap{ margin-bottom:16px}
.newsletter-form .wpcf7-not-valid-tip{ display:none !important}
.newsletter-form br { display: none }
.newsletter-form input[type="text"], .newsletter-form input[type="email"], .newsletter-form input[type="password"], .newsletter-form input[type="tel"], .newsletter-form select { width: 99%; margin-bottom: 18px; font-size: 14px;
height: 28px;
line-height: normal;
margin: 0;
padding-bottom: 7px;
padding-top: 7px;}
.newsletter-form select { width: 99%; color: #7A7A7A; height:auto; border: 1px solid #eeeeee;background: #fafbfd; display: block;padding-top: 10px;padding-bottom: 10px ;}
.newsletter-form .be-button-wrap { float: right; margin-right: 0 }
ul.inv-list li:after, ul.side-block li :after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
.table-container-outer { position: relative; }
.table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; }
.table-container::-webkit-scrollbar { -webkit-appearance: none;
width: 14px;
height: 14px; }
.table-container::-webkit-scrollbar-thumb { border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3); }
.table-container-fade { position: absolute; right: 0; width: 30px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff); background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff); background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff); background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff); background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff); display: none }
.table-container td, .table-container th { border-width: 0px 0px 1px 0; padding: 12px 11px; line-height: normal; position: relative; min-width: 75px }
.table-container-outer .table-container td, .table-container-outer .table-container th{ white-space: nowrap;}
.table-container th { color: #243254; text-transform: none; text-align: left }
.table-container tr:last-child td { border: 0; }
.table-container:not(.nohover) tbody tr:hover { background-color: #f2f3f8; }
.table-container:thead tr:hover { background-color: #f8f8f8; }
.table-container table { overflow: hidden }
/*.table-container td:hover::after, .table-container thead th:not(:empty):hover::after, .table-container td:focus::after, .table-container thead th:not(:empty):focus::after { content: ''; height: 10000px; left: 0; position: absolute; top: -5000px; width: 100%; z-index: -1; }
.table-container td:hover::after { background-color: #f2f3f8; }*/
/*.table-container th{ background-color: #f8f8f8;}*/
.table-container th:hover::after { background-color: #f8f8f8; }
.table-container .td-alt-clr { background-color: #f8f8f8 }
.table-container td:focus::after, .table-container th:focus::after { background-color: lightblue; }
/* Focus stuff for mobile */
.table-container td:focus::before, .table-container tbody th:focus::before { background-color: lightblue; content: ''; height: 100%; top: 0; left: -5000px; position: absolute; width: 10000px; z-index: -1; }
#investor-presentations .one-fourth h5 { color: #243254; font-size: 36px; line-height: 40px; margin-bottom: 10px !important }
#financial-information .one-fourth h5 { color: #243254; font-size: 36px; line-height: 40px; margin-bottom: 10px !important }
a.report-pdf-icn, a.annual-pdf-icn { background: url(images/pdf-icn.png) no-repeat 100px 3px; display: block; float: left; color: #243254; line-height: 40px; background-size: 27px auto; padding-right: 43px; font: 400 36px/40px "Raleway", "Open Sans", "Arial", sans-serif; letter-spacing: 0; text-transform: none; width: 100px }
.report-grey { background: url(images/pdf-icn.png) no-repeat 100px 3px; display: block; float: left; color: #cccccc; background-size: 27px auto; padding-right: 43px; font: 400 36px/40px "Raleway", "Open Sans", "Arial", sans-serif; width: 100px }
ul.pdf-list li { float: left; padding: 0 7px; border-left: 1px solid #e7e7e7; color: #cccccc; font-size: 17px; line-height: 27px }
ul.pdf-list li:first-child { border: 0 }
ul.pdf-list li a { color: #1bafe5 }
ul.pdf-list li a:hover { color: #243254 }
#topcont-sec { display: none }
#financial-information .column-block { margin-bottom: 10px; }
#annual-report h5, #financial-information h5 { margin-bottom: 15px !important }
#annual-report .column-block { margin-bottom: 27px; }
.desaturate { -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#grayscale"); color: #cccccc !important; cursor: inherit }
.report-grey.desaturate:hover { color: #cccccc; }
#display-drivers h5 { line-height: 35px; margin-bottom: 10px; min-height: 50px;/*padding-left: 56px; color:#222222*/ }
#display-drivers h5.icn-1 { background: url(images/large-sized-icn.png) no-repeat; }
#display-drivers h5.icn-2 { background: url(images/mobile-apl-icn.png) no-repeat; }
#display-drivers h5.icn-3 { background: url(images/consumer-prod-icn.png) no-repeat; }
#display-drivers h5.icn-4 { background: url(images/vcm-prod-icn.png) no-repeat; }
#display-drivers h5.icn-1, #display-drivers h5.icn-3, #display-drivers h5.icn-4 { background-size: 43px auto; }
#display-drivers h5.icn-2 { background-size: 27px auto; line-height: 41px; padding-left: 45px; }
.product-detail .ui-tabs .ui-tabs-nav li.ui-tabs-active a { border-bottom: 2px solid #549441 !important; color: #243254 !important; }
.product-detail .ui-tabs .ui-tabs-nav li a { cursor: pointer; /*font-size: 12px; */border-bottom: 2px solid #fff; text-transform: none }
.product-detail #content-wrap.be-wrap { margin: 0 auto; max-width: 1160px; padding: 0 20px }
.product-detail #page-content.content-single-sidebar { width: 820px; }
ul.bul-list { }
ul.bul-list li { list-style: none; position: relative; padding-left: 25px; }
ul.bul-list li:before { content: "\e779"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: normal; /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; color: #78b762; position: absolute; left: 0; top: 5px }
ul.bul-list ul li:before { font-size: 14px; top: 7px; color: #8fc37d }
#navigation .current-page-ancestor a, #navigation .current-page-ancestor a:hover, #header-inner-wrap.top-animate #navigation .current-page-ancestor a, #header-inner-wrap.top-animate #navigation .current-page-ancestor a:hover { color: #1bafe5; }
#responsive-side .sbr-toggle { display: none }
#responsive-side #right-sidebar, #responsive-side #left-sidebar { display: block }
.select-box-sec { width: 100%; float: left; margin-bottom: 20px }
.select-box-sec .left-sec, .select-box-sec .other-sec { width: 50%; float: left }
.select-box-sec .lbl-txt, .row-sec .lbl-txt { width: 40%; float: left; line-height: 38px; text-align: right }
.select-box-sec .lbl-txt span.red { color: #F00 }
.select-box-sec .fld-sec, .row-sec .fld-sec { width: 55%; float: left; margin-left: 5% }
.row-sec .fld-sec { width: 55%; float: left; margin-left: 5% }
.row-sec { width: 50%; float: left; margin-bottom: 20px }
.cust-comp textarea { height: 80px; width: 87% }
.cust-comp .select-box-sec textarea { height: 80px; width: 91% }
.cust-comp .wpcf7-not-valid-tip { display: none }
.cust-comp span.red { color: #f00 }
.cust-comp input[type="submit"], .newsletter-form input[type="submit"] { background-color: #243354; border-color: #000000; border-style: solid; border-width: 0; color: #fff; cursor: pointer; padding: 8px 35px; font-size: 20px; line-height:20px; cursor:pointer}
.cust-comp input[type="submit"]:hover,.newsletter-form input[type="submit"]:hover { background-color: #65aee5 }
.cust-comp input[type="text"], .cust-comp input[type="tel"], .cust-comp input[type="email"] { background: #fafbfd none repeat scroll 0 0;
border: 1px solid #eeeeee;
height: 28px;
line-height: normal;
margin: 0;
padding-bottom: 7px;
padding-top: 7px;
width: 91%;}
.cust-comp select { width: 96% }
input.wpcf7-not-valid[type="text"], input.wpcf7-not-valid[type="email"], input.wpcf7-not-valid[type="password"], select.wpcf7-not-valid, textarea.wpcf7-not-valid { border: 1px solid #ef8080 !important; margin-bottom: 0; }
.cust-comp .wpcf7-form-control.wpcf7-captchar.wpcf7-not-valid { width: 100px; }
.cust-comp .wpcf7-form-control-wrap.captcha { float: left; }
.cust-comp .wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha { float: left; padding-top: 8px; }
.cust-comp .wpcf7-form-control-wrap.captcha input[type="text"] { width: 98px; }
img.mfp-img { padding: 0 !important; background: #fff; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -2% !important; }
body.admin-bar .mfp-close { top: -7%; }
.page-template-page-full-width-php .no-sidebar-page #content-wrap { padding-top: 0; padding-bottom: 20px }
.table-container td.mw-165, .table-container th.mw-165 { min-width: 165px }
.table-container td.mw-110, .table-container th.mw-110 { min-width: 110px }
body.home .header-hero-section > div { display:blcok !important;}
body.home .header-hero-section > div:first-child { display:none !important;}
.no-brdr{ border:0 !important}
.stock-widget h2{color: #274158;
font-size: 25px;
line-height: normal;
margin-bottom: 17px;font-weight: 400;}
.stock-widget h2 strong{ font-weight:bold}
.stock-widget{ text-align:left; overflow:hidden; padding:0 15px}
.current-stock{ font-size:21px; margin-bottom:13px; font-weight:bold}
.current-stock div{ float:left; color:#274158}
.current-stock div.curerent-stock-val{ margin-right:14px}
.current-stock .curerent-stock-negative{ color:#ee1b1b !important;background: url(images/dw-arw.png) 0 5px no-repeat; padding-left:28px}
.current-stock .curerent-stock-positive{ color:#78b762 !important;background: url(images/up-arw.png) 0 5px no-repeat; padding-left:28px }
.curerent-stock{ margin-right:13px; color:#000}
.stock-time-options{ margin-bottom:13px; margin-top:17px}
.stock-day-highlights{ color: #274158;
font-size: 14px;
line-height: 19px;}
.stock-day-highlights strong{ float:left; width:38%;}
.stock-day-highlights span{ float:left; margin-left:5%; width:57%;}
.stock-day-highlights p{ margin-bottom:3px}
.stock-time-options div{ float:left; font-size:13px; float:left; margin-right:8px}
.stock-time-options div:last-child{ margin-right:0}
.stock-time-options a{ color:#274158; border-bottom:2px solid #274158; line-height:18px}
.stock-time-options a:hover, .stock-time-options a.tabactive{ color:#274158;border-bottom:2px solid #78b762}
.stock-day-highlights {
width: 100%;
float: left; margin:10px 0; clear:both;
}#stock1 > img {
width: 100%;
}
.audio-icn{background: url(images/microphone.gif) 0 0 no-repeat; width:27px; height:22px; display:block}
table.audiobox td{ border:1px solid #ddd; vertical-align:middle}
.tab-annual .annual-pdf-icn{
margin-bottom: 19px !important; font-weight: 300;
}
.tab-annual div{ width:33.33%; float:left; margin-bottom:10px}
#responsive-side .left-sidebar-page/*, .right-sidebar-page, .no-sidebar-page .be-section-pad:first-child, .page-template-page-940-php #content, .no-sidebar-page #content-wrap, .portfolio-archives.no-sidebar-page #content-wrap */{
padding-bottom: 20px !important;
}
.search .style1-blog .article-details, .search style5-blog .article-details, search-results .style6-blog .article-details {
padding: 0 0 0;
}
/*.search .style6-blog .special-subtitle.post-date {
margin-bottom: 0;
}*/.search .blog-post.element {
margin-bottom: 20px;
}
.search h5.post-title{ line-height:normal; margin-bottom:5px}
.search .blog-separator .separator {
display: block;
height: 1px;
margin-bottom: 0 !important;
width: 100%; margin-top:0;
}
.search .article-details, .search .blog-post.format-quote .article-details, .search .blog-post.format-link .article-details {
padding: 0;
}
.search .no-sidebar-page #content-wrap{ padding:0}
.search #header-wrap{ background: url(/wp-content/uploads/2015/07/product-driver-ic-bg.jpg) no-repeat 0 0; height:250px}
.search .no-transparent.top-animate #header-wrap{ height:auto; background:none;}
.search .update-date, .search .post-comments, .search .post-category, .search .post-meta-sep{ display:none}
.clr-both{ clear:both; display:none}
a.lnk-text{ text-decoration:underline;}
a.lnk-text:hover{ text-decoration:none;}
.search .post-title a{ color:#003896 !important}
.search .post-title a hover{ color:#1bafe5 !important }
p.slug-url{ font-size:13px; margin-bottom:20px}
p.show-search{ color: #000;
font-size: 16px;}
#rev_slider_12_2_wrapper .tp-caption.largelightwhite, #rev_slider_12_2_wrapper .tp-caption.largelightdark{ font-size:35px !important}
.smallbtn.slide-btn {
font-size: 11px !important;
line-height: 12px;
padding: 12px 15px !important;
}
#product-gal [class^="icon-"]::before, #product-gal [class*=" icon-"]::before {
color: inherit !important;
}
#about-sec ul.bul-list{}
#about-sec .one-fourth h5 {
min-height: 74px;
}
#about-sec .one-fourth ul.bul-list { min-height:300px}
#about-sec .one-fourth ul.bul-list li {
line-height: 24px;
}
.search-no-results #content, .search #content{ min-height:490px}
.search-no-results #content p.inner-content { font-size:25px; text-align:center; margin:180px 0}
@media only screen and (max-width: 1279px) {
ul.pdf-list li { font-size: 14px; padding: 0 6px; }
.product-detail #page-content.content-single-sidebar { width: 75%; }
.product-detail #left-sidebar, .product-detail #right-sidebar { width: 20%; }
.product-detail #left-sidebar, .product-detail .right-sidebar-page #page-content { margin-right: 5%; }
.product-detail .ui-tabs .ui-tabs-nav li { float: left; list-style: outside none none; margin: 0 20px 0 0; }
.stock-widget {padding: 0 12px;}
.current-stock {font-size: 16px; margin-bottom: 13px;}
.stock-time-options div { font-size: 10px;margin-right: 8px;}
.stock-day-highlights strong {width: 40%;}
.stock-day-highlights span {width: 55%;}
#investor-sec .ui-tabs .ui-tabs-nav li {margin: 0 14px 0 0;}
#investor-sec .ui-tabs-anchor {font-size: 13px;}
.stock-widget h2 {
font-size: 22px;}
}
@media only screen and (max-width: 1100px) {
.list-cont { float: left; padding-left: 1%; padding-right: 1%; padding-top: 8px; width: 84%; margin-right: -1%; }
.new-update-tit div { font-size: 12px; }
.news-tit div { font-size: 12px; }
}
@media only screen and (max-width: 1090px) {
.new-update-tit { float: left; width: 9%; }
.new-update-tit div { font-size: 13px; line-height: 11px; padding-top: 10px; height: 63px; }
.news-tit { float: left; width: 9%; }
.list-cont { width: 89%; }
.news-tit div { font-size: 13px; line-height: 19px; padding-top: 10px; height: 63px; }
}
@media only screen and (max-width: 1070px) {
}
@media only screen and (max-width: 1040px) {
#contact-sec .be-custom-column-inner { min-height: 189px; padding: 0 15px !important; }
}
@media only screen and (max-width: 1030px) {
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 140px; padding: 83px 24px 29px; }
}
@media only screen and (max-width: 1023px) {
.list-cont .bx-wrapper li div { font-size: 14px; line-height: 25px; }
}
@media only screen and (max-width: 1024px) {
.product-detail .ui-tabs .ui-tabs-nav li a { font-size: 12px; }
.product-detail .ui-tabs .ui-tabs-nav li { margin: 0 20px 0 0; }
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
#contact-sec-col .one-third p.cont-sc {
min-height: 50px;
}
}
@media only screen and (max-width: 959px) {
#contact-sec .one-fourth { width: 50%; margin-bottom: 30px }
#contact-sec .be-custom-column-inner { min-height: 189px; padding: 0 30px !important; }
.qtranxs_widget.widget { top: 5px; }
#contact-sec .one-fourth .be-custom-column-inner { border: 0 none !important; }
.list-cont .bx-wrapper li div { font-size: 11px; line-height: 1em; margin-bottom: 0.4em; }
#company-sec2, #company-sec3 { background: none }
#company-sec2 .one-half, #company-sec3 .one-half { margin-bottom: 20px !important }
#company-sec3 p.desc { margin-bottom: 15px; min-height: 20px; }
#financial-information .one-fourth, #annual-report .one-fourth { width: 50%; float: left; }
#annual-report h5, #annual-report .one-col.column-block { margin-bottom: 0 !important; }
#display-drivers .be-section .be-row:last-child .column-block { margin-bottom: 50px; }
.select-box-sec .left-sec, .select-box-sec .other-sec { float: left; width: 100%; }
.select-box-sec .left-sec, .select-box-sec .other-sec { float: left; width: 100%; margin-bottom: 18px; }
.cust-comp input[type="text"], .cust-comp input[type="tel"], .cust-comp input[type="email"] { background: #fafbfd none repeat scroll 0 0; border: 1px solid #eeeeee; width: 95%; }
.row-sec { float: left; margin-bottom: 20px; width: 100%; }
.qtranxs_widget.widget a {
font-size: 15px;
}
.header-search-controls .search-button {
font-size: 34px;
top: 8px;
}
.menu-icon{ border-top-width: 4px; width: 28px; margin-bottom: 10px;}
.custom-font-icon .menu-icon.menu-icon-first {top: -5px;}
.custom-font-icon .menu-icon.menu-icon-second{ top: 2px;}
.custom-font-icon .menu-icon.menu-icon-third {top: 10px;}
.stock-time-options div {
font-size: 13px;
margin-right: 10px;
}.current-stock {
font-size: 21px;
}.stock-widget h2 {
font-size: 25px;
}
ul.side-block{ margin-top:20px}
ul.side-block li{
max-width: 300px;
margin: 0 auto;
}#about-sec .one-fourth ul.bul-list,#about-sec .one-fourth h5 { min-height:auto}
#about-sec .one-fourth,#about-sec .one-fourth ul.bul-list{ margin-bottom:20px !important}
}
@media only screen and (max-width: 910px) {
h5.lt-rt-pdg { padding: 0 }
}
@media only screen and (max-width: 900px) {
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 135px; padding: 77px 15px 29px; }
#support-sec h5 { line-height: 27px; }
}
@media only screen and (max-width: 890px) {
.list-cont .bx-wrapper .bx-viewport { height: 55px !important }
.new-update-tit div::after { display: none }
.new-update-tit div { padding-right: 0; height: 55px }
.news-tit div::after { display: none }
.news-tit div { padding-right: 0; height: 55px }
#feauture-boxes .be-section-pad { padding-top: 0 !important }
.product-detail #left-sidebar, .product-detail #right-sidebar { width: 27%; }
.product-detail #left-sidebar, .product-detail .right-sidebar-page #page-content { margin-right: 3%; }
.product-detail #page-content.content-single-sidebar { width: 70%; }
.product-detail .ui-tabs .ui-tabs-nav li { margin: 0 15px 10px 0; width: 100%; }
.product-detail .ui-tabs .ui-tabs-nav li.ui-tabs-active a { width: 100%; }
.product-detail .ui-tabs .ui-tabs-nav li a { font-size: 15px; }
#contact-sec-col h5 { font-size: 17px;}
}
@media only screen and (max-width: 860px) {
#support-sec h5 { line-height: 36px; margin-bottom: 15px; min-height: 60px; padding-left: 53px; font-size: 18px; }
#support-sec .be-custom-column-inner { border-left: 1px solid #e7e7e7 !important; padding: 0 20px !important; }
}
@media only screen and (max-width: 850px) {
.home-sec h2 { font-size: 26px; margin-bottom: 6px; }
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 135px; padding: 67px 15px 29px; }
#product-gal .be-custom-column-inner { max-width: 500px; padding: 54px 0 0 31px; }
/*.list-cont .bx-wrapper .bx-viewport { height: 68px !important; }*/.list-cont .bx-controls.bx-has-pager { position: absolute; right: -14px; top: 18%; }
.new-update-tit div { height: 65px; }
.new-update-tit div { font-size: 13px; height: 65px; line-height: 19px; padding-top: 14px; }
.news-tit div { height: 65px; }
.news-tit div { font-size: 13px; height: 60px; line-height: 19px; padding-top: 14px; }
}
@media only screen and (max-width: 790px) {
#support-sec h5 { font-size: 16px; line-height: 39px; }
#contact-sec-col h5 {
font-size: 15px;
}
#product-gal p { margin-bottom: 20px }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#contact-sec .be-wrap { max-width: 740px; padding: 0; }
}
@media only screen and (max-width: 768px) {
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { background-size: 100% auto; height: 135px; padding: 44px 15px 29px; }
#content-wrap .subnav ul li { padding: 14px 0; }
#content-wrap .subnav ul li::after { top: 13px; }
.search-no-results #content p.inner-content { margin:60px 0}
.search-no-results #content, .search #content{ min-height:250px}
}
@media only screen and (max-width: 767px) {
#contact-sec-col h5 {
font-size: 18px;
}#contact-sec-col .one-third p.cont-sc, #contact-sec-col .one-third p.cont-sc-2 {
min-height: 20px;
}
#support-sec .be-wrap, #contact-sec .be-wrap { max-width: 300px; margin: 0 auto; }
#bottom-widgets .column-block { margin-bottom: 20px !important }
#feauture-boxes .one-third.column-block { float: left; margin-bottom: 1px !important }
#product-gal .be-custom-column-inner { float: left; max-width: 500px; padding: 25px 18px 0 18px; }
#support-sec .one-third/*, #contact-sec .one-fourth */, #contact-sec-col .one-third { margin-left: 0 !important; position: relative; width: 100%; float: left; }
#contact-sec .one-fourth { float: left; }
#contact-sec-col .one-third{ margin-bottom:30px; /*border-bottom:1px solid #e7e7e7; padding-bottom:20px*/}
#contact-sec .one-fourth p.cont-sc { min-height: 35px; }
#support-sec .be-custom-column-inner { border-top: 1px solid #e7e7e7 !important; border-left: 0px solid #e7e7e7 !important; padding: 20px 20px 0 20px !important; }
#contact-sec-col .be-custom-column-inner { border-left: 0px solid #e7e7e7 !important; padding: 0 20px !important; }
#support-sec .one-third:first-child .be-custom-column-inner, #contact-sec .one-fourth:first-child .be-custom-column-inner/*,
#contact-sec-col .one-third:first-child .be-custom-column-inner */{ border: 0 none !important; padding-top: 0 !important; }
#support-sec.be-section .be-row:last-child .column-block, #contact-sec-col.be-section .be-row:last-child .column-block { margin-bottom: 20px !important; }
#contact-sec .be-custom-column-inner { min-height: 20px; }
#support-sec h5 { min-height: 50px }
#support-sec p { margin-bottom: 20px }
#support-sec h5.icn-1, #support-sec h5.icn-2, #support-sec h5.icn-3 { min-height: 43px; line-height: 32px; }
.left-sidebar-page, .right-sidebar-page, .no-sidebar-page .be-section-pad:first-child, .page-template-page-940-php #content, .no-sidebar-page #content-wrap, .portfolio-archives.no-sidebar-page #content-wrap { padding-bottom: 0; padding-top: 0; }
.new-update-tit { float: left; width: 100%; }
.new-update-tit div { font-size: 13px; height: auto; line-height: 39px; padding-top: 0; width: 100% !important; }
.news-tit { float: left; width: 100%; }
.news-tit div { font-size: 13px; height: auto; line-height: 39px; padding-top: 0; width: 100% !important; }
.list-cont .bx-wrapper .bx-viewport { height: 55px !important }
.list-cont { margin: 0; padding: 0; width: 96%; padding: 10px 2%; }
.latest-news-sec { padding-right: 0 }
.list-cont .bx-controls.bx-has-pager { position: absolute; right: 0; top: 18%; }
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo { padding-bottom: 17px; padding-top: 17px; }
.style1 #header-controls-right { margin-top: 2px; }
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo { padding-top: 16px !important; }
#company-sec3 { padding-bottom: 0; }
.product-detail #left-sidebar, .product-detail .right-sidebar-page #page-content { margin-right: 0%; }
.product-detail #left-sidebar, .product-detail #right-sidebar, .product-detail #page-content.content-single-sidebar { width: 100% }
.product-detail #page-content .be-wrap { margin: 0 auto; max-width: 100%; }
.product-detail .ui-tabs .ui-tabs-nav li a { font-size: 15px; }
#responsive-side {/* -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;*/ }
#responsive-side .sbr-toggle { display: block !important; float: left; height: 36px; line-height: 33px; padding-top: 5px; width: 98%; margin-bottom: 0 !important; background: #243355; text-align: left; border-bottom: 1px solid #324062; padding-left: 2%; color: #fff; text-decoration: none }
.sbr-toggle:hover { background: #243355 }
#responsive-side .font-icon.small { background: none !important; border: 0 none !important; border-radius: 0; color: #fff !important; font-size: 32px !important; height: auto; line-height: normal; padding: 0 !important; width: auto; margin: 0 6px 0 0; float: right }
#responsive-side .font-icon.small:hover { background: none !important }
#responsive-side #right-sidebar, #responsive-side #left-sidebar { float: left; margin-left: 0; margin-right: 0; margin-top: 0; width: 100%; margin-bottom: 1px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; left: 0; top: 0; position: relative; display: none }
#responsive-side .subnav { background: #243355 }
#responsive-side #content-wrap .subnav ul li { padding: 6px 0 6px 11px; }
#responsive-side #content-wrap .subnav ul li::after { top: 4px; }
#responsive-side #content-wrap .subnav ul li a { color: #fff; }
#responsive-side #content-wrap .subnav ul li { border-bottom: 1px solid #324062; }
#responsive-side #page-content.content-single-sidebar, #responsive-side .right-sidebar-page #page-content { width: 100%; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; margin-top: 20px }
#responsive-side.toggled #right-sidebar, #responsive-side.toggled #left-sidebar { width: 100%; position: relative; /*display:block;*/
margin: 0 0 20px 0 }
/*#responsive-side.toggled #page-content.content-single-sidebar, #responsive-side.toggled .right-sidebar-page #page-content{width:58%; float:left;}*/
#responsive-side .be-wrap { margin: 0 auto; max-width: 94%; }
#responsive-side .be-wrap .be-wrap { max-width: 100%; }
.f-menu-links .one-third { margin: 0; width: 100%; }
#responsive-side #content-wrap .subnav ul li a:hover, #responsive-side #content-wrap .subnav ul li.current_page_item a, #responsive-side #content-wrap .subnav ul li.current_page_item::after, #responsive-side #content-wrap .subnav ul li.current_page_parent a, #responsive-side #content-wrap .subnav ul li.current_page_parent::after, #responsive-side #content-wrap .subnav ul li.current_page_ancestor a, #responsive-side #content-wrap .subnav ul li.current_page_ancestor::after { color: #1bafe5 !important; }
.tp-simpleresponsive ul { }
/*.header-search-controls .search-button {
font-size: 22px;
top: 4px;
}*/
#product-gal .one-col h5.icn-7{ line-height:24px}
#product-gal .one-col h5{ font-size:18px}
#product-gal .be-custom-column-inner {
padding: 17px 18px 10px;
}
.title-module-wrap .be-wrap.clearfix{ max-width: 94%;}
.title-module-wrap .page-title-custom, .page-title-module-custom .header-breadcrumb{ width:100%; float:left}
.page-title-module-custom .header-breadcrumb {
line-height: 20px !important; margin-top:1px; margin-bottom:6px
}
.foot-nav-sec .one-fifth{ width:50%; float:left}
.foot-nav-sec .one-fifth.clr{ clear:both}
.clr-both{ display:block}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#support-sec .be-wrap, #contact-sec-col .be-wrap { max-width: 440px; margin: 0 auto; padding: 0 }
#contact-sec .be-wrap { max-width: 600px; margin: 0 auto; padding: 0 }
}
@media only screen and (max-width: 730px) {
.home-sec h2 { font-size: 25px; margin-bottom: 6px; }
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 135px; padding: 27px 8px 29px; }
.home-sec p { font-size: 12px; line-height: normal; margin-bottom: 10px; }
.qtranxs_widget.widget { /*top: 41px; right: */8px; }
}
@media only screen and (max-width: 674px) {
.list-cont .bx-wrapper .bx-viewport { height: 67px !important; }
}
@media only screen and (max-width: 645px) {
.home-sec p { font-size: 12px; line-height: 15px; margin-bottom: 10px; }
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 142px; padding: 17px 8px 29px; }
}
@media only screen and (max-width: 615px) {
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 142px; padding: 13px 8px 29px; }
}
@media only screen and (max-width: 600px) {
.home-sec p.desc { display: none }
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 95px; padding: 34px 8px 29px; }
.home-sec h2 { font-size: 25px; margin-bottom: 36px; }
#product-gal .one-col h5 { line-height: 38px; }
.tp-caption.raleway-wht-sm, .raleway-wht-sm, .tp-caption.raleway-blk-sm { display: none }
.tp-caption.largelightwhite, .largelightwhite { font-size: 25px !important;
font-weight: 400 !important;
line-height: normal !important;}
.tp-leftarrow.default { left: 0 !important }
.tp-rightarrow.default { right: 0 !important }
.table-container table { width: 620px }
body.home .header-hero-section > div { display:none !important;}
body.home .header-hero-section > div:first-child { display:block !important;}
.rev_slider { height:230px !important;}
}
@media only screen and (max-width: 510px) {
.home-sec h2 { font-size: 25px; margin-bottom: 19px; }
.home-sec .smallbtn { font-size: 10px; line-height: 12px; padding: 10px 8px; }
#header-wrap .logo img { width: auto; }
.style1 #header-controls-right { margin-top: -2px; }
}
@media only screen and (max-width: 480px) {
#contact-sec .one-fourth { margin-bottom: 30px; width: 100%; }
#contact-sec .be-wrap { margin: 0 auto; max-width: 400px; padding: 0 20px; }
.table-container table { width: 500px }
a.report-pdf-icn, .report-grey,a.annual-pdf-icn { background-size: 21px auto; font: 400 28px/36px "Raleway", "Open Sans", "Arial", sans-serif; padding-right: 36px; background-position: 80px 7px; width: 83px; }
#financial-information .one-fourth h5 { color: #243254; font-size: 28px; line-height: normal; margin-bottom: 5px !important; }
#annual-report .column-block { margin-bottom: 20px; }
.header-breadcrumb { font-size: 11px; float: left !important; }
.tp-bullets, #latest-nw .bx-controls-direction { display: none !important }
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo { /* padding-top: 10px !important;*/ padding-left: 0; margin-left: 15px !important; }
#header-wrap .logo img { width: auto }
.style1 #header-controls-right { margin-top: 7px !important; margin-right: 15px; }
.tp-bullets, .tp-rightarrow.default, .tp-leftarrow.default { z-index: 1 !important; display: none; }
.qtranxs_widget.widget {
right: 10px;
top: 0;
}
.tp-caption.largelightwhite, .largelightwhite, .tp-caption.largelightdark{ top: 109px !important;}
.qtranxs_widget.widget a {
font-size: 13px;
}
.header-search-controls .search-button {
font-size: 26px;
top: -12px;
}
.mobile-nav-controller-wrap {
margin-top: -30px !important;
}
.tp-caption.largelightwhite, .largelightwhite, .tp-caption.largelightdark { font-size: 21px !important;
/* font-weight: bold !important;*/
line-height: normal !important; background-color:rgba(0, 0, 0, 0.5) !important; padding:4px !important; border-radius:3px}
/*#rev_slider_1_1 */.tp-caption.largelightdark { color:#fff !important;font-weight: 400 !important;}
.menu-icon{ border-top-width: 3px; width: 22px;}
.custom-font-icon .menu-icon.menu-icon-first {top: -4px;}
.custom-font-icon .menu-icon.menu-icon-second{ top: 2px;}
.custom-font-icon .menu-icon.menu-icon-third {top: 9px;}
.menu-icon {
margin-bottom: 6px;
}#header-wrap .logo img { width: 135px !important }
/*.tp-caption.largelightdark{ text-shadow: 0px 1px 1px #fff;}*/
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo { padding-top: 9px !important; }
.mobile-nav-controller-wrap .menu-controls .custom-font-icon{ top: -19px;}
}
@media only screen and (max-width: 479px) {
ul.inv-list li .date-txt { padding-right: 2%; width: 28%; font-size: 12px; }
ul.inv-list li .desc-txt { color: #304670; float: left; line-height: normal; width: 51%; font-size: 13px }
ul.inv-list li .pdf-sec { float: right; text-align: right; width: 14%; }
#investor-sec .ui-tabs .ui-tabs-nav li { width: 100%; margin-right: 0; margin-bottom: 14px; }
#investor-sec .ui-tabs .ui-tabs-nav li a, #investor-sec .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { width: 100%; float: left; }
#display-drivers h5.icn-2 { background-size: 27px auto; line-height: 27px; padding-left: 45px; }
#display-drivers h5.icn-3 { line-height: 26px; }
#product-gal .one-col h5.icn-6{ line-height: 24px;}
}
@media only screen and (max-width: 450px) {
.home-sec h2 { font-size: 24px; margin-bottom: 11px; }
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 81px; padding: 36px 8px 0; }
#contact-sec .one-fourth .be-custom-column-inner { border-top: 1px solid #e7e7e7 !important; border-left: 0px solid #e7e7e7 !important; padding: 20px 20px 0 20px !important; }
#contact-sec .one-fourth:first-child .be-custom-column-inner { border: 0 none !important; padding-top: 0 !important; }
}
@media only screen and (max-width: 447px) {
.list-cont .bx-wrapper .bx-viewport { height: 85px !important; }
.table-container table { width: 500px }
}
@media only screen and (max-width: 430px) {
#feauture-boxes .one-third { width: 100%; }
.home-sec.bg1, .home-sec.bg2, .home-sec.bg3 { height: 104px; padding: 56px 8px 0; background-position: center -45px; }
#feauture-boxes .one-third.column-block, #feauture-boxes .be-row .column-block:first-child { margin: 0 0 20px 0 !important }
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo { /* padding-top: 11px !important; */width: 68%; padding-left: 0; margin-left: 13px; }
#header-controls-right .header-widgets, #header-controls-right .header-search-controls, #header-controls-right .header-cart-controls, #header-controls-right .menu-controls { margin-left: 11px; }
}
@media only screen and (max-width: 400px) {
.tab-annual div {
width: 50%;
}
}
@media only screen and (max-width: 370px) {
.list-cont .bx-wrapper .bx-viewport { height: 85px !important; }
.list-cont .bx-controls.bx-has-pager { top: 25%; }
.list-cont .bx-wrapper .bx-viewport { height: 94px !important; }
.tp-caption.largelightwhite{ top: 115px !important;}
.tp-caption.largelightwhite {
font-size: 21px !important;}
}
@media only screen and (max-width: 360px) {
#bottom-widgets .widget_nav_menu { margin: 0 0 20px !important; width: 100%; }
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo { width: 70%; }
.style1 #header-controls-right { margin-top: -4px; }
.tp-caption.largelightwhite, .largelightwhite { /*font-size: 16px !important; line-height: normal !important*/ }
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo { margin-left: 9px !important; padding-left: 0; padding-top: 8px !important; width: 68%; }
.style1 #header-controls-right { margin-top: 1px; }
#header-inner-wrap .mobile-nav-controller-wrap { margin-top: -1px; }
#bottom-widgets .column-block { margin-bottom: 0px !important; }
#bottom-widgets h6 { margin-bottom: 12px !important; }
/*.header-search-controls .search-button {
font-size: 34px;
top: 13px;
}*/
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo {
width: 170px !important;
}
#header-wrap .logo img { width: 130px !important }
#bottom-widgets ul.menu{margin:0 15px 20px !important}
}
@media only screen and (max-width: 344px) {
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo {
width: 170px !important;
}#header-inner-wrap .mobile-nav-controller-wrap {
margin-top: -4px;
}/*.header-search-controls .search-button {
font-size: 34px;
top: 10px;
}*/
}
@media only screen and (max-width: 323px) {
.list-cont .bx-wrapper .bx-viewport { height: 113px !important; }
}
@media only screen and (max-width: 320px) {
#header-inner-wrap .mobile-nav-controller-wrap {
/* margin-top: -19px !important;*/
}
}
.rgmap {
overflow:hidden;
padding-bottom:93%;
position:relative;
height:0;
}
.rgmap iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
table.border-0 td { border: 0 !important; padding: 0; }
ul.mb-0 li { margin-bottom: 0 !important; }
#smart-sensing-sec .heading {
font-size: 17px;
line-height: normal;
margin-bottom: 10px;
padding-left: 0;
color: #fff;
}
#smart-sensing-sec .heading2 {
font-size: 17px;
line-height: normal;
margin-bottom: 0;
color: #fff;
}
#smart-sensing-sec ul.heading-list li { list-style: none; position: relative; padding-left: 25px; font-size: 12px; }
#smart-sensing-sec ul.heading-list li:not(:last-child):before {
content: "\e779";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
color: #fff;
position: absolute;
left: 0;
top: 5px;
}
#smart-sensing-sec ul.heading-list {
padding-left: 0;
}
#smart-sensing-sec ul.heading-list li {
color: #fff;
margin-bottom: 0;
}
#smart-sensing-sec .app {
font-size: 15px;
margin-bottom: 10px;
color: #53CDF2;
}
#smart-sensing-sec .one-third .mediumbtn { padding: 15px 2px; width: 250px; text-align:center; font-size: 80%; font-weight: bold; font-family: inherit; white-space: nowrap; }
html:lang(zh-TW) #smart-sensing-sec .one-third .mediumbtn, html:lang(zh-CN) #smart-sensing-sec .one-third .mediumbtn { padding: 15px 10px; width: 220px; }
#smart-sensing-sec .mediumbtn { font-size: 80%;font-weight: bold; font-family: inherit;}
@media screen and (max-width: 1279px) {
#smart-sensing-sec .one-third .mediumbtn { width:auto;display: block;white-space: normal; height: 32px; display: flex; align-items: center; justify-content: center; }
#smart-sensing-sec .be-button-wrap { width:auto;display: block;margin:0; }
}
#smart-sensing-sec .one-third .be-button-wrap { margin-top: 10px; }
@media screen and (max-width: 768px) {
#smart-sensing-sec .be-no-space .column-block {
width: 100%;
min-height: 120px;
display: block;
}
}
#smart-sensing-sec table.doc tbody tr {
background-color: transparent;
}
#smart-sensing-sec table.doc > tbody > tr:first-child > td:last-child {
border: 0;
vertical-align: middle;
text-align: center;
}
#smart-sensing-sec table.doc a, #smart-sensing-sec a.contact {
background: #003896;
color: white;
font-size: 13px;
padding: 11px 20px 15px 20px;
}
#smart-sensing-sec .inquiry-form .wpcf7-form-control-wrap{ margin-bottom:16px}
#smart-sensing-sec .inquiry-form .wpcf7-not-valid-tip{ display:none !important}
#smart-sensing-sec .inquiry-form br { display: none }
#smart-sensing-sec .inquiry-form input[type="text"], #smart-sensing-sec .inquiry-form input[type="email"] { width: 99%; margin-bottom: 18px; font-size: 14px;
height: 28px;
line-height: normal;
margin: 0;
padding-bottom: 7px;
padding-top: 7px;}
#smart-sensing-sec .inquiry-form .be-button-wrap { float: right; margin-right: 0 }
#smart-sensing-sec .inquiry-form input[type="submit"] { background-color: #243354; border-color: #000000; border-style: solid; border-width: 0; color: #fff; cursor: pointer; padding: 8px 35px; font-size: 20px; line-height:20px; cursor:pointer}
#smart-sensing-sec .inquiry-form input[type="submit"]:hover { background-color: #65aee5 }
#smart-sensing-sec .inquiry-form textarea { height: 150px; }
#smart-sensing-sec .inquiry-form-back { background-color: #243354; font-size: 20px; padding: 8px 35px; line-height: 20px; color: white; border-style: none; cursor: pointer; }
#smart-sensing-sec .inquiry-form-back:hover { background-color: #65aee5 }
#smart-sensing-sec #down-icon::before {
color: #243354 !important;
font-size: 70px;
}
#smart-sensing-sec #thanks {
text-align: center;
padding: 20px;
display: none;
}
#smart-sensing-sec .thanks-down {
margin-right: 10px;
margin-top: 10px;
background-color: #f9f9f9;
text-align: center;
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
padding-bottom: 30px;
border-radius:10px;
}
#smart-sensing-sec .thanks-down:hover {
color: #65aee5 !important;
cursor: pointer;
background: #eee;
border-top: 1px solid transparent;
border-bottom: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}
#smart-sensing-sec .thanks-down:hover #down-icon::before, #smart-sensing-sec .thanks-down:hover #back-icon::before { color: #65aee5 !important; }
#smart-sensing-sec .thanks-down-outer { display: flex; justify-content: center; width: 82%; margin: 0 auto; margin-bottom: 30px; }
#smart-sensing-sec .thanks-down-outer > div { flex: 1; }
html:lang(zh-TW) #smart-sensing-sec .one-third .mediumbtn, html:lang(zh-CN) #smart-sensing-sec .one-third .mediumbtn { font-size: 16px; }
.d-flex { display: flex; }
.justify-content-center { justify-content: center; }
.floating-bar {
position: fixed;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999999;
}
.floating-bar a {
display: block;
text-align: center;
padding: 16px;
transition: all 0.3s ease;
color: white;
font-size: 20px;
opacity:0.8;
filter:alpha(opacity=80);
}
.floating-bar a:hover {
opacity:1.0;
filter:alpha(opacity=100);
border: 1px solid #ccc;
}
.floating-bar .twitter {
background: #55acee;
color: white;
}
.floating-bar .linkedin {
background: #007bb5;
color: white;
}
.smart-home-appliance-text {
font-size: 17px;
}
#product-wlo .one-col { min-height: 250px; }
#product-wlo .be-custom-column-inner { position: absolute; width: 100%; height: 100% }
#product-wlo .be-button-wrap { position: absolute; right: 0; bottom: 15%; }
#product-wlo .one-col p { font-size: 18px; line-height: normal; color: #fff; position: absolute; top: 18%; left: 4%; }
#product-wlo .one-col.column-block { margin-bottom: 5px !important; background-size: 100% 100% !important; position: relative; }
#product-wlo [class^="icon-"]::before, #product-wlo [class*=" icon-"]::before {
color: inherit !important;
}
ol.ool-list { list-style: none; padding-left: 15px; }
ol.ool-list li { counter-increment: number; font-style: italic; }
ol.ool-list li:before { content: counter(number) '. '; font-style: normal; font-weight: bold; color: green; padding-right: 6px; }
#smart-sensing-sec .ui-tabs ul {display: flex; flex-wrap:nowrap; }
@media (min-width:1201px) and (max-width:1279px) { #smart-sensing-sec .ui-tabs ul { display: block; } }
#smart-sensing-sec .ui-tabs .ui-tabs-nav li.ui-tabs-active a { font-weight: 800; border-bottom: 2px solid #549441 !important; color: black !important; }
#smart-sensing-sec .ui-tabs .ui-tabs-nav li a, #smart-sensing-sec .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { font-family:Arial; font-size: 12px; clear: both; color: #000000; cursor: pointer; border-bottom: 1px solid #ccc; }
#smart-sensing-sec .ui-tabs .ui-tabs-nav li { display: flex; flex: 1; margin-top: 20px; align-items: center;justify-content: center; margin-right: 15px; }
#smart-sensing-sec .ui-tabs .ui-tabs-nav li:last-child, #smart-sensing-sec .ui-tabs .ui-tabs-nav li:last-child a {
margin-right: 0 !important;
}
#smart-sensing-sec .ui-tabs .ui-tabs-nav li a:hover {
color: black !important;
border-bottom: 1px solid black !important;
}
@media only screen and (max-width: 1280px) {
#smart-sensing-sec .ui-tabs .ui-tabs-nav li.ui-tabs-active a { font-size: 14px; }
#smart-sensing-sec .ui-tabs .ui-tabs-nav li a, #smart-sensing-sec .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { font-size: 12px; }
}
@media only screen and (max-width: 1200px) {
#smart-sensing-sec .ui-tabs .ui-tabs-nav li.ui-tabs-active a { font-size: 17px; }
#smart-sensing-sec .ui-tabs .ui-tabs-nav li a, #smart-sensing-sec .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { font-size: 14px; }
#smart-sensing-sec .ui-tabs ul { flex-wrap:wrap; }
#smart-sensing-sec .ui-tabs .ui-tabs-nav li { justify-content: normal; }
}
.floating-bar .shopping-cart {
background: rgb(30, 115, 190);
color: white;
width: 40px;
height: 40px;
background-color: #3498db;
border-radius: 50%;
margin: 50px auto;
display: inline-flex;
align-items: center;
justify-content: center;
}
.floating-bar .shopping-cart i.font-icon {
font-size: 40px;
/*line-height: 100px;*/
}
.floating-bar .customer-service {
width: 40px;
height: 40px;
background-color: #3498db;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 50px auto;
}
.floating-bar .customer-service svg {
transform: scale(1.8);
fill: white;
}
@media (max-width: 480px) {
.floating-bar .customer-service svg {
transform: scale(2.5);
}
.floating-bar .shopping-cart, .floating-bar .customer-service {
width: 5vw;
height: 5vw;
}
}
@media (min-width: 481px) and (max-width: 1024px) {
.floating-bar .shopping-cart, .floating-bar .customer-service {
width: 4vw;
height: 4vw;
}
}
.header-search-controls {
display: none;
}