/*Theme Name:Theme-Focus4.0*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;} audio,canvas,video{display: inline-block;} audio:not([controls]){display: none;height:0;} [hidden],template{display: none;} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} a{background: transparent;} a:focus{outline: thin dotted;} a:active,a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} dfn{font-style: italic;} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;border:none;clear:both;} mark{background:#ff0;color:#000;} code,kbd,pre,samp{font-family:"PT Sans";font-size:1em;} pre{white-space: pre-wrap;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position: relative;vertical-align:baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} img{border:0;vertical-align:middle;} svg:not(:root){overflow: hidden;} figure{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} button,input,select,textarea{font-size:100%;margin:0;outline:0;} button,input{line-height: normal;} button,select{text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #f90;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align: top;} table{border-collapse:collapse;border-spacing:0;} body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0 auto;padding:0;border:0;} /* Global */ @font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: url('/fonts/static/OpenSans-Light.ttf') format('truetype');font-display: swap;} @font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: url('/static/OpenSans-Regular.ttf') format('truetype');font-display: swap;} @font-face {font-family: 'Open Sans';font-style: normal;font-weight: 500;src: url('/static/OpenSans-Medium.ttf') format('truetype');font-display: swap;} @font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: url('/static/OpenSans-SemiBold.ttf') format('truetype');font-display: swap;} @font-face {font-family: 'Open Sans';font-style: normal; font-weight: 700; src: url('/static/OpenSans-Bold.ttf') format('truetype');font-display: swap;} body{font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-size: 16px; color: rgb(9, 44, 71); font-weight:400; line-height:1.8;} ul,ol,li{list-style:none;} table,td,th,input{ font-size:15px;} h1,h2,h3,h4,h5,h6{font-weight:600; line-height:1.375;} h1{font-size:36px;} h2{font-size:32px;} h3{font-size:26px;} h4{font-size:24px;} h5{font-size:20px;} h6 {font-size:20px;} a:link, a:visited{ color:#474748; outline:0; text-decoration:none; font-size:16px;} .cut{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .inner{width:98%;} .clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0} .c1000{width:88%; margin: 0 auto;} .c800{width:80%; margin: 0 auto;} .c600{width:60%; margin: 0 auto;} .c500{width:50%; margin: 0 auto;} .cline{} .cline:after{content: "";display: inline-block;width: 35px;max-width: 100%;border-bottom: 3px solid #0E6AED;vertical-align: top;} /*index-txt-title*/ .index-title0{color:#041A6E; word-break: keep-all; display: block; padding-bottom:10px; font-weight:600; font-size:48px;} .index-txt0{font-size: 20px; color:#21435E; line-height: 1.5;padding-bottom:20px;} .index-title1{color:#041A6E; word-break: keep-all; display: block; padding-bottom:20px; font-weight:600;} .index-txt1{font-size: 16px; color:#21435E; line-height: 1.5;} .index-title2{color: rgba(255, 255, 255, 0.85); word-break: keep-all; display: block; padding-bottom:20px; font-weight:600;} .index-txt2{font-size: 16px; color: rgba(255, 255, 255, 0.65); line-height: 1.5;} /*tarbar logo-inquiry*/ .tarmenu{display: grid; grid-template-columns:1fr 1fr; grid-gap:2%;align-items: center;} .tarmenu .tar-contact{padding:10px 0;text-align: right;margin-right:0;} .top-quote{background-color: #0E6AED;color: #fff !important;border: 1px solid #fbf6f6;padding: 2px 18px;font-size: 14px !important;border-radius:5px; font-weight:500; display: inline-block;} .top-quote:hover{background-color: #0E6AED;color: #0E6AED;border: 1px solid #fbf6f6;} .header {background:#fff; clear:both;position:relative;z-index:1000;} .header .inner{ overflow:visible;} .logo{margin: 0;} .logo img{} .head-pinned {position:fixed;top:0; left:0; width:100%; z-index:10000;box-shadow:0 0 10px rgba(0, 0, 0, 0.2); background: #fff;} .head-pinned .logo img {} .head-pinned .topbar {display:none;} .head-pinned .main-menu {line-height:40px;} .head-pinned .navi li ul {top:100px;} .head-pinned .navi li ul li ul {top:0;} .head-pinned .btn-so {height:50px;} /* MainMenu */ .main-menu {line-height:38px;color:#222;} #mobile-nav {display:none;} .navi {height:50px;line-height:50px;} .navi li {float:left;display: inline-block;} .navi li a {padding:0 40px 0 0 ;margin-bottom:10px; color:#0A2D48;display: inline-block;font-weight: 600;text-transform: capitalize;} .navi li a:hover {text-decoration: none;color: #1A5ADE;} .navi > li.menu-item-has-children > a {font-family:'open sans',Helvetica,Arial,sans-serif, 'FontAwesome';} .navi > li.menu-item-has-children > a:after{content:"\f107"; margin-left:10px; font-size:14px;font-weight:300;} .navi li ul {position: fixed;left: 0;top:115px; z-index:1000;width:100%;padding:1% 0 1% 18%;background:#FFF;border-top: 1px solid rgb(242, 242, 242);border-bottom: 1px solid rgb(242, 242, 242);box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;display: none;} .navi li ul li {float:left; width:24%;line-height:30px;} .navi li ul li a {padding:0;height:20px;line-height:20px; margin-bottom:20px; font-weight: 400; color:#8596A4; clear: both;} .navi li ul li ul {left:0;top:0;padding:0; position: static;border:none;box-shadow:none;display: block;height:175px;} .navi li ul li ul li {width:100%;height: 23px;line-height: 23px; margin-bottom:10px;} .navi li ul li ul li a {color: #092C47;font-weight:600;} /*SEARCH*/ .btn-so{ float:left; width:50px; text-align: center; font-family:'FontAwesome'; font-size:20px; color: #0A2D48; margin-top:-45px; cursor:pointer;text-decoration: none;} .btn-so:before{content:"\f002";font-weight:100;} #search-box{ width:100%;display:none; background-color: #fff; position: absolute; left:0;top:105px;box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.15); z-index:9999;} #search-box .inner{ position:relative; overflow:visible; } #search-box .arrow-up{display:inline-block; width:0; height:0; font-size:0; overflow:visible; position:absolute; z-index:10;} #search-box .arrow-up .arrow-inner{ width:0; height:0; position:absolute; top:-1px; left:-5px; border:5px solid transparent; border-bottom-color:#fff;} .mobi-title{display: none;} #search-box #searchform{ padding:30px 0px; position:relative; background-color:#FFF;} #search-box #searchform #ls{ padding:15px 2%; width:100%; border:1px solid #222; color:#666; background:#fbfbfb; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); box-shadow:0 0 5px rgba(0, 0, 0, 0.1);} #search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{ border-color:#000;} #search-box #searchform #searchsubmit{ float:right; color: #FFF; padding:15px 0; width:100px; background:#404a52 ; overflow:hidden; cursor:pointer; position:absolute; right:0; top:30px; border-bottom-right-radius:10px; border-top-right-radius:10px; border: 1px solid #404a52; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;} #search-box #searchform:hover #searchsubmit{ background-color:#101010; border:1px solid #101010;} .search-pinned{ position:fixed !important; top:100px !important;; left:0; z-index:99999 !important; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));} .search-pinned .inner{-moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow: 0 -1px 6px #999;} /*.index-file*/ .index-file{padding:40px 0 60px 0; background-size:50% 50%;background-repeat:no-repeat;} .index-file .c500{background-color: rgb(230, 244, 255);box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px;} .index-file-items{text-align: center;} .index-file-item{padding: 32px;border-radius: 8px;min-height:60px; margin: 30px 0;} .index-file-item a{color: #0e6aed;cursor: pointer; margin-bottom:20px; display: block;} .index-file-item button{font-family: 'open sans', Helvetica, Arial, sans-serif; padding: 15px 45px; font-size: 20px;background-color: #0e6aed; color: #fff;border: #0e6aed; border-radius:8px;} .index-file-typography{color: #8596A4;} .typography-title{margin-bottom:20px; font-size:13px;color: #8596A4;} .typography-txt{ font-size:14px;} .iso{font-size:14px;} .iso i{color: #52c41a;font-size: 16px;width: 16px; height: 16px;margin:0 4px;} /*.index-about-counter*/ .index-about-counter{background-color: #F5F5F5; padding: 30px 0;} .index-about-counter .about-counter ul{display: grid; gap: 20px;grid-template-columns: repeat(6, 1fr); font-size:20px; line-height:1.3;text-align: center;} .index-about-counter .about-counter ul h2{color: #0969EC; text-align: center;font-weight:600; margin-bottom:10px;} /*index-service-case*/ .index-service-case{padding: 40px 0;} .index-service-case-items{display: grid;grid-template-columns:30% 70%;} #tabs-container{width:100%;height:auto !important; overflow: hidden;} .index-service-items .tabs {display: grid; grid-template-columns:1fr 1fr; background-color: #03084F;border-radius:50px; padding: 10px;} .index-service-items .tabs a {padding: 10px 30px;font-size: 16px;font-size: 18px;line-height: 28px;color: #fff;font-weight: 700;transition: all 0.2s;cursor: pointer;border-radius:50px;text-align: center; } .index-service-items .tabs a.active{background: #0E6AED;color: #FFFFFF;} .index-service-items .tabs a:hover{text-decoration: none;background: #0E6AED;color: #FFFFFF;} .ul-tabs{position: relative; overflow: hidden; white-space: nowrap; transform: translate(0); margin:20px 0;} .ul-tabs ul:before{content: " ";display: block;position: absolute;top: 0px;bottom: 0px;left: 0px;width: 2px;background-color: rgb(217, 217, 217);} .ul-tabs ul li a{color: #092C47; font-weight:400;font-size:20px;padding: 15px;line-height: 50px} .ul-tabs ul li a:hover{color: #0E6AED;position: relative;} .ul-tabs ul li a:hover:before{content: " ";display: block;position: absolute;top: 0px;bottom: 0px;left: 0px;width: 2px; height:50px; background-color:#0E6AED;} .usecase-tabs {display: none;} .ul-tab-content-item {display: none ;} .ul-tab-content-item:first-child {display: block ;} .ul-tabs li.active a {color: #0E6AED;position: relative;} .ul-tabs li.active a:before {content: " ";display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 2px;height: 50px;background-color: #0E6AED;} .tab-content-items{ background-color: rgb(231, 235, 240); border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px; display: block;} .ul-tab-content-item-service{display: grid; grid-template-columns:1fr 1fr;gap:30px; padding: 32px;} .ul-tab-content-item-service .ul-tab-service-left h3{background: linear-gradient(90deg, rgb(22, 119, 255) 0%, rgb(82, 196, 26) 100%) text;-webkit-text-fill-color: transparent; line-height:1.2; display: block; margin-bottom:30px;} .ul-tab-content-item-service .ul-tab-service-left .txt{} .ul-tab-service-right-a{display: grid; grid-template-columns:auto auto; align-items: center;justify-content:center;gap:0 10px;margin-bottom:24px;} .ul-tab-service-right .read-more a{border: 1px solid #ddd;border-radius:8px; background-color: #fff;padding: 10px 12px; gap:0 10px;} .ul-tab-service-right .read-more a:hover{border: 1px solid #2277DB;} .ul-tab-service-right button{padding: 10px 20px; font-size: 16px;background-color: #0e6aed; color: #fff;border: #0e6aed; border-radius:8px;} .ul-tab-service-right-img img{width: 100%;height: auto;aspect-ratio: 4 / 3;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px;object-fit: cover; object-position: center center;} /*index-service-case-bottom*/ .index-service-case-bottom{display: grid; grid-template-columns:repeat(4, 1fr);gap:20px; text-align: center;padding: 60px 0 30px 0;} .index-service-case-bottom-item span{color: #0E6AED;font-size:32px;} .index-service-case-bottom-item h4{line-height:1.2;display: block;padding: 20px 0;font-weight:600;color: #03084F;height:50px;overflow: hidden;} .index-service-case-bottom-item .bottom-item-txt{line-height:1.4;font-size: 15px;} /*index-case1*/ .index-case1{background-color: #0958D9;padding: 20px 0;} .index-case1 .index-title2{text-align: center;} .index-case1 .swiper-slide{width:260px;} .index-case-items{margin: 20px 0;display: grid; gap: 20px;grid-template-columns: 1fr 1fr 1fr;} .index-case-items .cZmgep{display: block; width:100%; height:100%; background-color: rgb(15, 93, 204); box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px;} .index-case-items .case-items-wrap{position: relative;} .index-case-items .cZmgep:nth-child(1){grid-column: 1 / 2;grid-row: 1 / 2;} .index-case-items .cZmgep:nth-child(2){grid-column: 1 / 2;grid-row: 2 / 3;} .index-case-items .cZmgep:nth-child(3){grid-column: 2 / 3;grid-row: 1 / 3; } .index-case-items .cZmgep:nth-child(4){grid-column: 3 / 4;grid-row: 1 / 2;} .index-case-items .cZmgep:nth-child(5){ grid-column: 3 / 4;grid-row: 2 / 3;} .index-case-items .case-item img{width:100%; min-height:200px; border-radius:10px;} .index-case-items .cZmgep:nth-child(3) img{min-height:420px;} .index-case-items .case-item-title{position: absolute; bottom: 30px; left: 0px; right: 0px; padding: 24px; margin-bottom: 0px; z-index: 3; color: #fff; line-height:1.2;} .index-case-items .case-item-title h4{font-weight:600;} /*index-proof-carousel*/ .index-proof-carousel{padding:40px 0 20px 0 !important;} .index-proof-carousel .swiper-slide{width:260px;margin: 0; margin-right:20px; height:auto;} .index-proof-carousel .proof-items{background: #fff; border-radius:10px;height:100%;} .index-proof-carousel .proof-items .proof-items-wrap{padding: 25px;} .index-proof-carousel .proof-star span{background-color:#237804;color: #fff; padding: 4px;margin-right:3px;} .index-proof-carousel .proof-item-txt{margin:10px 0; line-height:1.4;} .index-proof-carousel .etiFlf {width: 90px;padding-top: 12px;border-top: 1px solid rgb(217, 217, 217);} .index-proof-carousel .proof-item-title {font-weight:600;margin: 0;} .index-proof-carousel .swiper-button-next{background-color: #fff; padding: 1px 10px;border: 1px solid rgb(217, 217, 217);border-radius: 8px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px;color: rgb(9, 44, 71);} .index-proof-carousel .swiper-button-prev{background-color: #fff;padding: 1px 10px; border: 1px solid rgb(217, 217, 217);border-radius: 8px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px;color: rgb(9, 44, 71);} .index-proof-carousel .swiper-button-next:after, .index-proof-carousel .swiper-button-prev:after{font-size:20px;} .index-proof-carousel .swiper-button-prev{left:20%;} .index-proof-carousel .swiper-button-next{right:20%;} /*.index-common*/ .index-common{background-color: #15325B; padding:60px 0; text-align: center;} .fcommon-left-h3{margin-top:20px;} .request-button{background-color: #0E6AED;color: #f9fbfc !important; padding: 14px 40px;line-height: 54px;font-size: 18px; border-radius:10px;font-weight: 600;} .request-button:hover{background-color: #0958d9;} /*index-video*/ .index-video{text-align: center;padding: 20px 0;} .index-video .index-txt1{padding-bottom:30px;} /*contact-us*/ .contact-page{padding-bottom: 30px;} .contact-page .post img{margin: 0; width:auto;} .page-contact-grid{display: grid; grid-template-columns: 1fr 1fr; grid-gap:0 3%;font-weight:400;padding-bottom:30px;} .l-contact{margin-top:25px;} .c1{display: flex; align-items: center;margin:0px;} .c1 div{ margin-top:8px; margin-left:0;} .c1 img{max-width:100%; margin-right:10px !important;} .c1 b{display: block;} .c1 strong,b{font-weight: bold;} .c1 .text strong{display: block;} .r_cotact .wpforms-title{color: #E53247 !important; text-transform: capitalize; text-align: center;} .r_cotact .wpforms-field{opacity: 1 !important;} .r_cotact .wpforms-field-label{color: #E53247 !important;} /* Breadcrumb */ .breadcrumb-wrap{color: #476175; padding: 10px 0;} .breadcrumb-wrap .breadcrumb{line-height:50px;clear:both; overflow:hidden;} .breadcrumb-wrap .breadcrumb .bread{display: grid; grid-template-columns:auto 1fr ; align-items:center;} .breadcrumb-wrap .breadcrumb a:link, .breadcrumb a:visited{ text-decoration:none; color: #476175;} .breadcrumb-wrap .breadcrumb a:hover{ color:#1A5ADE;} .breadcrumb-wrap .breadcrumb h2{display:none;} .breadcrumb-wrap .breadcrumb .crumb-box{text-align: left;margin: 0;} /*.accordion-header*/ .accordion-header{position: relative; font-size:18px;font-weight:600; cursor:pointer;font-family:"Open Sans",Helvetica,'FontAwesome';padding:10px 0;} .accordion-header span{ margin: 0 8px;font-weight:600;} .accordion-content span{margin: 0 8px;font-weight:600;} .accordion-header:before{content:"\f107"; position: absolute; right: 10px; font-size:24px;} .inactive-header{ color:#092C47; background-color:#fff;} .inactive-header:before{content:'\f105'; position: absolute; right: 10px;} .accordion-content{line-height:1.6; font-size:16px; display:none; color:#22445f;padding-bottom:20px;} .accordion-content a:link, .accordion-content a{ color:#313c45;margin:10px 0;display:block;} .accordion-content a:hover{ color:#0E6AED;} .accordion-list .accordion-list-li{border-top: 1px solid #d8dee1; padding:25px 0 0 0;} .accordion-list .accordion-list-li:last-child{border-bottom: 1px solid #d8dee1;} .accordionp {display: none;overflow: hidden;} .faq-contact{} .faq-contact h2{margin-top: 60px;text-align: center;margin-bottom: 40px;} .faq-clist{display: flex;text-align: center;} .faq-clist .faq-cell{ margin: 0 30px 30px 0;width: calc(33.333333% - 20px); max-width: calc(33.333333% - 20px);border-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,.16);border: solid 1px #eee;padding: 40px 36px;} .faq-cell a{color: #06c;} .faq-cell i{font-size:60px; color: #06c; display: block;} .faq-cell .faq-tit{font-size:22px; margin: 10px 0;} .faq-cell .faq-cellq{font-size:18px;} /*active piclist*/ .pic-list {display: grid;grid-template-columns: 31% 31% 31% ;grid-gap:0 3%; } .pic-list li{box-shadow: 0 0 5.1px .9px rgba(0, 0, 0, .15);margin-bottom:25px;width:100%;} .pic-list li:hover{box-shadow:3px 5px 15px rgba(0,0,0,.1); } .pic-list li a{padding: 20px; display: block;} .pic-list li:hover h3{color: #06c;} .pic-list li img{margin-bottom:15px; width:100%;} .pic-list h3{color: #222; font-size:16px; margin:15px 0 0; line-height:1.4; font-weight:600; overflow: hidden;} .pic-list .piclist{overflow: hidden;} .pic-list .bcontent{color: #666;margin-top: 15px;font-weight: 300;height:140px; overflow: hidden; font-size:16px;} /*active caselist*/ .case-list {display: grid;grid-template-columns: 1fr 1fr 1fr;margin: 40px 0 20px 0;} .case-list li{margin: 0 30px 30px 0;box-shadow: .2rem .2rem 2rem 0 rgba(23, 39, 59, .05);border: 1px solid #d0d0d0;} .case-list li:hover{background-color: #fff;} .case-list li a{padding: 40px; display: block;} .case-list li:hover h3{color: #06c;} .case-list h3{color: #222; font-size:16px; margin:15px 0 0; line-height:1.4; font-weight:600; overflow: hidden;} .case-list li img{margin-bottom:15px; width:100%;} .case-list .piclist{overflow: hidden;} .case-list .bcontent{color: #666;margin-top: 15px;font-weight: 300;height:120px; overflow: hidden; font-size:16px;} /*Archive-video*/ .Archive-video{display: grid;grid-template-columns: 1fr 1fr 1fr;margin: 0 0 20px 0;} .Archive-video li{margin: 0 30px 30px 0;box-shadow: .2rem .2rem 2rem 0 rgba(23, 39, 59, .05);border: 1px solid #d0d0d0;} .Archive-video li h3{margin:20px 0; text-align: left;height: 48px;line-height: 1.375; padding: 0 10px; font-size:16px;} .Archive-video .video-t{float: left; background-color: red;color: #fff; text-align: center; width: 140px;font-size: 12px;padding: 1px;text-transform: uppercase;margin-top: 15px} .Archive-video .draw-t{float: left; background-color: #06c;color: #fff; text-align: center; width: 140px;font-size: 12px;padding: 1px;text-transform: uppercase;margin-top: 15px} .Archive-video li:hover{box-shadow: .2rem .2rem 5rem 0 rgba(23, 39, 59, .1);} .Archive-video li:hover h3 a{color: #06c; } /*YouBe*/ .Archive-video{width:96%; aspect-ratio:16/9; text-align: center;} .Archive-video IFRAME{ width:100%; min-height:300px; border:none;} .Archive-video img{width:100%;} /*archive-articlelist*/ .article-top{display: grid;grid-template-columns: 1fr 1fr ;grid-gap:20px; border-top: 1px solid #C1CAD1; padding-top:30px; margin-bottom:30px;} .article-list .picexcerpt_article1{margin-bottom:15px } .picexcerpt_article_t{position: relative;} .picexcerpt_article_spantop{font-size:16px; font-weight:600;padding-bottom:10px;} .picexcerpt_article_spant{color: #ffffff;text-shadow: 0 0 10px #092C47;position: absolute;bottom:20%;left: 12px;font-size: 13px;line-height: 20px;z-index: 1;} .article-top h4{color: #fff;font-size: 26px;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;} .article-top .jqthumb{border-radius:20px;} .article-top li img{border:1px solid #FAF3DD; width:100%;} .article-top .cat-date{color: #fff;font-size: 16px;line-height: 1.5;font-weight: 400;} /*active news*/ .article-list {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:20px; margin-bottom:30px;} .article-list .picexcerpt_article{margin-bottom:15px } .picexcerpt_article_w{position: relative;} .picexcerpt_article_span{color: #fff;text-shadow: 0 0 10px #092C47;position: absolute;top: 8px;left: 12px;font-size: 13px;font-weight: 600;line-height: 20px; z-index: 1;} .article-list li img{border:1px solid #FAF3DD; width:100%;} .article-list .jqthumb{border-radius:20px;} .article-list h4{color: #22445F;font-size: 16px;font-weight: 600;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;} .article-list .cat-date{color: #476175;font-size: 0.75rem;line-height: 1.5;font-weight: 400;padding-top:5px;} /*resources-module*/ #resources-module{padding:70px 0} #resources-module a{ color: #236fba;} #resources-module .rm-header {color: #236fba; font-weight: 600; font-size: 30px; margin-bottom:20px;} #resources-module .rm-item-title {text-decoration: none; text-align: center; position: relative; text-align: center;height: 42px;line-height: 21px; padding-bottom:20px; color: #236fba;} #resources-module .rm-item-title h3 a{ font-size:18px;color:#236fba !important;} #resources-module .rm-item-img {margin-bottom: 15px;} .rm-item-img img{width:70% !important; height:100% !important;} #resources-module .rm-item-cta{border-radius: 5px;border-top: 1px solid #4d2428; border-bottom: 1px solid #6f4d55; text-shadow: rgb(0 0 0 / 30%) 2px 2px 0;background: linear-gradient(#cd2626, #d15420);padding: 6px; display: inline-block;} #resources-module .rm-item-cta a{ font-size: 16px;font-weight: 700;color: #fff; text-decoration: none;} #resources-module .rm-item-cta a:after{background-color: #8f0204;} /*postlist*/ .postlist{display: grid; grid-template-columns:1fr 1fr;grid-gap:0 20px;} .postlist li{ background-color: #F6F6F6; margin-bottom:20px;} .archive-wrap{} /*cat_list*/ .cat-wrap{background-color: #FFF; padding: 20px 0;} .cat-category ul li {float: left; border-right:1px solid #ddd;padding: 0px 20px; margin-bottom:10px} .cat-category ul li a{font-size: 15px; color: #333;display: block;transition: 0.3s ease 0s;} .category_description{ padding: 20px 0; line-height:26px;} .category_description p{line-height:26px;} .category_description a{color: #0E6AED;} .category_description h1,.category_description h2,.category_description h3,.category_description h4{color: #0E6AED; font-weight:600; padding: 10px 0;} /* Archive - ExcerptPiclist */ .picexlist{ padding:0; overflow:hidden;} .picexlist li{ margin:20px auto; padding-bottom:20px; border-bottom:1px solid #F6F6F6; color:#666; overflow:hidden;} .picexlist li .post-thumb{ float:left; padding-right:45px; min-height:200px;} .picexlist li .post-thumb img{ padding:5px; width:240px; border:1px solid #f4f4f4;} .picexlist li:hover .post-thumb img{ border-color:#fdb795;} .picexlist li h3{ margin-bottom:12px; font-weight:700;} .picexlist li .excerpt{ margin: 10px 0; } .picexlist li:last-child, .picexlist li.nb{ margin:0 auto; border:none;} .picexlist .link-more {margin:10px 0} .picexlist .link-more a{color: #222; text-align: left; text-decoration: underline; } .picexlist .link-more i{margin-left:6px; text-decoration: underline;font-weight: normal;} .picexlist .link-more a:hover{color: #0D5E9D;} .picexlist .excerpt{line-height:26px;} .grid3{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:30px;margin-bottom:20px;} .grid-span{margin:15px 0;} .grid-title {margin-bottom:15px;} .grid-title h1{font-size:36px;line-height: 1.2;font-weight: 600; padding-bottom: 20px;} .grid-title h2 {padding-bottom:10px !important;} .grid-txt{font-size:16px;line-height:1.4;color: #22445f;} .grid-txt h5{color: #092C47;padding-bottom:10px;} .grid-txt h5 a{font-size:20px; color: #0E6AED;} .grid2{display: grid; grid-template-columns: 60% 34%; grid-gap:3%; margin-bottom:20px;} /* Container */ .column-fluid {display: grid; grid-template-columns: 74% 24%; grid-gap:2%; padding: 20px 0;} .column-fluid-so{display: grid; grid-template-columns: 24% 74%; grid-gap:2%; padding: 20px 0;clear: both;} .step{display: grid; grid-template-columns: 64% 31%; grid-gap:5%; padding: 20px 0;} .step-body {margin: 0;} .step-body h1,.step-body h2{line-height:1.375;padding-bottom:20px;font-weight:600;} .step-img img{border-radius:20px; width:100%;} .step-co{padding: 20px 0;} .page-section{background-color: #E6F0FD;padding:50px 15px;} /*archive-solutions.php*/ .inner-wide{position: relative; width:1400px; margin: 10px auto;background: linear-gradient(119deg, #F6F9FF 14.15%, #F5F8FD 26.17%, #F5F8FD 50.36%, #E6F0FD 68.64%); border-radius:15px;} .archive-header{} .bg-light-solutions{padding:20px; 0} .image-text-container {position: relative;width: 100%;overflow: hidden;} .hero-content-img .inner-1350{margin-right:0;margin-left:auto; width:1350px; max-width:100%;} .hero-content-img img {max-height:400px; width: 100%;height: auto;display: block;object-fit: cover;border-top-right-radius: 15px;border-bottom-right-radius: 15px;} .hero-content {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;max-width: 600px;text-align: left;z-index: 2;padding-left: 6%; padding-right: 5%;color: #476175;} .hero-content h1{display: block;padding-bottom:20px;font-size:50px; color: #092C47;} /*single-case*/ /*slice-section*/ .slice-section{} .rounded-xl{display: grid; grid-template-columns: 24% 74%; grid-gap:4%; background-color: #E6F0FD; padding: 30px;margin-bottom:30px;border-radius:10px;} .slice-section img{width:100%;border-radius:10px;} .slice-section h2{font-weight:600; padding-bottom:15px; text-transform: capitalize;line-height:1.2} .slice-section h3{font-weight:600; padding-bottom:15px; text-transform: capitalize;line-height:1.2} .slice-section h4{font-weight:600;line-height:1.2} .rounded-button a{padding: 10px 30px;color:#fff;border-color: #0E6AED; background-color: #0E6AED;display: inline-block;margin: 20px 0; border-radius:5px;font-weight: 600;font-size:18px;} .rounded-a{color: #0E6AED !important;font-weight: 600;display: block;padding-bottom:10px;} .rounded-a:hover{text-decoration: underline;} .rounded-txt p{line-height:1.375;color: #476175;} .rounded-txt h1{font-size:24px;padding-bottom:15px;} /*slice-bottom-in*/ .slice-bottom-in{display: grid; grid-template-columns: 24% 74%; grid-gap:4%; background-color: #E6F0FD; padding: 30px;margin-bottom:30px;border-radius:10px;} /*.site-header*/ .site-header{display: grid; grid-template-columns: 74% 24%; grid-gap:2%; margin: 0; border-bottom:1px solid #E6E9EC; padding-bottom:20px;} .site-header-title{margin: 0;} .site-header-img img{width:100%;border-radius:10px;} /*single-header*/ .single-header{display: grid; grid-template-columns: 46% 46%; grid-gap:8%;justify-content: center;align-items: center; align-content: center;} .single-header .post-ctitle{font-size:48px;} .single-header .post-ctxt{margin: 10px 0;color: #22445F;} .single-header h1{margin-bottom: 15px; font-size:48px;color: #092C47;} .single-header-right{border:1px dashed #22445F;padding: 20px;text-align: center;background-color: #F5F7F8;border-radius:5px;} .single-header-right:hover{background-color: #EBEFF1;} .single-header-right .index-file-item{padding: 0; margin: 15px 0;} /*single-pic*/ .bg-light-white-content{padding:20px 0;} .bg-light-blue-gradient{background: linear-gradient(119deg, #F6F9FF 14.15%, #F5F8FD 26.17%, #F5F8FD 50.36%, #E6F0FD 68.64%); text-align: center;margin-top:10px;padding:50px 0 70px 0;} .bg-light-header h1{line-height:1.2;padding-bottom:20px;font-weight:600;font-size:50px;} .bg-light-txt{line-height:1.4;} .bg-light-img img{width:100%;border-radius:10px;margin-top:20px;} .bg-light-main{padding:30px 0 50px 0;} .bg-light-main h3{text-align: center;padding-bottom: 20px;} .bg-light-grid{padding: 50px 0;} .bg-light-grid img{width:100%;border-radius:10px;} .bg-light-cat{padding: 50px 0;} .bg-light-grid-more{background-color: #E6F0FD;padding: 64px 16px;} .bg-light-grid-more-wrap{display: grid; grid-template-columns: 20% 78%; grid-gap:2%;} .post-meat {padding-bottom:20px;} .post-meta a{color: #092C47 !important;} .post-meta span{display: block; font-size:15px;padding: 5px 0;font-weight:300} .post-ctitle{font-size:20px;line-height:1.4;padding:10px 0;} /* Post */ .post-title{line-height: 1.4;font-weight:600;padding-bottom:20px;} .post{ overflow:hidden;} .post img{max-width:100%;max-height:100%;display: block;} .post .page-title{font-weight: 600; font-size: 36px;color: #0E6AED;line-height: 28px;clear: both; padding-bottom: 20px;text-align: center;} .post .site-content-primary{color: #4c4c4c; line-height:26px;} /*page-header*/ .page-header{background: linear-gradient(119deg, #F6F9FF 14.15%, #F5F8FD 26.17%, #F5F8FD 50.36%, #E6F0FD 68.64%); padding: 30px 0; text-align: center;} .page-header .page-title h1{padding:20px 0; font-size:48px;} .page-content{padding-bottom:20px;} .entry{} .entry h1{margin:0 0 20px 0; padding:0; font-weight:600; border:none; background:none; font-size: 40px; line-height:1.375;} .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-bottom:20px; padding:0; font-weight:600; border:none; background:none; line-height:1.375;} .entry p{ margin-bottom:12px; line-height:1.6; color:#22445f;} .entry a:link, .entry a:visited{ color:#0E6AED !important;} .entry a:hover{ color:#0E6AED;} .entry img{ max-width:100%; height:auto; margin-bottom:10px;} .entry span{ } .entry hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;} .entry .left{ float:left; width:45%;} .entry .right{ float:right; width:45%;} .entry ol, .entry ul{ margin:10px 30px;} .entry ul ::marker{color: #0A2D48;} .entry ol li{ list-style:decimal;} .entry ul li{ list-style:disc; } .entry ul li ul li{ list-style:circle; } .entry input,.entry textarea,.entry select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;} .entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active{ border:1px solid #999;} .entry table{ margin-bottom:20px; max-width:99.5%; border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:1em;} .entry th{ padding:10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;} .entry td{ padding:10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;} .entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;} .entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active,, .entry select:hover{ border:1px solid #ef5c32;} .alignleft{ float:left; padding-right:30px;} .alignright{ float:right; padding-left:30px;} .alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;} .aligncenter{ text-align:center; display:block;} .wp-caption{margin:10px auto; background:#F6F6F6; border:1px solid #eee; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .wp-caption img{width:100%} .wp-caption p.wp-caption-text{ padding:4px;line-height:20px;color:#666;} .post-meta-bottom{ padding-bottom:10px; color:#999; overflow:hidden;} .gallery-item{border:1px solid #eee; margin-bottom:15px;} .gallery-item img{margin: 0;} .wp-caption-text{line-height:36px; background:#F6F6F6; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .wp-caption-text img{width:100%} .wp-caption-text p.wp-caption-text{margin:5px 0;padding:4px;line-height:20px;color:#666;} /*related*/ .piclist-col4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr ; grid-gap:20px;} .piclist-col4 li {margin-bottom:20px;min-width: 0; width: 100%;} .piclist-col4 li h3 a{ width:100%;display: block;} .piclist-col4 li img{width:100%;} .related-pic h2{color: #222;margin: 20px 0;} .post-related h3{margin: 10px 0;} .post-related h3 a:hover{color: #0E6AED !important;} .share .social-share-list{ } .share .social-share-list li{margin-right:5px;margin-bottom:5px;display: inline-block;} .share .social-share-list li a{display: flex;align-items: center;justify-content: center;text-decoration: none;cursor: pointer;transition: 0.15s all ease;padding: 8px;border-radius:5px; background-color: #1DA1F2; color: #fff;} .share .social-share-list li a span{padding-right:5px;} .social-share-item span{font-family: "FontAwesome" !important;} /* Prev Next Post */ .post-prev-next{ margin:20px 0; border-top:1px solid #eee;padding-top:20px} .post-prev-next a{line-height:40px;} /* Tags */ .tags a{background-color: #F5F5F5;padding: 5px;color: #999; margin-bottom:8px; display: inline-block} .tags a:hover{background-color: #0E6AED; color: #FFF;} /*cat-desc*/ .cat-iq{margin: 30px 0;} .cat-title h1{font-weight:600;padding-bottom:15px;} .cat-desc{padding-bottom:20px;} .cat-desc p{font-size: 24px;line-height: 1.375;color: #476175;} .cat-desc h1{margin: 40px 0 0 0; padding-bottom:20px; text-align: center; font-weight:700; border:none; background:none; font-size: 32px; line-height:1.3; position: relative;} .cat-desc h1:after{content: "";width: 40px;height: 3px;background-color: #8d99ae;position: absolute;left: 50%; bottom: 0px;} .cat-desc h1:before{content: "";width: 40px;height: 3px;background-color: #06c;position: absolute;right: 50%; bottom: 0px;} .cat-desc h2, .cat-desc h3, .cat-desc h4, .cat-desc h5, .cat-desc h6{ margin: 20px 0; padding:0; font-weight:500; border:none; background:none; color:#222; line-height:1.6;} .cat-desc a:link, .cat-desc a:visited{ color:#0E6AED;} .cat-desc a:hover{ color:#0E6AED;} .cat-desc img{ margin-bottom:10px; max-width:100%; height:auto;} .cat-desc span{font-weight:400;} .cat-desc hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;} .cat-desc .left{ float:left; width:45%;} .cat-desc .right{ float:right; width:45%;} .cat-desc ol, .cat-desc ul{ margin:10px 30px;} .cat-desc ol li{ list-style:decimal;} .cat-desc ul li{ list-style:disc;} .cat-desc input,.cat-desc textarea,.cat-desc select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;} .cat-desc input[type="text"]:hover,.cat-desc input[type="text"]:focus,.cat-desc input[type="text"]:active{ border:1px solid #999;} .cat-desc table{ margin-bottom:20px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:1em;} .cat-desc th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;} .cat-desc td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;} .cat-desc input, .cat-desc textarea, .cat-desc select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;} .cat-desc input[type="text"]:hover, .cat-desc input[type="text"]:focus, .cat-desc input[type="text"]:active,.cat-desc textarea :hover, .cat-desc itextarea :focus,.cat-desc textarea :active,, .cat-desc select:hover{ border:1px solid #ef5c32;} .news-list li{background-color: #F6F6F6;border-bottom:3px solid #000; margin-bottom:25px;padding:30px;} .news-list li .news-header{ margin:16px 0;} .news-list li .news-header h3 a{font-weight: 700; color: #0E6AED; font-size: 22px;} .news-list li .news-date{margin: 16px 0; font-size: 13px;} .news-list li .news-content,.news-list li .news-content p{color: #222; line-height:22px;} .news-list li .read-more{ margin: 16px 0;} .news-list li .read-more a{color: #0E6AED;} /* Post - Product */ .container-product{ padding:0; width:100%;} .product-name{ margin-bottom:20px; font-size:28px; line-height:36px; color:#ee5225;} .product-summary{ margin-bottom:20px; font-size:13px; color:#222;} .product-meta{overflow:hidden;} .product-meta p, .product-meta li{ margin-bottom:0; line-height:1.5; } .product-meta strong, .product-meta b{ width:170px; color:#666; font-weight:normal; display:inline-block;} .product-inquiry{ overflow:hidden; clear:both;} .product-inquiry a{ float:left; margin-bottom:10px; padding:8px 60px; line-height:26px; font-size:15px; color:#fff; background:#d15420; border-radius:10px;font-weight:800; display:inline-block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .product-inquiry a:hover{ color:#fff; background-color:#0E6AED; text-decoration:none;} .product-inquiry p{ float:left; margin:6px 0 0 15px; line-height:20px; color:#999;} .product-cat{color: #222; margin: 15px 0;} .product-cat a{color: #666; margin-right:8px;} .product-cat a:hover{color: #0E6AED; text-decoration: underline;} .product-tips{ margin-top:30px; padding:20px 25px; border:1px solid #e9ebed; background-color:#f5f7f8; clear:both; position:relative;} .product-tips i{ width:14px; height:8px; line-height:8px; font-size:8px; background:url(images/icon-arrow.png) no-repeat center 0; display:inline-block; position:absolute; top:-8px; left:45px; z-index:99;} .product-tips h4{ margin-bottom:10px; font-size:14px; font-weight:bold; color:#666;} .product-tips ul li{ margin-bottom:4px; padding-left:16px; color:#777; background:url(images/icon.gif) no-repeat 0 -313px;} .tab-head{ margin-top:65px; height:39px; border-bottom:1px solid #e4e4e4;} .tab-head .inner{ overflow:visible; position:relative;} .tab-head li{ float:left; margin-right:5px; padding:0 25px; line-height:36px; font-size:14px; font-weight:bold; color:#222; display:block; cursor:pointer;} .tab-head li.current{ margin-top:-3px; line-height:42px; font-weight:bold; border-bottom:2px solid #0E6AED; color:#0E6AED; background:#fff;} .tab-head li a:link, .tab-head li a:visited, .tab-head li a:hover{ color:#222; text-decoration:none;} .tab-head li.current a:link, .tab-head li.current a:visited, .tab-head li.current a:hover{ color:#0E6AED;} .tab-head span{ float:left; margin-right:5px; padding:0 25px; line-height:38px; font-size:16px; font-weight:bold; color:#666; display:block; cursor:pointer; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-right-radius:3px;} .tab-head span.hov{ margin-top:-3px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid #0E6AED; border-bottom:none; color:#0E6AED; background:#fff;} .Xtranslate{ -wekit-transform:translate3d(90px,0,0); -moz-transform:translate3d(90px,0,0); -o-transform:translate3d(90px,0,0); -ms-transform:translate3d(90px,0,0); transform:translate3d(90px,0,0);} #tab-product{ padding-top:20px;} #tab-product .entry{ display:none;} #tab-product .inner, .entry .inner{ width:auto;} #tab-product .entry .tab-title{ margin:40px auto 25px; height:42px; line-height:42px; font-size:16px; border-bottom:1px solid #e4e4e4; display:none;} #tab-product .entry .tab-title span{ padding:0 25px; line-height:41px; font-weight:bold; border-bottom:2px solid #0E6AED; color:#0E6AED; background:#fff; display:inline-block;} .tab-head span a:link, .tab-head span a:visited, .tab-head span a:hover{ color:#666; text-decoration:none;} .tab-head span.hov a:link, .tab-head span.hov a:visited, .tab-head span.hov a:hover{ color:#0E6AED;} .tab-pinned{ margin:0 auto; width:100%; background:#fff; position:fixed; top:50px; left:0; z-index:9999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08);} .tab-pinned span{ float:none; display:inline-block;} .tab-pinned span.hov{ margin-top:0; line-height:38px;} #tab-product .entry-pinned{ padding-top:110px;} .product-header{ padding:0;} .product .post-title{color: #222; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px;text-align:left; clear:both;} .product .productMeta{ overflow:hidden;display: grid;grid-template-columns:48% 48%;grid-gap:4%;} .product .product-meta-box{overflow:hidden;} .product .metaList{ float:left; margin:0 0 0 30px !important;} .product .metaList li{ padding:7px 0 8px 0; border-bottom:1px solid #eee; overflow:hidden;} .product .metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;} .product .metaList li.inquiry{ padding:15px 0 5px;} .product .left{ float:left; width:45%;} .product .right{ float:right; width:45%;} .preview{} .preview #wrap{ padding:0;} .preview img{ margin-bottom:0; width:100%; height:100%; background:#fff;} .post ul.thumblist{ float:left; margin:15px 0 0; width:100%; overflow:hidden; display:block;} .post ul.thumblist li{ float:left; margin:0; width:25%; text-align:center; overflow:hidden;} .post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:82px; border:1px solid #e6e6e6; background:#fff; overflow:hidden;} .post ul.thumblist li.nomargin{ margin:0 0 0 9px;} .post ul.thumblist li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;} .post ul.thumblist li img{ margin-bottom:0; border:none; padding:1px; width:80px; height:80px; cursor:pointer; vertical-align:middle;} .post ul.thumblist li .imWrap{ float:left; width:82px; height:82px; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px;} .post ul.thumblist li span{ color:#666;} .post ul.thumblist li.zoomActive .thumb-wrap{ border:1px solid #ff6600;} .post ul.thumblist li.zoomActive span{ color:#c52620;} .cloud-zoom-lens{ border:1px solid #eee; background:url(images/grid.png) repeat 0 0; cursor:move;} .cloud-zoom-big{ top:0 !important; width:350px !important; height:386px !important; border:1px solid #e6e6e6; overflow:hidden;} .cloud-zoom-loading{ padding:3px; border:1px solid #ccc; color:#fff; background:#222;} /* Page - Error404 */ .error404{ max-width:390px; padding:50px 0;} .error404 h4{ height:32px; line-height:32px; font-size:200%; color:#F00;} .error404 span{ margin-bottom:25px; color:#666; display:block;} .error404 ol{ padding:5px 0 5px 20px;} .error404 ol li{ margin:0 auto; list-style:disc;} .errorsearch{ margin-top:15px; width:100%; overflow:hidden;} .errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #DDD;} .errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#FFF; background:#666; cursor:pointer;} .errorsearch #searchsubmit:hover{ background:#222;} /*.wpcf7 */ .wpcf7 p{overflow:hidden; clear:both;} .wpcf7 label{ display: block;} .wpcf7 label.long{ width:auto; text-align:left;} .wpcf7 label em{ padding:5px 8px 0 0; color:#f00; font-style:normal; font-size:12px;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-captchar{ height:36px; line-height:36px; color:#666; border: 1px solid #ddd; width:90%;margin-bottom:2px;} .wpcf7 .wpcf7-select{ padding:12px 15px;} .wpcf7 .wpcf7-captchar{ width:100px;} .wpcf7 .wpcf7-textarea{ padding:10px; width:80%; height:160px; color:#666; overflow-y:scroll; border:1px solid #d8d8d8;} .entry .wpcf7 input[type="text"]:hover,.entry .wpcf7 input[type="text"]:focus,.entry .wpcf7 input[type="text"]:active,.wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-text:active, .wpcf7 .wpcf7-captchar:hover, .wpcf7 .wpcf7-captchar:active, .wpcf7 .wpcf7-textarea:hover, .wpcf7 .wpcf7-textarea:active{ box-shadow: inset 0 0px 3px #870101;border: 1px solid #ce4848;} .wpcf7 .wpcf7-submit{ padding:9px 50px; font-size:18px; font-weight: 600;text-shadow: rgb(0 0 0 / 30%) 2px 2px 0; color:#fff; background: #ce4848; background: linear-gradient(#ce4848,#870101);display:inline-block; border-radius:5px;} .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ background: #870101;} .wpcf7 p.btn-submit span{ float:right; color:#f00;} .wpcf7 .wpcf7-not-valid{ border:1px solid #f00;} .wpcf7 span.wpcf7-list-item-label{ padding-right:10px;} .wpcf7 span.wpcf7-not-valid-tip{ margin:0 auto; padding-left:10px; background:#fff; display:inline !important;} .wpcf7 .your-message span.wpcf7-not-valid-tip{ margin-left:-220px;} .wpcf7 .ajax-loader{ margin:12px 0 0;} div.wpcf7-mail-sent-ok{ border:1px solid #c2e7c8 !important; color:#008c00; text-align:center;} div.wpcf7-validation-errors{ padding:0.8em 1em !important; border:1px solid #f7e700 !important; color:#f30; text-align:center;} #inquiryForm{ padding:40px 20px;} #inquiryForm .wpcf7 label{ width:100%; padding-bottom:10px; font-weight:600;} .wpcf7 label span{padding: 5px 0;} .wpcf7-file{width:90%; padding: 20px 0;} /* Partner */ .entry .coop{ margin-bottom:100px;} .entry .coop li{ line-height:30px; list-style:none; color:#666;} .entry .coop li img{ float:left; padding-right:20px;} .entry .coop li p{ font-size:12px; line-height:24px; margin-top:40px;} .entry .coop-btm{ margin-bottom:0;} /* Pagenavi */ .hkpagenavi{ margin:20px auto; width:100%; line-height:46px;overflow:hidden; text-align: center;} .hkpagenavi a:link, .hkpagenavi a:visited{ margin:0 4px; padding:4px 8px; color:#4c4c4c;border: 1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;} .hkpagenavi a:hover, .hkpagenavi a:active{ color:#0E6AED; text-decoration:none;} .hkpagenavi a.current:link, .hkpagenavi a.current:visited, .hkpagenavi a.current:hover{ color:#0E6AED; font-weight:bold; border:none;} /* Post Navigation */ .post-navi{ padding-top:20px; text-align:center;} .post-navi a:link, .post-navi a:visited{ padding:2px 9px; border:1px solid #fff; background:#fff;} .post-navi a:hover{ border:1px solid #E4E4E4; background:#F5F5F5; text-decoration:none;} .sidebar{ margin:20px 0; position: sticky;top: 120px;align-self: start;} .sidebar h3{border-bottom: 2px solid #E6E9EC;padding-bottom:15px; font-size: 18px;font-weight: 600;text-align: left; line-height:1.3; margin-bottom: 15px;text-transform: capitalize; background-color: #fff;} .sidebar h3 a, .sidebar h3 a:hover{ color:#000; text-decoration:none;} .sidebar ul{margin-bottom:30px;} .sidebar .widget_nav_menu ul li:first-child{border-top:none;} .sidebar ul li{} .sidebar ul li a{padding:10px;margin-bottom:10px; display: inline-block;font-size:16px;font-weight:500; line-height:1.4;color: #092C47; font-family:'Open Sans','FontAwesome'; text-transform: capitalize; position: relative;} .sidebar ul li.active a:before{content: '';position: absolute;width: 2px; left: 0;top: 0;bottom: 0;background-color: #00c26e;} .sidebar ul li.active a{font-weight:600;} .sidebar ul li a:hover{font-weight:600;} .widget{margin:0 0 20px 0;} .widget h3{} .widget-title{font-size: 22px;font-weight:400; text-align: left; text-transform: capitalize;} .widget_text img{} .widget img{width:100%;} .sidebar .news-items { padding: 0 10px;margin-bottom:20px;} .sidebar .news-title{border-bottom: 1px solid #E6E9EC; padding: 8px 0;} .sidebar .news-title h5{font-weight:600;line-height:1.375;} .sidebar .news-items a{line-height:1.4; font-family:'FontAwesome'; color: #092C47;} .sidebar .news-items a:before{content: "\f0f6"; margin-right:5px;} .sidebar .news-items a:hover{text-decoration: underline;} .sidebar .cat-date{font-size:14px;color: #8495A3; line-height:1.25;padding: 7px 0;} /* Search */ .widget_search #searchform{padding: 10px 5px;} .widget .screen-reader-text{color: #666;} .widget_search #s{padding:4px 8px 3px; height:24px; line-height:24px; border:1px solid #D6D6D6; color:#666; background:#FFF;} .sidebar .widget_search #s:hover{ border:1px solid #999; color:#666;} .sidebar .widget_search #searchsubmit{ float:right; *float:none; padding:0; width:50px; height:33px; *line-height:30px; font-size:13px; font-weight:bold; text-align:center; text-indent:0; border:none; color:#fff; background:#ef5c32; cursor:pointer; } .sidebar .widget_search #searchsubmit:hover{ background:#0D5E9D;} /*widget_archive*/ .widget_archive label.screen-reader-text{padding:0 5px;} .widget_archive select{padding:4px 8px 3px; height:30px; line-height:30px; border:1px solid #D6D6D6; color:#666; background:#FFF;;} /* Calendar */ .sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;} #wp-calendar{ width:100%;} #wp-calendar caption{ padding:5px 0px; font-size:14px; color: #666;} #wp-calendar th, #wp-calendar td{ padding:6px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E4E4E4; background-color:#F9F9F9;} #wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;} #wp-calendar tbody tr td a:hover{ color:#222;} #wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;} #wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;} #cancel-comment-reply{ text-align:right;} #respond p{ margin:0 auto 20px; overflow:hidden;} #respond p.logged{ padding:5px; background:#ffe; border:1px solid #feb; width:50%; text-align:center;} #respond label{ float:left; padding:3px 8px; width:70px; text-align:right; display:block;} #respond em{ padding-left:12px; color:#f00; font-style:normal; font-weight:normal;} #commentform input[type="text"], #respond #comment{ padding:12px; width:50%; border:1px solid #ddd; color:#888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} #commentform input[type="text"]:hover, #commentform input[type="text"]:active, #commentform #comment:hover, #commentform #comment:active{ border:1px solid #f90;} #respond #comment{ padding:12px 0 12px 12px; width:96%; height:150px; font-size:12px; overflow-y:scroll;} #commentform #submit{ padding:8px 50px; font-size:18px;line-height:28px; color:#fff; border:none; background:#0E6AED; cursor:pointer; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} #commentform #submit:hover, #commentform #submit:active{ background:#f80;} /* Footbar */ .footer{padding-top: 60px;background-color: #15325B;color: rgb(255 255 255 / 45%);} .footbar{ display:grid;grid-template-columns:35% 60%; grid-gap:2.5%; padding-bottom: 40px; overflow:hidden;} .footbar h3{color: rgb(255 255 255 / 45%);font-weight: 600;font-size: 18px;} .footbar h3 a{ color:#222;} .inquiry-footer{background-color: #fff;} .footer-inquiry{text-align: center;} .inquiry-footer{display:grid;grid-template-columns:48% 48%;grid-gap: 20px;border-radius:10px;margin: 30px 0; padding: 20px;} .inquiry-wrap-f{margin: 0; border-right:1px solid #DADADA;padding-right: 10px;} .ant-space a{display: block; text-decoration: none; border: 1px solid #eee; border-radius:10px;} .ant-space a:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .ant-space .ant-space-item{margin-bottom:20px;} .ant-card{padding: 10px; cursor: pointer;} .ant-card-body{display:grid;grid-template-columns:auto auto;grid-gap: 20px;align-items: center; justify-content: start;} .ant-card-i{width:40px;} .ant-card-body i{font-size: 34px;width: 38px; height: 38px; color: #031a6d;} .ant-flex{color: #ccc; text-align: left;} .ant-flex h4{color: #031a6d; font-size:22px;font-weight:600} .footer-contact span{font-family: "FontAwesome"; color: #7F8EA5; font-size:40px;font-weight: 300;margin: 0 5px;} .footbar .widget-column-wrap{display:grid;grid-template-columns:33.333333% 33.333333% 33.333333%;margin: 0;} .footbar .widget-column{margin: 0;} .footbar .widget-column p{font-weight: 300;font-size: 15px;} .footbar .widget-column a{color: #fff;} .footbar .widget-column a:hover{color: #06c;} .footbar .widget-column ul li a{color:rgb(255 255 255 / 85%);font-size: 15px;font-weight: 500;} .footbar .widget-column ul li a:before{font-family: "FontAwesome"; content: '\f105';padding-right:10px;} .footbar .widget-column ul li a:hover{color: #fff;} /* Copyright */ .copyright{ padding:20px 0; font-weight:300;overflow:hidden;} .copyright-wrap{ border-top:1px solid rgb(255 255 255 / 85%); padding:20px 0;display:grid;grid-template-columns:auto auto;justify-content: space-between; font-size:14px; } .copyright a:link, .copyright a:visited{color:rgb(255 255 255 / 85%);} .copyright a:hover{color:rgb(255 255 255 / 85%);} .fright i{color: #52C41A; margin: 0 4px;} /*table-container*/ .table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;} table{border:0; border-collapse:collapse;} table td,table th{border:1px solid #eee; padding:.5em 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);} /*wpform*/ div.wpforms-container-full{margin: 0 !important;} .wpforms-wrap{border-left:2px solid #06c; background-color: #f4f4f4; padding: 20px 30px;} .wpforms-container .wpforms-field-label, .wp-core-ui div.wpforms-container .wpforms-field-label{text-align: left; color: #0A2D48 !important; font-weight:500 !important} .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{padding: 4px 0 !important;} h3.wpforms-field-label{color: #FF6700 !important; line-height:1.6 !important;padding:0 !important;} .wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child)>.wpforms-field-label:not(.wpforms-label-hide):before{border:none !important;} .wpforms-field-layout-rows:hover{opacity: 1 !important;} :root{--wpforms-button-background-color: #06c !important;--wpforms-button-border-color: #06c !important;--wpforms-page-break-color: #06c!important;} button.wpforms-submit{border-radius: 6px !important; width:100% !important; } .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{width: 66%;margin: 0 auto; color: #06c !important;} .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{width:18%} div.wpforms-container-full, div.wpforms-container-full{width:100% !important;} .wpforms-image-choices-item{width:18%;} /*.gallery*/ .gallery-columns-2 .gallery-item{width:48% !important; margin-right:1%;} .gallery-columns-3 .gallery-item{width:32% !important; margin-right:1%;} .gallery-columns-4 .gallery-item{width:23% !important; margin-right:1%;} .gallery-item img{width:100%;height:auto;border:none !important;} .tower {position: fixed;left: 15px;bottom: -29px;width: 131px;margin-top: 210px;margin-right: 25px;margin-bottom: 0; margin-left: 0; padding-top: 20px;z-index: 9999;} /* Backtop */ .backToTop{ width:40px; height:40px; background:#0E6AED url(images/backtop.png) no-repeat 50% 50%; position:fixed; _position:absolute; right:10px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; z-index:999;} .backToTop:hover{ background:rgba(0, 0, 0, 0.8) url(images/backtop.png) no-repeat 50% 50%;} /**** Responsive CSS ****/ @media only screen and (min-width:1200px){ .inner{ max-width:1200px; width:1200px; margin: 0 auto;} } @media only screen and (max-width:1024px)and (max-width:1099px){ .inner{ width:96%;} #mobile-nav {display: none;} .navi li ul li{width:30%;} .navi li a, .navi li a:link, .navi li a:visited {padding:0 16px;} .fullwidth{ margin:0 auto; width:100%;} .site-banner{grid-template-columns: 100%;} .why-wrap{grid-template-columns: 96%;justify-items: center;} .request-button{padding: 20px 32px;} } @media only screen and (min-width:768px) and (max-width:959px){ .inner{ width:96%;} .c800{width:100%;} .c600{width:100%;} .inner-wide{width:100%;} .inner-1350{width:100%;} .tarbar{height:auto;text-align: center;} .tarbar .tarmenu{grid-template-columns: 96%; padding:2% 0;justify-items: end;} .tarbar .tarmenu .tar-contact{line-height:24px; margin: 0;} .tarbar .social-wrap{text-align: center;line-height:36px;} .header {position:relative;margin-bottom:60px;} .header .inner{ width:100%; height:100%;} .logo{padding-left:10px; padding-right:0;} .logo img{ max-width:100%;} #mobile-nav{ float:right; display:block; margin-right:5px;} #mobile-nav a{width:48px; height:48px; color: #404a52; border: 1px solid #404a52; margin-bottom:10px; font-size:28px; border-radius:3px; display:inline-block; cursor:pointer; z-index:99999; text-align: center;} #mobile-nav #mobile-so,#mobile-menu{font-family:'FontAwesome';} #mobile-nav #mobile-menu:before{content:"\f0c9" } #mobile-nav #mobile-so:before{content:"\f002"; } #mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;} .main-menu{ margin:0 auto; width:87%; height:100%; font-size:16px;position:absolute;background:#fff;overflow-y: scroll;position: fixed;top:0; z-index: 9999;display: none;} .main-menu .inner{ width:100%;} .navi{background: #FFF;width: 100%;margin-top:12px;} .mobi-title{ color: #0E6AED;font-size:25px; height:50px; line-height:50px; display: block; overflow: hidden;} .mobi-title i{color: #0E6AED} .mobi-title span{float: left; margin-left: 3%; font-weight: 700;} .mobi-menu-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px; position: absolute;right: 10px;top: 0;width: 18px;height: 18px;z-index: 99999;} .mobi-menu-close:hover{color:#0E6AED text-decoration: none;} .mobi-search-close {display: inline-block;color: #fff;font-weight: 500;border-radius: 3px; position: absolute;right: 10px;top: 0;width: 18px;height: 18px;z-index: 99999;} .navi li a{margin-bottom:0;} .navi > li.menu-item-has-children > a:after{content:""} .navi>li>ul{margin-top:0;} .navi>li>ul>li a{margin-bottom:0;} .navi li{float: none;border: none;padding: 0;border-bottom: 1px solid #e6e6e6;clear: both;width: 100%; background-color:#fff;position: relative;} .navi li:first-child, .navi li.fr{ padding:0;} .navi li a, .navi li a:link, .navi li a:visited{padding: 0 15px;height: 42px;line-height: 42px;display: block;} .navi li a:hover{ width:100%;} .navi li ul{ position:static; padding:0; background-color: #fff; width:100%;border:none;} .navi li ul li{ background:#fff; width:100%; line-height:42px;} .navi li ul li.litop{ display:none;} .navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; background:none;} .navi li ul li a:hover, .navi li:hover ul li a:hover{ background:transparent;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, {background-color: #222;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a{color: #092C47;} .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;} .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#0E6AED;border:none; } .navi li:hover ul li.menu-item-has-children a{ background:none;} .navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;background:url(images/icon-mo.png) no-repeat center -75px;} .navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:45px; height:45px; text-align:center; font-size:14px; border-left:1px solid transparent; border-top:1px solid transparent; color:#888; background:url(images/icon-mo.png) no-repeat center -75px; position:absolute; right:0px; top:-1px; z-index:99; cursor:pointer;} .navi li.menu-item-has-children .mean-clicked:hover{ color:#888;} .navi li.menu-item-has-children .mean-toggle{ background-position:center -126px;} .navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; background:url(images/icon-mo.png) no-repeat center -75px;} .navi li.current-menu-item .mean-toggle{ background:url(images/icon-mo.png) no-repeat center -125px !important;} .navi li ul li.menu-item-has-children:hover a{background-color:transparent;} .navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;} .navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px;} .navi li:hover ul li.menu-item-has-children .mean-clicked{background:url(images/icon-mo.png) no-repeat center -79px;} .navi li:hover ul li.menu-item-has-children .mean-toggle{ background: url(images/icon-mo.png) no-repeat center -128px !important;} .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:url(images/icon-mo.png) no-repeat center -126px !important;} .navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ text-indent:25px;} .navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#092C47; background:none;} .navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;} .navi li ul li ul li{height:42px;line-height:42px;} .btn-so{display: none;} #search-box {float:none;margin:0 auto;padding:0 2%;box-sizing:border-box;width:100%; height:100%; position: fixed; top: 0;z-index:99999; overflow-y:scroll; border-top:2px solid #222;background:rgba(0,0,0,.85);display:none;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);box-shadow:0 0 10px rgba(0, 0, 0, 0.35) } #search-box .inner{border:none;background:none;} #search-box #searchform {padding: 20px 10px;} #search-box #searchform #ls {display: block; } #search-box #searchform #searchsubmit {float: none; width:96%; margin:10px 0 10px 10px; border-radius:4px; overflow:hidden; cursor:pointer; position: static;} #mobile-nav .opacity, #mobile-nav .meanclose {opacity:1; -moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)} /*index-file*/ .index-file{background:none !important;} .index-title0{font-size:36px; line-height:1.2;} .index-file .c500{width:100% !important;} /*index-about-counter*/ .index-about-counter .about-counter ul{grid-template-columns:50% 50%; gap:20px 0;} /*index-service-case*/ .index-service-items{width:100%;} .index-service-case-items{grid-template-columns: 100%;} .ul-tab-content-item-service{grid-template-columns: 100%;} .index-service-case-bottom{grid-template-columns: 100%;} /*index-case*/ .index-case-items{grid-template-columns: 100%;} .index-case-items .cZmgep{grid-column:auto !important;grid-row:auto !important;} /*contacr us*/ .contact{padding:40px 0;} .contact .c1000{width:100%;} .article-top{grid-template-columns:1fr;} .article-list{grid-template-columns:1fr;} /*archive-faq*/ .faq-clist{flex-wrap: wrap;} .faq-clist .faq-cell{width:100%; max-width:100%; margin: 0 0 30px 0;} /*archive-case*/ .case-list{grid-template-columns:1fr;margin: 0;} .case-list li{margin:20px 10px;} /*archive-piclist*/ .pic-list li{ width:99%; margin-left:0; margin-top:20px;margin-bottom:10px;} .pic-list .bcontent{height:110px;} /*archive Archive-video*/ .Archive-video li{ width:100%;} /*related*/ .piclist-col4 {grid-template-columns:1fr 1fr; grid-gap:10px;} #resources-module{padding:40px 0;} #resources-module .c1000{width:100%;} .wp-caption{ max-width:100%; auto} .wp-caption img{ max-width:100%; height:auto;} .industry-box-text{padding: 2px;} .accordion-content {padding:20px 5px} .cur-title {display:none} #page_board .breadcrumb-page{top:5%;line-height:1} #page_board .breadcrumb h2 {text-align: center;} #page_board .crumb-box{text-align: center;} #page_board .breadcrumb-page .bread{grid-template-columns:100%; grid-gap:10px;} #page_board .breadcrumb-page h1{font-size:30px; margin: 10px 0;} #page_board .breadcrumb-page h2{margin:0;font-size:20px; display: none;} #page_board .breadcrumb-page h3{margin:0; display: none;} .breadcrumb-wrap .breadcrumb{line-height:20px;} .breadcrumb-wrap .breadcrumb h2 {font-size:22px; } .breadcrumb-wrap .breadcrumb .bread{grid-template-columns:100%;grid-gap:10px;} .breadcrumb-wrap .breadcrumb .crumb-box{padding: 0;line-height:1.6} /*page*/ .page-service-list{grid-template-columns:1fr; margin: 20px 0;} .page-service-list .service-items{width:80%; margin: 20px auto;} .page-contact-grid{grid-template-columns:1fr;} .page-thum-title{display: none;} .culture-list{flex-direction: column;} .culture-list li{margin-bottom:20px;width:100%;padding: 4vw 0;} /*page-tab*/ .page-tab .tabs{flex-direction: column;} .page-tab .tabs a{width:auto;} .page-tab .entry{padding: 10px ;} .site-header{grid-template-columns: 100%;padding:10px; margin-bottom:30px;} .sidebar {width:96%; padding: 0 10px;margin: 20px 0; float: none;position: static;} /*.column-fluid*/ .column-fluid{grid-template-columns: 100%; padding:10px; grid-gap:0;} .column-fluid-so{grid-template-columns: 100%; padding:10px; grid-gap:0;} .hero-content{padding: 0;width:100%;} .hero-content h1{font-size:32px;padding: 0 20px;} .hero-content p{display: none;} .bg-light-solutions{padding: 0;} .slice-bottom-in{grid-template-columns: 100%;text-align: center;} /*.grid3*/ .grid-title h2{font-size:22px;} .grid3{grid-template-columns: 100%;} .grid-span{text-align: center;} /*single-header*/ .single-header{grid-template-columns: 100%;margin-bottom:20px;} .single-header-left{padding-top:30px;} .postlist{grid-template-columns:100%;} /*single-pic*/ .bg-light-header h1{font-size:36px;} .cat-desc h1{font-size:30px;margin: 10px 0 0 0;} .entry {font-size:16px} .entry p {margin-bottom:20px} .entry table {max-width:none;width:99.5% !important;table-layout:fixed} .entry table td {width:auto;height:auto } .post .share-post, .post .share-post .addthis_native_toolbox {float:none; margin-top:10px } .related ul.post-list li {float:none;width:98%} .container-product {margin-top:-25px} .product .productMeta{grid-template-columns:100%;grid-gap:30px;} .product .product-inner, .product-img {float:none;margin:0 auto;width:100%} .product .tips {clear:both;margin-top:50px;text-align:center} .product .post-head .post-title {width:100%} .product .post-title {font-size:24px;line-height:32px} .product .post-head #tabs {width:100%} .product .post-head #tabs span {padding:0 2%} .product .btn-inquiry-b {display:block} .product .product-meta-box {clear: both;} .tab-head {margin-top:30px;} .tab-head .tab-ul {margin:0 auto} .tab-head .tab-ul li {margin:0;line-height:39px;font-size:14px;display:none} .tab-head .tab-ul li.current {line-height:39px;display:block} #tab-product .entry, #tab-product .entry .tab-title {display:block;margin: 0 !important;} #tab-product .entry .tab-title {height:38px;line-height:40px} #tab-product .entry .tab-title span {line-height:36px;font-weight:bold} .feature-item {float:none;width:97%} .related {float:none} #author, #email, #url, #comment {padding:12px 2%;width:95%} .feature-box .item {float:none;margin:0 1.5% 35px;width:100%} #inquiryForm {padding:30px 15px} #inquiryForm .productImg {margin:0 0 20px 0} #inquiryForm .productImg img {margin:0 15px 0 0} #inquiryForm .productImg h4 {line-height:20px} #inquiryForm .productImg p {padding-left:100px} .wpcf7 label, #inquiryForm .wpcf7 label {padding:0;width:100%;text-align:left;} .wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea {width:89%} .wpcf7 .wpcf7-select {max-width:97%} .wpcf7 .wpcf7-submit {width:97%} #inquiryProductMeta {width:98%} #inquiryProductMeta .productImg img {width:120px;height:120px} #btn-submit label {display:none} .post-meta-bottom .tags, .post-meta-bottom .share {float:none} .wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover { } .wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block} #commentform input[type="text"], #respond #comment {width:80%} /*.footbar*/ .footbar{grid-template-columns:100%; } .footbar .widget-column-wrap{grid-template-columns:100%;} .footbar .widget-column{width:100%; padding: 20px;} .copyright {text-align: left;} .copyright .copyright-wrap{grid-template-columns:100%;} /*.inquiry-footer*/ .inquiry-footer{grid-template-columns:100%;} .inquiry-footer .inquiry-wrap-f{border:0;} .gallery-columns-2 .gallery-item{width:98% !important; margin-right:1%;} .gallery-columns-3 .gallery-item{width:98% !important; margin-right:1%;} .gallery-columns-4 .gallery-item{width:98% !important; margin-right:1%;} .mobi-bar {display:table;text-align:center} /*YouBe*/ .video-container{width:96%; overflow: hidden; text-align: center;} .video-container IFRAME{ max-width:100%; max-height:100%; border:none;} .backToTop {right:5px;bottom:55px} } @media only screen and (max-width:767px){ .inner{ width:96%;} .c800{width:100%;} .c600{width:100%;} .inner-wide{width:100%;} .inner-1350{width:100%;} .tarbar{height:auto;text-align: center;} .tarbar .tarmenu{grid-template-columns: 96%; padding:2% 0;justify-items: end;} .tarbar .tarmenu .tar-contact{line-height:24px; margin: 0;} .tarbar .social-wrap{text-align: center;line-height:36px;} .header {position:relative;margin-bottom:60px;} .header .inner{ width:100%; height:100%;} .logo{padding-left:10px; padding-right:0;} .logo img{ width:100%;} #mobile-nav{ float:right; display:block; margin-right:5px;} #mobile-nav a{width:48px; height:48px; color: #404a52; border: 1px solid #404a52; margin-bottom:10px; font-size:28px; border-radius:3px; display:inline-block; cursor:pointer; z-index:99999; text-align: center;} #mobile-nav #mobile-so,#mobile-menu{font-family:'FontAwesome';} #mobile-nav #mobile-menu:before{content:"\f0c9" } #mobile-nav #mobile-so:before{content:"\f002"; } #mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;} .main-menu{ margin:0 auto; width:87%; height:100%; font-size:16px;position:absolute;background:#fff;overflow-y: scroll;position: fixed;top:0; z-index: 9999;display: none;} .main-menu .inner{ width:100%;} .navi{background: #FFF;width: 100%;margin-top:12px;} .mobi-title{ color: #0E6AED;font-size:25px; height:50px; line-height:50px; display: block; overflow: hidden;} .mobi-title i{color: #0E6AED} .mobi-title span{float: left; margin-left: 3%; font-weight: 700;} .mobi-menu-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px; position: absolute;right: 10px;top: 0;width: 18px;height: 18px;z-index: 99999;} .mobi-menu-close:hover{color:#0E6AED text-decoration: none;} .mobi-search-close {display: inline-block;color: #fff;font-weight: 500;border-radius: 3px; position: absolute;right: 10px;top: 0;width: 18px;height: 18px;z-index: 99999;} .navi li a{margin-bottom:0;} .navi > li.menu-item-has-children > a:after{content:""} .navi>li>ul{margin-top:0;} .navi>li>ul>li a{margin-bottom:0;} .navi li{float: none;border: none;padding: 0;border-bottom: 1px solid #e6e6e6;clear: both;width: 100%; background-color:#fff;position: relative;} .navi li:first-child, .navi li.fr{ padding:0;} .navi li a, .navi li a:link, .navi li a:visited{padding: 0 15px;height: 42px;line-height: 42px;display: block;} .navi li a:hover{ width:100%;} .navi li ul{ position:static; padding:0; background-color: #fff; width:100%;border:none;} .navi li ul li{ background:#fff; width:100%; line-height:42px;} .navi li ul li.litop{ display:none;} .navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; background:none;} .navi li ul li a:hover, .navi li:hover ul li a:hover{ background:transparent;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, {background-color: #222;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a{color: #092C47;} .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;} .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#0E6AED;border:none; } .navi li:hover ul li.menu-item-has-children a{ background:none;} .navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;background:url(images/icon-mo.png) no-repeat center -75px;} .navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:45px; height:45px; text-align:center; font-size:14px; border-left:1px solid transparent; border-top:1px solid transparent; color:#888; background:url(images/icon-mo.png) no-repeat center -75px; position:absolute; right:0px; top:-1px; z-index:99; cursor:pointer;} .navi li.menu-item-has-children .mean-clicked:hover{ color:#888;} .navi li.menu-item-has-children .mean-toggle{ background-position:center -126px;} .navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; background:url(images/icon-mo.png) no-repeat center -75px;} .navi li.current-menu-item .mean-toggle{ background:url(images/icon-mo.png) no-repeat center -125px !important;} .navi li ul li.menu-item-has-children:hover a{background-color:transparent;} .navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;} .navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px;} .navi li:hover ul li.menu-item-has-children .mean-clicked{background:url(images/icon-mo.png) no-repeat center -79px;} .navi li:hover ul li.menu-item-has-children .mean-toggle{ background: url(images/icon-mo.png) no-repeat center -128px !important;} .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:url(images/icon-mo.png) no-repeat center -126px !important;} .navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ text-indent:25px;} .navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#092C47; background:none;} .navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;} .navi li ul li ul li{height:42px;line-height:42px;} .btn-so{display: none;} #search-box {float:none;margin:0 auto;padding:0 2%;box-sizing:border-box;width:100%; height:100%; position: fixed; top: 0;z-index:99999; overflow-y:scroll; border-top:2px solid #222;background:rgba(0,0,0,.85);display:none;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);box-shadow:0 0 10px rgba(0, 0, 0, 0.35) } #search-box .inner{border:none;background:none;} #search-box #searchform {padding: 20px 10px;} #search-box #searchform #ls {display: block; } #search-box #searchform #searchsubmit {float: none; width:96%; margin:10px 0 10px 10px; border-radius:4px; overflow:hidden; cursor:pointer; position: static;} #mobile-nav .opacity, #mobile-nav .meanclose {opacity:1; -moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)} /*index-file*/ .index-file{background:none !important;} .index-title0{font-size:36px; line-height:1.2;} .index-file .c500{width:100% !important;} /*index-about-counter*/ .index-about-counter .about-counter ul{grid-template-columns:50% 50%; gap:20px 0;} /*index-service-case*/ .index-service-items{width:100%;} .index-service-case-items{grid-template-columns: 100%;} .ul-tab-content-item-service{grid-template-columns: 100%;} .index-service-case-bottom{grid-template-columns: 100%;} /*index-case*/ .index-case-items{grid-template-columns: 100%;} .index-case-items .cZmgep{grid-column:auto !important;grid-row:auto !important;} /*contacr us*/ .contact{padding:40px 0;} .contact .c1000{width:100%;} .article-top{grid-template-columns:1fr;} .article-list{grid-template-columns:1fr;} /*archive-faq*/ .faq-clist{flex-wrap: wrap;} .faq-clist .faq-cell{width:100%; max-width:100%; margin: 0 0 30px 0;} /*archive-case*/ .case-list{grid-template-columns:1fr;margin: 0;} .case-list li{margin:20px 10px;} /*archive-piclist*/ .pic-list li{ width:99%; margin-left:0; margin-top:20px;margin-bottom:10px;} .pic-list .bcontent{height:110px;} /*archive Archive-video*/ .Archive-video li{ width:100%;} /*related*/ .piclist-col4 {grid-template-columns:1fr 1fr; grid-gap:10px;} #resources-module{padding:40px 0;} #resources-module .c1000{width:100%;} .wp-caption{ max-width:100%; auto} .wp-caption img{ max-width:100%; height:auto;} .industry-box-text{padding: 2px;} .accordion-content {padding:20px 5px} .cur-title {display:none} #page_board .breadcrumb-page{top:5%;line-height:1} #page_board .breadcrumb h2 {text-align: center;} #page_board .crumb-box{text-align: center;} #page_board .breadcrumb-page .bread{grid-template-columns:100%; grid-gap:10px;} #page_board .breadcrumb-page h1{font-size:30px; margin: 10px 0;} #page_board .breadcrumb-page h2{margin:0;font-size:20px; display: none;} #page_board .breadcrumb-page h3{margin:0; display: none;} .breadcrumb-wrap .breadcrumb{line-height:20px;} .breadcrumb-wrap .breadcrumb h2 {font-size:22px; } .breadcrumb-wrap .breadcrumb .bread{grid-template-columns:100%;grid-gap:10px;} .breadcrumb-wrap .breadcrumb .crumb-box{padding: 0;line-height:1.6} /*page*/ .page-service-list{grid-template-columns:1fr; margin: 20px 0;} .page-service-list .service-items{width:80%; margin: 20px auto;} .page-contact-grid{grid-template-columns:1fr;} .page-thum-title{display: none;} .culture-list{flex-direction: column;} .culture-list li{margin-bottom:20px;width:100%;padding: 4vw 0;} /*page-tab*/ .page-tab .tabs{flex-direction: column;} .page-tab .tabs a{width:auto;} .page-tab .entry{padding: 10px ;} .site-header{grid-template-columns: 100%;padding:10px; margin-bottom:30px;} .sidebar {width:96%; padding: 0 10px;margin: 20px 0; float: none;position: static;} /*.column-fluid*/ .column-fluid{grid-template-columns: 100%; padding:10px; grid-gap:0;} .column-fluid-so{grid-template-columns: 100%; padding:10px; grid-gap:0;} .column-fluid-so .content .step{grid-template-columns: 100%; padding:10px; grid-gap:0; margin-bottom:30px;} .column-fluid-so .content .step-body{margin-bottom:20px;} .step{grid-template-columns: 100%;grid-gap:0;margin-bottom:20px;} .hero-content{padding: 0;width:100%;} .hero-content h1{font-size:32px;padding: 0 20px;} .hero-content p{display: none;} .bg-light-solutions{padding: 0;} .rounded-xl{grid-template-columns: 100%;} .slice-bottom-in{grid-template-columns: 100%;text-align: center;} /*.grid3*/ .grid2{grid-template-columns: 100%;} .grid-title h2{font-size:22px;} .grid3{grid-template-columns: 100%;} .grid-span{text-align: center;} /*single-header*/ .single-header{grid-template-columns: 100%;margin-bottom:20px;} .single-header-left{padding-top:30px;} .postlist{grid-template-columns:100%;} /*single-pic*/ .bg-light-header h1{font-size:36px;} .cat-desc h1{font-size:30px;margin: 10px 0 0 0;} .entry {font-size:16px} .entry p {margin-bottom:20px} .entry table {max-width:none;width:99.5% !important;table-layout:fixed} .entry table td {width:auto;height:auto } .post .share-post, .post .share-post .addthis_native_toolbox {float:none; margin-top:10px } .related ul.post-list li {float:none;width:98%} .container-product {margin-top:-25px} .product .productMeta{grid-template-columns:100%;grid-gap:30px;} .product .product-inner, .product-img {float:none;margin:0 auto;width:100%} .product .tips {clear:both;margin-top:50px;text-align:center} .product .post-head .post-title {width:100%} .product .post-title {font-size:24px;line-height:32px} .product .post-head #tabs {width:100%} .product .post-head #tabs span {padding:0 2%} .product .btn-inquiry-b {display:block} .product .product-meta-box {clear: both;} .tab-head {margin-top:30px;} .tab-head .tab-ul {margin:0 auto} .tab-head .tab-ul li {margin:0;line-height:39px;font-size:14px;display:none} .tab-head .tab-ul li.current {line-height:39px;display:block} #tab-product .entry, #tab-product .entry .tab-title {display:block;margin: 0 !important;} #tab-product .entry .tab-title {height:38px;line-height:40px} #tab-product .entry .tab-title span {line-height:36px;font-weight:bold} .feature-item {float:none;width:97%} .related {float:none} #author, #email, #url, #comment {padding:12px 2%;width:95%} .feature-box .item {float:none;margin:0 1.5% 35px;width:100%} #inquiryForm {padding:30px 15px} #inquiryForm .productImg {margin:0 0 20px 0} #inquiryForm .productImg img {margin:0 15px 0 0} #inquiryForm .productImg h4 {line-height:20px} #inquiryForm .productImg p {padding-left:100px} .wpcf7 label, #inquiryForm .wpcf7 label {padding:0;width:100%;text-align:left;} .wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea {width:89%} .wpcf7 .wpcf7-select {max-width:97%} .wpcf7 .wpcf7-submit {width:97%} #inquiryProductMeta {width:98%} #inquiryProductMeta .productImg img {width:120px;height:120px} #btn-submit label {display:none} .post-meta-bottom .tags, .post-meta-bottom .share {float:none} .wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover { } .wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block} #commentform input[type="text"], #respond #comment {width:80%} /*.footbar*/ .footbar{grid-template-columns:100%; } .footbar .widget-column-wrap{grid-template-columns:100%;} .footbar .widget-column{width:100%; padding: 20px;} .copyright {text-align: left;} .copyright .copyright-wrap{grid-template-columns:100%;} /*.inquiry-footer*/ .inquiry-footer{grid-template-columns:100%;} .inquiry-footer .inquiry-wrap-f{border:0;} .gallery-columns-2 .gallery-item{width:98% !important; margin-right:1%;} .gallery-columns-3 .gallery-item{width:98% !important; margin-right:1%;} .gallery-columns-4 .gallery-item{width:98% !important; margin-right:1%;} .mobi-bar {display:table;text-align:center} /*YouBe*/ .video-container{width:96%; overflow: hidden; text-align: center;} .video-container IFRAME{ max-width:100%; max-height:100%; border:none;} .backToTop {right:5px;bottom:55px} } @media only screen and (max-width:480px){ /*.breadcrumb */ .breadcrumb-wrap .breadcrumb h2 {font-size:22px; } .crumb-box a{ color: #000;} /*breadcrumb-page*/ .breadcrumb-page{top:10%;line-height:36px;} .breadcrumb-page .crumb-box{text-align: center;} .breadcrumb-page .crumb-box a{color: #fff;} .preview {width:100%;margin-right:0;} .preview #wrap {border:1px solid #e6e6e6;} .preview img {padding:2%;width:96%;height:auto;border:0;background:#fff} .post ul.thumblist li {width:22%;height:auto} .post ul.thumblist li .imWrap {width:100%;height:auto} .post ul.thumblist li .thumb-wrap {float:none;width:90%} .post ul.thumblist li img {padding:1%;width:98%;height:auto} .product-inquiry p {float:none;margin:6px 0 0} .product .product-meta-box {clear: both;} .picexlist li .post-thumb {display:none} .related-post ul li {float:none;width:100%} .piclist-col2 {grid-template-columns:100%} .wp-caption{ max-width:100%; auto} .wp-caption img{ max-width:100%; height:auto;} .wpcf7 .wpcf7-text {width:89%} /*YouBe*/ .video-container{width:96%; overflow: hidden; text-align: center;} .video-container IFRAME{ max-width:100%; max-height:100%; border:none;} .footbar .widget-column{width:100%;} }