/* xs 0 - 575 sm 576 - 767 md 768 - 991 lg 992 - 1199 xl 1200 ---------------- font-size: .title-css: 32px; .sub-title: 22px; .content-css: 18px; */ html { font-size: 14px; } @media (min-width: 576px) { html { font-size: 15px; } } @media (min-width: 768px) { html { font-size: 16px; } } @media (min-width: 992px) { html { font-size: 17px; } } @media (min-width: 1200px) { html { font-size: 18px; } } label#label_1_16_0Â { width:Â 1500px; } input#choice_1_16_0, input#choice_1_16_1 { float: left; /* width: 23%; margin-right: -100px; margin-top: -7px; text-align: left; height: 1em;*/ background: $color1; border-radius: 100%; border: 1px solid darken($color1, 25%); display: inline-block; width: 0.8em; height: 0.8em; position: relative; top: 0.4em; margin-right: 10px; vertical-align: top; cursor: pointer; text-align: right; transition: all 250ms ease; } li.gchoice_1_16_0, li.gchoice_1_16_1 { width: 80%; font-size: 12px; } @font-face { font-family: 'Century_Gothic'; src: url("../../fonts/Century_Gothic.ttf") format("truetype"); } @font-face { font-family: 'Century_Gothic_Bold'; src: url("../../fonts/Century_Gothic_Bold.ttf") format("truetype"); } @media (max-width: 575px) { .background { display: none; } } .wp-page-5282 .tm-navbar .uk-navbar-nav .product-dropdown { display: none !important; } .wp-page-5288 .tm-navbar .uk-navbar-nav .solution-dropdown { display: none !important; } body.en { font-family: Century_Gothic; } body.zh-hant, body.zh-hans { font-family: adobe-heiti-std; } body { color: #858585; } body * { font-weight: 900 !important; } ::selection { background: #365E97; } ::-moz-selection { background: #365E97; } strong, strong *, b, b * { font-family: Century_Gothic_Bold !important; } table { width: 100%; } table td { padding: 5px; } ol, ul { list-style: none; padding: 0; } .uk-link:hover, .uk-link:focus, .uk-link:active, a:hover, a:focus, a:active { text-decoration: none; } a { color: #F36F21; } .title-css, .homepage .section2 .title, .homepage .section3 .title, .homepage .section4 .title, .homepage .section5 .title, .homepage .section6 .title, .about-us .section2 .title, .about-us .section3 .bg-layer .title, .about-us .section4 .title, .about-us .section5 .title, .fx .section2 .title, .fx .section3 .title, .fx .section4 .location-block .text, .products .tab-pane .section2 .title, .solutions .tab-pane .section2 .title, .careers .section2 .title, .careers .section3 .country-group .title, .contact-us .section2 .title, .contact-us .section3 .title, .contact-us .section3 .location-block .text, .contact-us .section3 .map-group .circle-detail .detail .title, .contact-us .section4 .form-contact .gform_title, .general .section2 .title, .news .section2 .title, .news .section3 .title, .single .section2 .title, .single .section4 .title, .archive .section2 .title, .title-css *, .homepage .section2 .title *, .homepage .section3 .title *, .homepage .section4 .title *, .homepage .section5 .title *, .homepage .section6 .title *, .about-us .section2 .title *, .about-us .section3 .bg-layer .title *, .about-us .section4 .title *, .about-us .section5 .title *, .fx .section2 .title *, .fx .section3 .title *, .fx .section4 .location-block .text *, .products .tab-pane .section2 .title *, .solutions .tab-pane .section2 .title *, .careers .section2 .title *, .careers .section3 .country-group .title *, .contact-us .section2 .title *, .contact-us .section3 .title *, .contact-us .section3 .location-block .text *, .contact-us .section3 .map-group .circle-detail .detail .title *, .contact-us .section4 .form-contact .gform_title *, .general .section2 .title *, .news .section2 .title *, .news .section3 .title *, .single .section2 .title *, .single .section4 .title *, .archive .section2 .title * { font-size: 1.77778rem; font-family: Century_Gothic_Bold !important; } .sub-title-css, .cta-div .cta, .homepage .section7 .title, .about-us .section3 .bg-layer .full-teammate-detail .teammate-detail .top, .about-us .section4 .sub-title, .about-us .section4 .content, .about-us .section6 .sub-title, .products .tab-pane > .section5 .title, .solutions .tab-pane > .section5 .title, .products .homepage .tab-pane > .section6 .title, .homepage .products .tab-pane > .section6 .title, .solutions .homepage .tab-pane > .section6 .title, .homepage .solutions .tab-pane > .section6 .title, .news .section4 .title, .single .section5 .title, .single .homepage .section6 .title, .homepage .single .section6 .title, .archive .section2 .posts .post-title, .archive .section3 .title, .sub-title-css *, .cta-div .cta *, .homepage .section7 .title *, .about-us .section3 .bg-layer .full-teammate-detail .teammate-detail .top *, .about-us .section4 .sub-title *, .about-us .section4 .content *, .about-us .section6 .sub-title *, .products .tab-pane > .section5 .title *, .solutions .tab-pane > .section5 .title *, .products .homepage .tab-pane > .section6 .title *, .homepage .products .tab-pane > .section6 .title *, .solutions .homepage .tab-pane > .section6 .title *, .homepage .solutions .tab-pane > .section6 .title *, .news .section4 .title *, .single .section5 .title *, .single .homepage .section6 .title *, .homepage .single .section6 .title *, .archive .section2 .posts .post-title *, .archive .section3 .title * { font-size: 1.22222rem; } .content-css, .homepage .section2 .sub-title, .homepage .section2 .row-group .icon-container .text, .homepage .section3 .sub-title, .homepage .section3 .row-group .animate-image-container .text, .about-us .section2 .sub-title, .about-us .section2 .content, .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info .name, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info .name, .about-us .section3 .bg-layer .more .text, .about-us .section5 li, .about-us .homepage .section6 li, .homepage .about-us .section6 li, .fx .section2 .sub-title, .fx .section2 .content, .fx .section3 .sub-title, .products .tab-pane .section2 .content1, .solutions .tab-pane .section2 .content1, .careers .section2 .content, .careers .section3 .country-group .accordion .card .card-header .text, .careers .section3 .country-group .accordion .card .card-body .card-body-title, .contact-us .section2 .sub-title, .contact-us .section3 li, .contact-us .section4 .form-contact .gform_description, .general .section2 .sub-title, .general .section2 .content, .single .section2 .content, .tm-footer .footer-section1 .title, .content-css *, .homepage .section2 .sub-title *, .homepage .section2 .row-group .icon-container .text *, .homepage .section3 .sub-title *, .homepage .section3 .row-group .animate-image-container .text *, .about-us .section2 .sub-title *, .about-us .section2 .content *, .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info .name *, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info .name *, .about-us .section3 .bg-layer .more .text *, .about-us .section5 li *, .about-us .homepage .section6 li *, .homepage .about-us .section6 li *, .fx .section2 .sub-title *, .fx .section2 .content *, .fx .section3 .sub-title *, .products .tab-pane .section2 .content1 *, .solutions .tab-pane .section2 .content1 *, .careers .section2 .content *, .careers .section3 .country-group .accordion .card .card-header .text *, .careers .section3 .country-group .accordion .card .card-body .card-body-title *, .contact-us .section2 .sub-title *, .contact-us .section3 li *, .contact-us .section4 .form-contact .gform_description *, .general .section2 .sub-title *, .general .section2 .content *, .single .section2 .content *, .tm-footer .footer-section1 .title * { font-size: 1rem; } .content-css ul, .homepage .section2 .sub-title ul, .homepage .section2 .row-group .icon-container .text ul, .homepage .section3 .sub-title ul, .homepage .section3 .row-group .animate-image-container .text ul, .about-us .section2 .sub-title ul, .about-us .section2 .content ul, .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info .name ul, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info .name ul, .about-us .section3 .bg-layer .more .text ul, .about-us .section5 li ul, .about-us .homepage .section6 li ul, .homepage .about-us .section6 li ul, .fx .section2 .sub-title ul, .fx .section2 .content ul, .fx .section3 .sub-title ul, .products .tab-pane .section2 .content1 ul, .solutions .tab-pane .section2 .content1 ul, .careers .section2 .content ul, .careers .section3 .country-group .accordion .card .card-header .text ul, .careers .section3 .country-group .accordion .card .card-body .card-body-title ul, .contact-us .section2 .sub-title ul, .contact-us .section3 li ul, .contact-us .section4 .form-contact .gform_description ul, .general .section2 .sub-title ul, .general .section2 .content ul, .single .section2 .content ul, .tm-footer .footer-section1 .title ul, .content-css * ul, .homepage .section2 .sub-title * ul, .homepage .section2 .row-group .icon-container .text * ul, .homepage .section3 .sub-title * ul, .homepage .section3 .row-group .animate-image-container .text * ul, .about-us .section2 .sub-title * ul, .about-us .section2 .content * ul, .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info .name * ul, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info .name * ul, .about-us .section3 .bg-layer .more .text * ul, .about-us .section5 li * ul, .about-us .homepage .section6 li * ul, .homepage .about-us .section6 li * ul, .fx .section2 .sub-title * ul, .fx .section2 .content * ul, .fx .section3 .sub-title * ul, .products .tab-pane .section2 .content1 * ul, .solutions .tab-pane .section2 .content1 * ul, .careers .section2 .content * ul, .careers .section3 .country-group .accordion .card .card-header .text * ul, .careers .section3 .country-group .accordion .card .card-body .card-body-title * ul, .contact-us .section2 .sub-title * ul, .contact-us .section3 li * ul, .contact-us .section4 .form-contact .gform_description * ul, .general .section2 .sub-title * ul, .general .section2 .content * ul, .single .section2 .content * ul, .tm-footer .footer-section1 .title * ul { list-style: disc; padding: 0 0 0 20px; } .slider-css .swiper-container, .archive-slider-css .swiper-container, .news .section1 .swiper-container, .single .section1 .swiper-container, .archive .section1 .swiper-container, .homepage .section1 .swiper-container, .about-us .section1 .swiper-container, .fx .section1 .swiper-container, .products .tab-pane .section1 .swiper-container, .solutions .tab-pane .section1 .swiper-container, .careers .section1 .swiper-container, .contact-us .section1 .swiper-container, .general .section1 .swiper-container { width: 100%; height: 680px; } @media (max-width: 575px) { .slider-css .swiper-container, .archive-slider-css .swiper-container, .news .section1 .swiper-container, .single .section1 .swiper-container, .archive .section1 .swiper-container, .homepage .section1 .swiper-container, .about-us .section1 .swiper-container, .fx .section1 .swiper-container, .products .tab-pane .section1 .swiper-container, .solutions .tab-pane .section1 .swiper-container, .careers .section1 .swiper-container, .contact-us .section1 .swiper-container, .general .section1 .swiper-container { height: 200px; } } @media (min-width: 576px) and (max-width: 767px) { .slider-css .swiper-container, .archive-slider-css .swiper-container, .news .section1 .swiper-container, .single .section1 .swiper-container, .archive .section1 .swiper-container, .homepage .section1 .swiper-container, .about-us .section1 .swiper-container, .fx .section1 .swiper-container, .products .tab-pane .section1 .swiper-container, .solutions .tab-pane .section1 .swiper-container, .careers .section1 .swiper-container, .contact-us .section1 .swiper-container, .general .section1 .swiper-container { height: 500px; } } .slider-css .swiper-container .swiper-wrapper .swiper-slide, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide, .news .section1 .swiper-container .swiper-wrapper .swiper-slide, .single .section1 .swiper-container .swiper-wrapper .swiper-slide, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide, .general .section1 .swiper-container .swiper-wrapper .swiper-slide { text-align: center; font-size: 1rem; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; -ms-flex-align: center; } .slider-css .swiper-container .swiper-wrapper .swiper-slide img, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide img, .news .section1 .swiper-container .swiper-wrapper .swiper-slide img, .single .section1 .swiper-container .swiper-wrapper .swiper-slide img, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide img, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide img, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide img, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide img, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide img, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide img, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide img, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide img, .general .section1 .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .slider-css .swiper-container .swiper-wrapper .swiper-slide .text, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .general .section1 .swiper-container .swiper-wrapper .swiper-slide .text { font-size: 2.5rem; position: absolute; bottom: 40px; width: 100%; text-align: center; z-index: 5; line-height: 2.91667rem; } @media (max-width: 575px) { .slider-css .swiper-container .swiper-wrapper .swiper-slide .text, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .general .section1 .swiper-container .swiper-wrapper .swiper-slide .text { bottom: 10px; font-size: 1.33333rem; line-height: 1.77778rem; } } .slider-css .swiper-container .swiper-wrapper .swiper-slide .text strong, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text strong, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .general .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong, .slider-css .swiper-container .swiper-wrapper .swiper-slide .text b, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text b, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .general .section1 .swiper-container .swiper-wrapper .swiper-slide .text b, .slider-css .swiper-container .swiper-wrapper .swiper-slide .text strong *, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text strong *, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .general .section1 .swiper-container .swiper-wrapper .swiper-slide .text strong *, .slider-css .swiper-container .swiper-wrapper .swiper-slide .text b *, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text b *, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text b *, .general .section1 .swiper-container .swiper-wrapper .swiper-slide .text b * { font-family: Century_Gothic_Bold !important; } .slider-css .swiper-container .swiper-wrapper .swiper-slide .text p, .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text p, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .homepage .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .about-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .fx .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .products .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .solutions .tab-pane .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .careers .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .contact-us .section1 .swiper-container .swiper-wrapper .swiper-slide .text p, .general .section1 .swiper-container .swiper-wrapper .swiper-slide .text p { margin-bottom: 0; } .archive-slider-css, .news .section1, .single .section1, .archive .section1 { position: relative; } @media (max-width: 575px) { .archive-slider-css .swiper-container, .news .section1 .swiper-container, .single .section1 .swiper-container, .archive .section1 .swiper-container { height: 380px; } } .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text { bottom: 170px; } @media (max-width: 757px) { .archive-slider-css .swiper-container .swiper-wrapper .swiper-slide .text, .news .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .single .section1 .swiper-container .swiper-wrapper .swiper-slide .text, .archive .section1 .swiper-container .swiper-wrapper .swiper-slide .text { bottom: 180px; } } .archive-slider-css .bottom-group, .news .section1 .bottom-group, .single .section1 .bottom-group, .archive .section1 .bottom-group { width: 100%; position: absolute; bottom: 0; z-index: 1; } .archive-slider-css .bottom-group .dropdown-group, .news .section1 .bottom-group .dropdown-group, .single .section1 .bottom-group .dropdown-group, .archive .section1 .bottom-group .dropdown-group { background-color: rgba(0, 0, 0, 0.7); } .archive-slider-css .bottom-group .dropdown-group .select-group, .news .section1 .bottom-group .dropdown-group .select-group, .single .section1 .bottom-group .dropdown-group .select-group, .archive .section1 .bottom-group .dropdown-group .select-group { padding: 40px 0; } @media (max-width: 575px) { .archive-slider-css .bottom-group .dropdown-group .select-group, .news .section1 .bottom-group .dropdown-group .select-group, .single .section1 .bottom-group .dropdown-group .select-group, .archive .section1 .bottom-group .dropdown-group .select-group { padding: 20px 0; } } .archive-slider-css .bottom-group .dropdown-group .select-group .col-sm, .news .section1 .bottom-group .dropdown-group .select-group .col-sm, .single .section1 .bottom-group .dropdown-group .select-group .col-sm, .archive .section1 .bottom-group .dropdown-group .select-group .col-sm { padding-bottom: 0px; } .archive-slider-css .bottom-group .dropdown-group .select-group .widget .widgettiltle, .news .section1 .bottom-group .dropdown-group .select-group .widget .widgettiltle, .single .section1 .bottom-group .dropdown-group .select-group .widget .widgettiltle, .archive .section1 .bottom-group .dropdown-group .select-group .widget .widgettiltle, .archive-slider-css .bottom-group .dropdown-group .select-group .widget label, .news .section1 .bottom-group .dropdown-group .select-group .widget label, .single .section1 .bottom-group .dropdown-group .select-group .widget label, .archive .section1 .bottom-group .dropdown-group .select-group .widget label { display: none; } .archive-slider-css .bottom-group .dropdown-group .select-group select, .news .section1 .bottom-group .dropdown-group .select-group select, .single .section1 .bottom-group .dropdown-group .select-group select, .archive .section1 .bottom-group .dropdown-group .select-group select { background-color: transparent; color: #858585; height: 40px !important; display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; -webkit-appearance: none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .archive-slider-css .bottom-group .dropdown-group .select-group select option, .news .section1 .bottom-group .dropdown-group .select-group select option, .single .section1 .bottom-group .dropdown-group .select-group select option, .archive .section1 .bottom-group .dropdown-group .select-group select option { color: black; } .cta-div { text-align: center; } .cta-div .cta { font-weight: 900; border: 1px #F36F21 solid; border-color: #F36F21; border-radius: 0; padding: 15px 100px; font-family: Century_Gothic_Bold !important; } @media (max-width: 575px) { .cta-div .cta { padding: 15px 20%; } } .cta-div .cta p { margin-bottom: 0; } .swiper-wrapper.disabled { -webkit-transform: translate3d(0px, 0, 0) !important; -moz-transform: translate3d(0px, 0, 0) !important; -ms-transform: translate3d(0px, 0, 0) !important; -o-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; } .swiper-pagination.disabled, .swiper-button-prev.disabled, .swiper-button-next.disabled { display: none; } .swiper-button-prev { background-image: url("/assets/images/left_arrow.png"); } .swiper-button-next { background-image: url("/assets/images/right_arrow.png"); } [class*="col-"] { padding-bottom: 30px; } @media (min-width: 576px) { [class*="col-"] { padding-bottom: 30px; } [class*="col-md"], [class*="col-lg"], [class*="col-xl"] { padding-bottom: 30px; } } @media (min-width: 768px) { [class*="col-"] { padding-bottom: 30px; } [class*="col-lg"], [class*="col-xl"] { padding-bottom: 30px; } } @media (min-width: 992px) { [class*="col-"] { padding-bottom: 30px; } [class*="col-xl"] { padding-bottom: 30px; } } @media (min-width: 1200px) { [class*="col-"] { padding-bottom: 30px; } } .col-xs-2p4, .col-sm-2p4, .col-md-2p4, .col-lg-2p4 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-2p4 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-2p4 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-2p4 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-2p4 { width: 20%; float: left; } } .anchor { display: block; position: relative; top: -86px; visibility: hidden; } @media (max-width: 767px) { .anchor { top: 0; } } .homepage .section2 { padding: 50px 0 0; text-align: center; } .homepage .section2 .title { color: #C4832A; padding: 5px 0; } .homepage .section2 .sub-title { padding: 5px 0; } .homepage .section2 .row-group { padding: 40px 0; position: relative; margin-left: 150px; margin-right: 150px; } @media (min-width: 992px) and (max-width: 1199px) { .homepage .section2 .row-group { margin-left: 80px; margin-right: 80px; } } @media (max-width: 991px) { .homepage .section2 .row-group { margin-left: -15px; margin-right: -15px; } } .homepage .section2 .row-group .rounded-circle { width: 80%; } @media (max-width: 767px) { .homepage .section2 .row-group .rounded-circle { width: 50%; } } .homepage .section2 .row-group .icon-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .homepage .section2 .row-group .icon-container .text { font-family: Century_Gothic_Bold !important; padding-top: 20px; font-weight: 900; color: white; } .homepage .section3 { background-color: #111621; padding: 50px 0 0; text-align: center; } .homepage .section3 .title { color: white; padding: 5px 0; } .homepage .section3 .sub-title { padding: 5px 0; color: white; } .homepage .section3 .row-group { padding: 40px 0 10px; } .homepage .section3 .row-group .animate-image-container { cursor: pointer; } .homepage .section3 .row-group .animate-image-container img { padding-bottom: 30px; } .homepage .section3 .row-group .animate-image-container .text { font-weight: 900; color: #373E48; font-family: Century_Gothic_Bold !important; } @media (max-width: 575px) { .homepage .section3 .row-group .animate-image-container .text span { color: white; } } .homepage .section3 .row-group .animate-image-container .img-group { height: 90px; } .homepage .section3 .row-group .animate-image-container .img-group .original-image { position: absolute; margin-left: auto; margin-right: auto; left: 0px; right: 0px; } @media (max-width: 575px) { .homepage .section3 .row-group .animate-image-container .img-group .original-image { opacity: 0; } } .homepage .section3 .row-group .animate-image-container .img-group .animate-image { opacity: 0; position: absolute; margin-left: auto; margin-right: auto; left: 0px; right: 0px; } @media (max-width: 575px) { .homepage .section3 .row-group .animate-image-container .img-group .animate-image { opacity: 1; } } .homepage .section4 { text-align: center; padding-top: 60px; } .homepage .section4 .swiper-button-next { right: -18px; } .homepage .section4 .swiper-button-prev { left: -18px; } .homepage .section4 .title { color: #274987; text-align: left; } @media (max-width: 767px) { .homepage .section4 .title { text-align: center; } } .homepage .section4 .swiper1, .homepage .section4 .swiper2 { padding: 0; } .homepage .section4 .swiper1 img, .homepage .section4 .swiper2 img { padding-bottom: 20px; } .homepage .section4 .swiper1 a, .homepage .section4 .swiper2 a { color: black; font-weight: 900; } .homepage .section4 .swiper1 .swiper-button-next, .homepage .section4 .swiper1 .swiper-button-prev, .homepage .section4 .swiper2 .swiper-button-next, .homepage .section4 .swiper2 .swiper-button-prev { top: 45%; } @media (min-width: 576px) { .homepage .section4 .swiper1 .swiper-button-next, .homepage .section4 .swiper1 .swiper-button-prev, .homepage .section4 .swiper2 .swiper-button-next, .homepage .section4 .swiper2 .swiper-button-prev { top: 205px; } } @media (min-width: 768px) { .homepage .section4 .swiper1 .swiper-button-next, .homepage .section4 .swiper1 .swiper-button-prev, .homepage .section4 .swiper2 .swiper-button-next, .homepage .section4 .swiper2 .swiper-button-prev { top: 120px; } } @media (min-width: 992px) { .homepage .section4 .swiper1 .swiper-button-next, .homepage .section4 .swiper1 .swiper-button-prev, .homepage .section4 .swiper2 .swiper-button-next, .homepage .section4 .swiper2 .swiper-button-prev { top: 150px; } } @media (min-width: 1200px) { .homepage .section4 .swiper1 .swiper-button-next, .homepage .section4 .swiper1 .swiper-button-prev, .homepage .section4 .swiper2 .swiper-button-next, .homepage .section4 .swiper2 .swiper-button-prev { top: 175px; } } @media (max-width: 767px) { .homepage .section4 .col-md-4 { padding-left: 30px; padding-right: 30px; } } .homepage .section5, .homepage .section6 { text-align: center; padding: 60px 0 0; } .homepage .section5 .swiper-button-next, .homepage .section6 .swiper-button-next { right: -18px; } .homepage .section5 .swiper-button-prev, .homepage .section6 .swiper-button-prev { left: -18px; } .homepage .section5 .title, .homepage .section6 .title { color: #E4E4E4; } .homepage .section5 .swiper, .homepage .section6 .swiper { position: relative; padding: 40px 0; } .homepage .section5 .swiper img, .homepage .section6 .swiper img { height: 40px; } .homepage .section7 { text-align: center; padding: 40px 0 60px; } .homepage .section7 .title { color: #444444; padding-bottom: 40px; font-family: Century_Gothic_Bold !important; } .homepage .section7 .cta { color: #F36F21; } .homepage .section7 .cta:hover { background-color: #F36F21; color: white; } .about-us .section2 { padding: 60px 0; text-align: center; } .about-us .section2 .title { color: #B77017; padding: 10px 0; } .about-us .section2 .sub-title { color: #B77017; padding: 10px 0; } .about-us .section3 { text-align: center; } .about-us .section3 .bg-layer { padding: 60px 0; background-color: rgba(153, 153, 153, 0.3); } .about-us .section3 .bg-layer .title { color: #274987; padding: 10px 0; } .about-us .section3 .bg-layer .break { padding-bottom: 30px; } @media (max-width: 991px) { .about-us .section3 .bg-layer .break { padding-bottom: 0; } } .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card { cursor: pointer; padding-bottom: 30px; padding-left: 35px; padding-right: 35px; } @media (max-width: 575px) { .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card { padding-left: 65px; padding-right: 65px; } } .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card img, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card img { background-color: black; } .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info { position: absolute; bottom: 0; left: 0; right: 0; padding: inherit; background-color: rgba(74, 74, 74, 0.8); background-clip: content-box; color: white; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info p, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info p { margin-bottom: 0; } .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info .name, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info .name { font-family: Century_Gothic_Bold !important; padding: 5px; padding-bottom: 0; font-weight: 900; font-size: 0.9rem; } .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info .position, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info .position { font-size: 14px; font-size: 0.7rem; } .about-us .section3 .bg-layer .full-teammate-card .row-group .teammate-card .teammate-info .position p, .about-us .section3 .bg-layer .full-teammate-card .hidden .teammate-card .teammate-info .position p { padding-bottom: 10px; } .about-us .section3 .bg-layer .full-teammate-card .hidden { display: none; } .about-us .section3 .bg-layer .full-teammate-detail .teammate-detail { display: none; padding: 20px; text-align: left; } .about-us .section3 .bg-layer .full-teammate-detail .teammate-detail img { background-color: black; } .about-us .section3 .bg-layer .full-teammate-detail .teammate-detail .top .name { color: black; font-family: Century_Gothic_Bold !important; } .about-us .section3 .bg-layer .full-teammate-detail .teammate-detail .top .name p { margin-bottom: 0; } .about-us .section3 .bg-layer .full-teammate-detail .back-row { text-align: center; padding-top: 60px; } .about-us .section3 .bg-layer .full-teammate-detail .back-row .back { cursor: pointer; display: inline; } .about-us .section3 .bg-layer .full-teammate-detail .back-row .back .cta { background-color: transparent; color: #F36F21; } .about-us .section3 .bg-layer .full-teammate-detail .back-row .back .cta:hover { background-color: #F36F21; color: white; } .about-us .section3 .bg-layer .full-teammate-detail .back-row .back .cta:hover * { color: white !important; } .about-us .section3 .bg-layer .full-teammate-detail .swiper-button { padding: 20px; } .about-us .section3 .bg-layer .full-teammate-detail .swiper-button .swiper-button-prev, .about-us .section3 .bg-layer .full-teammate-detail .swiper-button .swiper-button-next { position: static; margin: 40px 40px 0; display: inline-block; } .about-us .section3 .bg-layer .row-group, .about-us .section3 .bg-layer .hidden { padding: 30px 0 0; } @media (max-width: 991px) { .about-us .section3 .bg-layer .row-group, .about-us .section3 .bg-layer .hidden { padding-bottom: 0; } } .about-us .section3 .bg-layer .more { cursor: pointer; padding-top: 40px; display: inline-block; } .about-us .section3 .bg-layer .more .text { font-family: Century_Gothic_Bold !important; padding-top: 20px; color: #F36F21; font-weight: 900; } .about-us .section4 { padding: 60px 0; background-color: #06090B; text-align: center; } .about-us .section4 .title { color: #F69608; padding: 10px 0; } .about-us .section4 .sub-title { color: white; padding: 10px 0; } .about-us .section4 .content { color: #F69608; padding-bottom: 60px; } .about-us .section4 .cta { background-color: transparent; color: #F36F21; } .about-us .section4 .cta:hover { background-color: #F36F21; } .about-us .section4 .cta:hover * { color: white !important; } .about-us .section5, .about-us .homepage .section6, .homepage .about-us .section6 { padding: 60px 0; text-align: center; background-color: #1A429F; } .about-us .section5 .title, .about-us .homepage .section6 .title, .homepage .about-us .section6 .title { color: white; padding: 10px 0; } .about-us .section5 li, .about-us .homepage .section6 li, .homepage .about-us .section6 li { font-family: Century_Gothic_Bold !important; display: inline-block; font-weight: 900; color: white; padding: 0 20px; } .about-us .section5 li .pin, .about-us .homepage .section6 li .pin, .homepage .about-us .section6 li .pin { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } @media (max-width: 575px) { .about-us .section5 li .pin, .about-us .homepage .section6 li .pin, .homepage .about-us .section6 li .pin { display: none; } } .about-us .section5 li .location, .about-us .homepage .section6 li .location, .homepage .about-us .section6 li .location { cursor: pointer; color: white; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -ms-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } .about-us .section5 li .location:hover, .about-us .homepage .section6 li .location:hover, .homepage .about-us .section6 li .location:hover { color: #52C0FF; } .about-us .section6 { padding: 60px 0; text-align: center; } .about-us .section6 .sub-title { font-family: Century_Gothic_Bold !important; padding-bottom: 30px; } .about-us .section6 .cta { background-color: white; color: #F36F21; } .about-us .section6 .cta:hover { background-color: #F36F21; color: white; } .about-us .test .teammate-detail { display: inline !important; } .fx .section2 { padding: 60px 0; } .fx .section2 .title { color: #B77017; padding: 10px 0; text-align: center; } .fx .section2 .sub-title { color: #B77017; padding: 10px 0; } .fx .section3 { padding: 60px 0; text-align: center; height: 550px; } @media (max-width: 757px) { .fx .section3 { height: 600px; } } .fx .section3 .title { color: white; padding: 10px 0; } .fx .section3 .title p { margin-bottom: 0; } .fx .section3 .sub-title { color: white; padding: 10px 0; } .fx .section3 #main-dropdown .dropdown-toggle { width: 550px; text-align: left; } @media (max-width: 757px) { .fx .section3 #main-dropdown .dropdown-toggle { width: 90%; } } .fx .section3 #main-dropdown .dropdown-toggle:after { border: 0; float: right; background-image: url(/assets/images/more.png); background-size: 25px; width: 25px; height: 20px; margin-top: 4px; background-repeat: no-repeat; } .fx .section3 #main-dropdown #main-dropdown-menu { width: 550px; left: 50% !important; background-color: #1B3C66; -webkit-transform: translate3d(-50%, 48px, 0px) !important; -moz-transform: translate3d(-50%, 48px, 0px) !important; -ms-transform: translate3d(-50%, 48px, 0px) !important; -o-transform: translate3d(-50%, 48px, 0px) !important; transform: translate3d(-50%, 48px, 0px) !important; } .fx .section3 #main-dropdown #main-dropdown-menu .dropdown-item { white-space: normal; color: white; padding: 10px; } .fx .section3 #main-dropdown #main-dropdown-menu .dropdown-item:hover { color: black; } .fx .section3 #main-dropdown #main-dropdown-menu .dropdown-item p { margin-bottom: 0; } @media (max-width: 757px) { .fx .section3 #main-dropdown #main-dropdown-menu { width: 90%; } } .fx .section3 #inner-dropdown .dropdown-menu { width: 550px; left: 50% !important; background-color: #1B3C66; height: 210px; color: white; white-space: normal; overflow-y: auto; overflow-x: hidden; -webkit-transform: translate3d(-50%, 14px, 0px) !important; -moz-transform: translate3d(-50%, 14px, 0px) !important; -ms-transform: translate3d(-50%, 14px, 0px) !important; -o-transform: translate3d(-50%, 14px, 0px) !important; transform: translate3d(-50%, 14px, 0px) !important; } @media (max-width: 757px) { .fx .section3 #inner-dropdown .dropdown-menu { width: 90%; height: 160px; } } .fx .section3 #inner-dropdown .dropdown-menu .dropdown-item { white-space: normal; color: white; padding: 10px; } .fx .section3 #inner-dropdown .dropdown-menu .dropdown-item [class*="col-"] { padding-bottom: 0; } .fx .section3 #inner-dropdown .dropdown-menu .dropdown-item:hover { color: black; } .fx .section3 #inner-dropdown .dropdown-menu .dropdown-item p { margin-bottom: 0; } @media (max-width: 757px) { .fx .section3 #inner-dropdown .dropdown-menu { width: 90%; } } .fx .section4 { text-align: center; } .fx .section4 .location-block { background-color: #0F74C0; } .fx .section4 .location-block .text { color: white; padding: 10px 0; } .fx .section4 .map-group { height: 550px; position: relative; } .fx .section4 .map-group .circle-detail { position: absolute; z-index: 1; background-color: rgba(17, 119, 204, 0.8); color: white; top: 50%; left: 10%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 360px; height: 360px; border-radius: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (max-width: 767px) { .fx .section4 .map-group .circle-detail { top: 0; left: 0; border-radius: 0; width: 100%; height: auto; padding: 10px 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } .fx .section4 .map-group .circle-detail .detail { width: 90%; } .fx .section4 .map-group .circle-detail .detail:not(:first-child) { display: none; } .fx .section4 .map-group .BMap_Marker img { max-width: none; } .products .product-select, .solutions .product-select { background-color: #323232; text-align: center; position: fixed; width: 100%; top: 86px; z-index: 2; } @media (max-width: 768px) { .products .product-select, .solutions .product-select { background: black; } } .products .product-select .nav, .solutions .product-select .nav { padding-top: 5px; } .products .product-select .nav .col-div, .solutions .product-select .nav .col-div { padding-bottom: 0; } .products .product-select .nav .col-div .nav-link, .solutions .product-select .nav .col-div .nav-link { padding: 5px 0 0; } .products .product-select .nav .col-div .nav-link.active .text, .solutions .product-select .nav .col-div .nav-link.active .text { color: #F36F21; } .products .product-select .nav .col-div .nav-link .img-group, .solutions .product-select .nav .col-div .nav-link .img-group { height: 40px; } .products .product-select .nav .col-div .nav-link .img-group img, .solutions .product-select .nav .col-div .nav-link .img-group img { height: 40px; } .products .product-select .nav .col-div .nav-link .img-group .original-image, .solutions .product-select .nav .col-div .nav-link .img-group .original-image { opacity: 1; position: absolute; margin-left: auto; margin-right: auto; left: 0px; right: 0px; } .products .product-select .nav .col-div .nav-link .img-group .animate-image, .solutions .product-select .nav .col-div .nav-link .img-group .animate-image { opacity: 0; position: absolute; margin-left: auto; margin-right: auto; left: 0px; right: 0px; } .products .product-select .nav .col-div .nav-link .text, .solutions .product-select .nav .col-div .nav-link .text { color: white; font-size: 14px; padding-top: 10px; line-height: 20px; } @media (max-width: 575px) { .products .product-select .nav .col-div .nav-link, .solutions .product-select .nav .col-div .nav-link { padding-top: 0; } .products .product-select .nav .col-div .nav-link .img-group, .solutions .product-select .nav .col-div .nav-link .img-group { display: none; } .products .product-select .nav .col-div .nav-link .text, .solutions .product-select .nav .col-div .nav-link .text { padding-top: 0; } } .products .product-select .nav .col-div .active.nav-link .img-group .original-image, .solutions .product-select .nav .col-div .active.nav-link .img-group .original-image { opacity: 0; } .products .product-select .nav .col-div .active.nav-link .img-group .animate-image, .solutions .product-select .nav .col-div .active.nav-link .img-group .animate-image { opacity: 1; } @media (max-width: 767px) { .products .product-select, .solutions .product-select { position: static; } } .products .tab-pane .section2, .solutions .tab-pane .section2 { padding: 60px 0; text-align: center; } @media (max-width: 575px) { .products .tab-pane .section2, .solutions .tab-pane .section2 { padding: 30px 0; } } .products .tab-pane .section2 .title, .solutions .tab-pane .section2 .title { color: #B77017; padding: 10px 0; } .products .tab-pane .section2 .content1, .solutions .tab-pane .section2 .content1 { color: #B77017; padding: 10px 0; } .products .tab-pane .section4, .solutions .tab-pane .section4 { font-size: 14px; } .products .tab-pane .section4 .content, .solutions .tab-pane .section4 .content { padding: 40px 0; } .products .tab-pane .section4 .row-group, .solutions .tab-pane .section4 .row-group { padding: 40px 0; } .products .tab-pane .section4 .row-group .img-text, .solutions .tab-pane .section4 .row-group .img-text { text-align: center; padding: 20px 0 0; } .products .tab-pane .section4 .row-group .img-text ul, .solutions .tab-pane .section4 .row-group .img-text ul { list-style: disc; padding: 0 0 0 20px; } .products .tab-pane .section4 img, .solutions .tab-pane .section4 img { margin-left: auto; margin-right: auto; } .products .tab-pane .section4 .circle, .solutions .tab-pane .section4 .circle { background-color: #F4F4F4; } .products .tab-pane .section4 .circle img, .solutions .tab-pane .section4 .circle img { border-radius: 50%; width: 70%; } .products .tab-pane .section4 .circle .col-lg-4 img, .solutions .tab-pane .section4 .circle .col-lg-4 img { width: 50%; } @media (max-width: 575px) { .products .tab-pane .section4 .circle img, .solutions .tab-pane .section4 .circle img { width: 50%; } } .products .tab-pane > .section5, .solutions .tab-pane > .section5, .products .homepage .tab-pane > .section6, .homepage .products .tab-pane > .section6, .solutions .homepage .tab-pane > .section6, .homepage .solutions .tab-pane > .section6 { padding: 60px 0; text-align: center; } .products .tab-pane > .section5 .title, .solutions .tab-pane > .section5 .title, .products .homepage .tab-pane > .section6 .title, .homepage .products .tab-pane > .section6 .title, .solutions .homepage .tab-pane > .section6 .title, .homepage .solutions .tab-pane > .section6 .title { font-family: Century_Gothic_Bold !important; font-weight: 900; color: #444444; padding-bottom: 40px; } .products .tab-pane > .section5 .cta, .solutions .tab-pane > .section5 .cta, .products .homepage .tab-pane > .section6 .cta, .homepage .products .tab-pane > .section6 .cta, .solutions .homepage .tab-pane > .section6 .cta, .homepage .solutions .tab-pane > .section6 .cta { color: white; background-color: #F36F21; } .products .tab-pane > .section5 .cta:hover, .solutions .tab-pane > .section5 .cta:hover, .products .homepage .tab-pane > .section6 .cta:hover, .homepage .products .tab-pane > .section6 .cta:hover, .solutions .homepage .tab-pane > .section6 .cta:hover, .homepage .solutions .tab-pane > .section6 .cta:hover { background-color: transparent; color: #F36F21; } .products .tab-pane > .section5 ~ .section5, .solutions .tab-pane > .section5 ~ .section5, .products .homepage .tab-pane > .section6 ~ .section5, .homepage .products .tab-pane > .section6 ~ .section5, .solutions .homepage .tab-pane > .section6 ~ .section5, .homepage .solutions .tab-pane > .section6 ~ .section5, .products .homepage .tab-pane > .section5 ~ .section6, .homepage .products .tab-pane > .section5 ~ .section6, .solutions .homepage .tab-pane > .section5 ~ .section6, .homepage .solutions .tab-pane > .section5 ~ .section6, .products .homepage .tab-pane > .section6 ~ .section6, .homepage .products .tab-pane > .section6 ~ .section6, .solutions .homepage .tab-pane > .section6 ~ .section6, .homepage .solutions .tab-pane > .section6 ~ .section6 { background-color: #2F2F2F; } .products .tab-pane > .section5 ~ .section5 .title, .solutions .tab-pane > .section5 ~ .section5 .title, .products .homepage .tab-pane > .section6 ~ .section5 .title, .homepage .products .tab-pane > .section6 ~ .section5 .title, .solutions .homepage .tab-pane > .section6 ~ .section5 .title, .homepage .solutions .tab-pane > .section6 ~ .section5 .title, .products .homepage .tab-pane > .section5 ~ .section6 .title, .homepage .products .tab-pane > .section5 ~ .section6 .title, .solutions .homepage .tab-pane > .section5 ~ .section6 .title, .homepage .solutions .tab-pane > .section5 ~ .section6 .title, .products .homepage .tab-pane > .section6 ~ .section6 .title, .homepage .products .tab-pane > .section6 ~ .section6 .title, .solutions .homepage .tab-pane > .section6 ~ .section6 .title, .homepage .solutions .tab-pane > .section6 ~ .section6 .title { color: white; } .products .tab-pane > .section5 ~ .section5 .cta, .solutions .tab-pane > .section5 ~ .section5 .cta, .products .homepage .tab-pane > .section6 ~ .section5 .cta, .homepage .products .tab-pane > .section6 ~ .section5 .cta, .solutions .homepage .tab-pane > .section6 ~ .section5 .cta, .homepage .solutions .tab-pane > .section6 ~ .section5 .cta, .products .homepage .tab-pane > .section5 ~ .section6 .cta, .homepage .products .tab-pane > .section5 ~ .section6 .cta, .solutions .homepage .tab-pane > .section5 ~ .section6 .cta, .homepage .solutions .tab-pane > .section5 ~ .section6 .cta, .products .homepage .tab-pane > .section6 ~ .section6 .cta, .homepage .products .tab-pane > .section6 ~ .section6 .cta, .solutions .homepage .tab-pane > .section6 ~ .section6 .cta, .homepage .solutions .tab-pane > .section6 ~ .section6 .cta { color: #F36F21; background-color: transparent; } .products .tab-pane > .section5 ~ .section5 .cta:hover, .solutions .tab-pane > .section5 ~ .section5 .cta:hover, .products .homepage .tab-pane > .section6 ~ .section5 .cta:hover, .homepage .products .tab-pane > .section6 ~ .section5 .cta:hover, .solutions .homepage .tab-pane > .section6 ~ .section5 .cta:hover, .homepage .solutions .tab-pane > .section6 ~ .section5 .cta:hover, .products .homepage .tab-pane > .section5 ~ .section6 .cta:hover, .homepage .products .tab-pane > .section5 ~ .section6 .cta:hover, .solutions .homepage .tab-pane > .section5 ~ .section6 .cta:hover, .homepage .solutions .tab-pane > .section5 ~ .section6 .cta:hover, .products .homepage .tab-pane > .section6 ~ .section6 .cta:hover, .homepage .products .tab-pane > .section6 ~ .section6 .cta:hover, .solutions .homepage .tab-pane > .section6 ~ .section6 .cta:hover, .homepage .solutions .tab-pane > .section6 ~ .section6 .cta:hover { color: white; background-color: #F36F21; } .products .section6, .solutions .section6 { text-align: center; padding: 10px 0; } .careers .section2 { text-align: center; padding: 60px 0 0px; } .careers .section2 .title { color: #B77017; padding: 10px 0; } .careers .section3 { padding: 20px 0; } .careers .section3 .country-group .title { text-align: center; color: #264886; padding: 10px 0; } .careers .section3 .country-group .accordion .card { border-radius: 0; } .careers .section3 .country-group .accordion .card:nth-child(even) { background-color: #DCDCDC; } .careers .section3 .country-group .accordion .card:nth-child(odd) { background-color: #EDEDED; } .careers .section3 .country-group .accordion .card .card-header { cursor: pointer; padding: 20px 30px; } .careers .section3 .country-group .accordion .card .card-header:not(.collapsed) { background-color: #F36F21; color: white; } .careers .section3 .country-group .accordion .card .card-header .text { font-family: Century_Gothic_Bold !important; } .careers .section3 .country-group .accordion .card .card-header .text p { margin-bottom: 0; letter-spacing: 0.5px; } .careers .section3 .country-group .accordion .card .card-body { background-color: white; font-size: 14px; } .careers .section3 .country-group .accordion .card .card-body ul { list-style: disc; padding: 0 0 0 20px; } .careers .section3 .country-group .accordion .card .card-body .card-body-title { font-family: Century_Gothic_Bold !important; } .careers .section4 { padding: 60px 0; text-align: center; } .careers .section4 .message { font-size: 14px; padding-bottom: 30px; } .careers .section4 .cta { background-color: white; color: #F36F21; } .careers .section4 .cta:hover { background-color: #F36F21; color: white; } .contact-us .section2 { padding: 60px 0; text-align: center; } .contact-us .section2 .title { color: #B77017; padding: 10px 0; } .contact-us .section2 .sub-title { color: #B77017; padding: 10px 0; } .contact-us .section3 { padding: 0 0 10px 0; text-align: center; background-color: #1A429F; } .contact-us .section3 .s3-bg { padding: 20px 0; } .contact-us .section3 .title { color: white; padding: 10px 0; } .contact-us .section3 li { display: inline-block; font-weight: 900; color: white; padding: 0 20px; } .contact-us .section3 li .pin { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } @media (max-width: 575px) { .contact-us .section3 li .pin { display: none; } } .contact-us .section3 li .location { cursor: pointer; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -ms-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } .contact-us .section3 li .location:hover { color: #52C0FF; } .contact-us .section3 .location-block { background-color: #0F74C0; } .contact-us .section3 .location-block .text { color: white; padding: 10px 0; } .contact-us .section3 .map-group { height: 500px; margin: 60px 0; position: relative; } .contact-us .section3 .map-group .circle-detail { font-size: 0.94444rem; position: absolute; z-index: 1; background-color: rgba(17, 119, 204, 0.8); color: white; top: 50%; left: 10%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 350px; height: 350px; border-radius: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .contact-us .section3 .map-group .circle-detail .detail { width: 90%; } .contact-us .section3 .map-group .circle-detail address { margin-top: 0px; } @media (max-width: 767px) { .contact-us .section3 .map-group .circle-detail { top: 0; left: 0; border-radius: 0; width: 100%; height: auto; padding: 10px 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } .contact-us .section3 .map-group .BMap_Marker img { max-width: none; } .contact-us .section4 { padding: 60px 0; text-align: center; } .contact-us .section4 .form-contact .gform_title { color: #F36F21; padding-bottom: 20px; } .contact-us .section4 .form-contact .gform_body { padding-top: 20px; } .contact-us .section4 .form-contact .gform_body li { margin-top: 20px; margin-bottom: 20px; text-align: left;} .contact-us .section4 .form-contact .gform_body li .gfield_label { display: none; } .contact-us .section4 .form-contact .gform_body li .gfield_description { width: 80%; text-align: left; margin: auto; } .contact-us .section4 .form-contact .gform_body li input, .contact-us .section4 .form-contact .gform_body li select, .contact-us .section4 .form-contact .gform_body li textarea { display: block; width: 80%; padding: .375rem .75rem; margin: auto auto 0px auto; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .contact-us .section4 .form-contact .gform_body li input, .contact-us .section4 .form-contact .gform_body li select { height: 44px; } .contact-us .section4 .form-contact .gform_body li .validation_message { color: red; font-family: Century_Gothic_Bold !important; } .contact-us .section4 .form-contact .gform_body .gform_validation_container { display: none; } .contact-us .section4 .form-contact .gform_footer input[type='submit'] { width: 80%; height: 60px; background: #F36F21; color: white; font-weight: 900; border: 1px solid #F36F21; cursor: pointer; } .contact-us .section4 .form-contact .gform_footer input[type='submit']:hover { background-color: white; color: #F36F21; } .general .section2 { padding: 60px 0; text-align: center; } .general .section2 .title { color: #B77017; padding: 10px 0; } .general .section2 .sub-title { color: #B77017; padding: 10px 0; } .general .section2 ul { list-style: disc; padding-left: 20px; } .general .section2 table tr td { border: 1px solid black; } .news .section2 { padding: 60px 0; text-align: center; font-size: 14px; } .news .section2 .title { color: #B77017; padding: 0px 0 50px; } .news .section2 .news-title { padding-top: 20px; color: black; } .news .section2 .news-content a { color: black; } .news .section2 .news-content .date { color: black; } .news .section2 .news-content .category { color: #F36F21; } .news .section2 .hidden { display: none; } .news .section2 .more { margin: 50px 0 0; cursor: pointer; } .news .section3 { padding: 0 0 0px; text-align: center; font-size: 14px; } .news .section3 .title { color: #B77017; padding: 0px 0 50px; } .news .section3 .video-title { padding-top: 20px; color: black; } .news .section3 .video-content { color: black; } .news .section3 .video-content .category { color: #F36F21; } .news .section3 .video-content .date { display: inline-block; } .news .section3 .video-content .category { color: #F36F21; } .news .section3 .more { padding: 50px 0 0; cursor: pointer; } .news .section3 .video:not(#video-0):not(#video-1) { display: none; } .news .section4 { padding: 60px 0; text-align: center; } .news .section4 .title { font-family: Century_Gothic_Bold !important; color: #444444; padding-bottom: 40px; } .news .section4 .cta { color: #F36F21; } .news .section4 .cta:hover { background-color: #F36F21; color: white; } .single .section2 { padding: 60px 0; text-align: center; } .single .section2 .title { color: #B77017; padding: 0px 0 50px; } .single .section2 .content { text-align: left; } .single .section3 { padding: 10px 0; text-align: center; } .single .section3 img { height: 50px; padding: 0 60px; } .single .section3 .back-row { text-align: center; padding-bottom: 60px; } .single .section3 .back-row .back { cursor: pointer; display: inline; } .single .section3 .back-row .back .cta { background-color: transparent; color: #F36F21; } .single .section3 .back-row .back .cta:hover { background-color: #F36F21; color: white; } .single .section3 .back-row .back .cta:hover * { color: white !important; } .single .section4 { padding: 60px 0; text-align: center; } .single .section4 .title { color: #B77017; padding: 0px 0 50px; } .single .section4 .relatedcontent { text-align: left; font-size: 14px; } .single .section4 .relatedcontent .post-title a { color: black; font-weight: 900; } .single .section5, .single .homepage .section6, .homepage .single .section6 { text-align: center; padding: 60px 0; background-color: #2F2F2F; } .single .section5 .title, .single .homepage .section6 .title, .homepage .single .section6 .title { color: white; padding-bottom: 40px; } .single .section5 .cta, .single .homepage .section6 .cta, .homepage .single .section6 .cta { color: #F36F21; } .single .section5 .cta:hover, .single .homepage .section6 .cta:hover, .homepage .single .section6 .cta:hover { background-color: #F36F21; color: white; } .archive .section2 { padding: 60px 0; } .archive .section2 .title { color: #B77017; padding: 0px 0 50px; text-align: center; } .archive .section2 .posts .post-title { color: black; padding: 0 0 10px; } .archive .section2 .posts .uk-article-meta { font-size: 14px; } .archive .section2 .posts .uk-subnav > * > * { color: #F36F21; } .archive .section3 { text-align: center; padding: 60px 0; } .archive .section3 .title { color: #444444; padding-bottom: 40px; } .archive .section3 .cta { color: #F36F21; } .archive .section3 .cta:hover { background-color: #F36F21; color: white; } .en .eng span, .zh-hant .tc span, .zh-hans .sc span { background-color: #ff6600; padding: 4px; color: white !important; } .tm-navbar { background-color: rgba(255, 255, 255, 0.9); width: 100%; position: fixed; z-index: 99999; } .tm-navbar .navbar-brand { padding: 16px 0; margin-right: 0; } .tm-navbar .uk-navbar-nav { margin: 20px 0 15px; } .tm-navbar .uk-navbar-nav .active { color: white; background-color: #F36F21; } .tm-navbar .uk-navbar-nav > li > a { height: 35px; line-height: 35px; letter-spacing: 1px; } .tm-navbar .uk-navbar-nav > li > a:after { background: #FF6600; } .tm-navbar .uk-navbar-nav .language { padding: 0 5px !important; margin: 0 3px; } .tm-navbar .uk-navbar-nav .product-dropdown, .tm-navbar .uk-navbar-nav .solution-dropdown { width: 100%; background-color: #323232; padding-bottom: 0; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid { margin-left: auto; margin-right: auto; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 { padding: 0; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; -ms-flex-pack: space-evenly; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li { margin-top: 0px !important; padding-bottom: 0; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a { padding: 0px; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container { text-align: center; color: white; cursor: pointer; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .img-group, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .img-group { height: 40px; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .img-group img, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .img-group img { height: 40px; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .img-group .original-image, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .img-group .original-image { position: absolute; margin-left: auto; margin-right: auto; left: 0px; right: 0px; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .img-group .animate-image, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .img-group .animate-image { opacity: 0; position: absolute; margin-left: auto; margin-right: auto; left: 0px; right: 0px; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .text, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a .animate-image-container .text { text-transform: none; font-size: 14px; padding-top: 10px; line-height: 20px; } .tm-navbar .uk-navbar-nav .product-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a:after, .tm-navbar .uk-navbar-nav .solution-dropdown .uk-dropdown-grid .uk-width-1-1 ul li a:after { background-color: transparent !important; } .tm-navbar .uk-navbar-toggle { color: #F36F21; padding: 0 5px; } .tm-navbar .uk-navbar-content { height: 70px; } .tm-navbar .uk-dropdown-navbar { background-color: rgba(255, 255, 255, 0.9); } @media (max-width: 767px) { .tm-navbar { position: static; margin: 0; } .tm-navbar .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .tm-navbar .container .uk-navbar-toggle { position: absolute; } .tm-navbar .container .navbar-brand { width: 100%; text-align: center; } } @media (min-width: 768px) and (max-width: 991px) { .tm-navbar .container { max-width: 100%; } .tm-navbar .container .uk-navbar-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; margin-top: 20px; float: right; } .tm-navbar .container .uk-navbar-nav a { padding: 0 5px; font-size: 13px; letter-spacing: 0.2px; } } @media (min-width: 880px) and (max-width: 991px) { .tm-navbar .container .uk-navbar-nav a { padding: 0 13px; } } .product-offcanvas .img-group, .solution-offcanvas .img-group { display: none; } .product-offcanvas br, .solution-offcanvas br { display: none; } .product-offcanvas .text, .solution-offcanvas .text { font-size: 14px; } .tm-footer { text-align: left; background-color: #999999; color: white; margin: 0; padding: 40px 0 30px 0; text-transform: uppercase; font-size: 11px; } .tm-footer .footer-section1 { padding-bottom: 20px; } .tm-footer .footer-section1 .title { color: white; font-family: Century_Gothic_Bold !important; } .tm-footer .footer-section1 .social_media [class*="col-"] { padding-bottom: 0; } @media (min-width: 768px) { .tm-footer .footer-section1 .social_media .row { margin-left: -5px; margin-right: 5px; } .tm-footer .footer-section1 .social_media .row .col-md-3 { padding-left: 5px; padding-right: 5px; } } @media (min-width: 992px) { .tm-footer .footer-section1 .social_media .row { margin-left: -5px; margin-right: 50px; } .tm-footer .footer-section1 .social_media .row .col-lg-3 { padding-left: 5px; padding-right: 5px; } } .tm-footer .footer-section1 .newsletter input { border-radius: 0; border: white solid 1px; } .tm-footer .footer-section1 .newsletter .input-group-text { border-radius: 0; color: white; background-color: #F36F21; } .tm-footer .footer-section1 .newsletter .gfield_label, .tm-footer .footer-section1 .newsletter .gform_validation_container { display: none; } .tm-footer .footer-section1 .newsletter .gform_body, .tm-footer .footer-section1 .newsletter .gform_footer { float: left; } .tm-footer .footer-section1 .newsletter .gform_body input, .tm-footer .footer-section1 .newsletter .gform_footer input { height: 46px; font-size: 12px; padding: .375rem .75rem; line-height: 1.5; width: 100%; background-color: #B9B8B9; color: white; } .tm-footer .footer-section1 .newsletter .gform_body input::-webkit-input-placeholder, .tm-footer .footer-section1 .newsletter .gform_footer input::-webkit-input-placeholder { color: white; } .tm-footer .footer-section1 .newsletter .gform_body input:-moz-placeholder, .tm-footer .footer-section1 .newsletter .gform_footer input:-moz-placeholder { color: white; } .tm-footer .footer-section1 .newsletter .gform_body input::-moz-placeholder, .tm-footer .footer-section1 .newsletter .gform_footer input::-moz-placeholder { color: white; } .tm-footer .footer-section1 .newsletter .gform_body input:-ms-input-placeholder, .tm-footer .footer-section1 .newsletter .gform_footer input:-ms-input-placeholder { color: white; } .tm-footer .footer-section1 .newsletter .gform_body { width: 70%; } .tm-footer .footer-section1 .newsletter .gform_body ul, .tm-footer .footer-section1 .newsletter .gform_body li { margin: 0px; } .tm-footer .footer-section1 .newsletter .gform_footer { width: 30%; } .tm-footer .footer-section1 .newsletter .gform_footer input { background-color: #F36F21; color: white; cursor: pointer; } .tm-footer .footer-section1 .newsletter .gform_footer input:hover { background-color: white; color: #F36F21; } .tm-footer .footer-section1 .contact table { width: 100%; } .tm-footer .footer-section1 .contact table td { vertical-align: middle; padding: 8px; } .tm-footer .footer-section1 .contact table td .method p a { color: white; } .tm-footer .footer-section1 .contact table td p { margin-bottom: 0; } .tm-footer hr { border-color: white; margin: 0; } .tm-footer .footer-section2 { padding: 20px 0 10px; } .tm-footer .footer-section2 .menu { text-align: center; margin-bottom: 0; } .tm-footer .footer-section2 .menu li { padding: 0 20px; display: inline-block; } .tm-footer .footer-section2 .menu li a { color: white; } .tm-footer .footer-section2 .menu li a:hover, .tm-footer .footer-section2 .menu li a:focus, .tm-footer .footer-section2 .menu li a:active { color: white; } .tm-footer .footer-section3 { text-align: center; } .tm-footer .footer-section3 ul { text-align: center; margin-bottom: 0; } .tm-footer .footer-section3 ul li { display: inline-block; padding: 0 20px; } .tm-footer .footer-section3 img { height: 45px; } .tm-footer .footer-section4 { padding: 10px 0 20px; } .tm-footer .footer-section4 #footer-copyright { text-align: center; } .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col { width: 100%; } .col-auto { width: none; } .col-1 { width: 8.333333%; } .col-2 { width: 16.666667%; } .col-3 { width: 25%; } .col-4 { width: 33.333333%; } .col-5 { width: 41.666667%; } .col-6 { width: 50%; } .col-7 { width: 58.333333%; } .col-8 { width: 66.666667%; } .col-9 { width: 75%; } .col-10 { width: 83.333333%; } .col-11 { width: 91.666667%; } .col-12 { width: 100%; } @media (min-width: 576px) { .col-sm { width: 100%; } .col-sm-auto { width: none; } .col-sm-1 { width: 8.333333%; } .col-sm-2 { width: 16.666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.333333%; } .col-sm-5 { width: 41.666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333%; } .col-sm-8 { width: 66.666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.333333%; } .col-sm-11 { width: 91.666667%; } .col-sm-12 { width: 100%; } } @media (min-width: 768px) { .col-md { width: 100%; } .col-md-auto { width: none; } .col-md-1 { width: 8.333333%; } .col-md-2 { width: 16.666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.333333%; } .col-md-5 { width: 41.666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333%; } .col-md-8 { width: 66.666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.333333%; } .col-md-11 { width: 91.666667%; } .col-md-12 { width: 100%; } } @media (min-width: 992px) { .col-lg { width: 100%; } .col-lg-auto { width: none; } .col-lg-1 { width: 8.333333%; } .col-lg-2 { width: 16.666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.333333%; } .col-lg-5 { width: 41.666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333%; } .col-lg-8 { width: 66.666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.333333%; } .col-lg-11 { width: 91.666667%; } .col-lg-12 { width: 100%; } } @media (min-width: 1200px) { .col-xl { width: 100%; } .col-xl-auto { width: none; } .col-xl-1 { width: 8.333333%; } .col-xl-2 { width: 16.666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.333333%; } .col-xl-5 { width: 41.666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.333333%; } .col-xl-8 { width: 66.666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.333333%; } .col-xl-11 { width: 91.666667%; } .col-xl-12 { width: 100%; } }