/* Designed by LoKiem */
 .website-guest>div{ padding: 30px 25px; text-align: center; } .website-guest>div>div{ box-shadow: 0 5px 15px 0 rgba(82,156,219,.17); transition: .5s all } .website-guest>div>div:hover{ transform: scale(1.1); } .play-tutorial-video:hover img{ opacity: .8 } @media(max-width: 767px) { .modal-send-request .modal-close{ right: 5px !important } .website-terms-body ul{ padding-left: 10px } } @media(min-width: 768px) and (max-width: 1023px) { } #widgetItem-outline_header-i757269908>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-outline_header-i757269908>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-outline_header-i757269908>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-outline_header-i757269908>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-outline_header-i757269908>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-outline_header-i757269908>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .slider-slides .home-tech-banner{ position: absolute; top: -16px; right: 20px; width: min(52vw, 620px); height: 405px; overflow: hidden; z-index: 2; border-radius: 6px; } .home-tech-grid{ display: none; } .home-tech-grid:before, .home-tech-grid:after{ display: none; } .home-tech-lines{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: .78; } .home-tech-line{ fill: none; stroke: rgba(22,112,192,.36); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 9 13; animation: techLineFlow 12s linear infinite; } .home-tech-line-2{ stroke: rgba(44,172,102,.38); animation-duration: 15s; } .home-tech-line-3{ stroke: rgba(255,255,255,.58); animation-duration: 10s; } .tech-node{ position: absolute; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 14px 34px rgba(13, 70, 128, .18); animation: techNodeFloat 8s ease-in-out infinite; } .tech-node i{ font-size: 20px; } .node-blue{ color: #fff; background: #2f6ff2; } .node-green{ color: #fff; background: #19a957; } .node-white{ color: #1670c0; background: rgba(255,255,255,.96); border: 1px solid rgba(22,112,192,.16); } .node-1{ left: 9%; top: 66%; animation-delay: -.4s; } .node-2{ left: 22%; top: 51%; animation-delay: -2.2s; } .node-3{ left: 31%; top: 66%; animation-delay: -1.1s; } .node-4{ left: 43%; top: 46%; animation-delay: -3.1s; } .node-5{ left: 58%; top: 58%; animation-delay: -1.7s; } .node-6{ left: 74%; top: 50%; animation-delay: -3.8s; } .node-7{ left: 17%; top: 19%; animation-delay: -4.6s; } .node-8{ left: 42%; top: 12%; animation-delay: -2.8s; } .node-9{ left: 53%; top: 24%; animation-delay: -.9s; } .node-10{ left: 77%; top: 16%; animation-delay: -2s; } .node-11{ left: 86%; top: 36%; animation-delay: -4s; } .node-12{ left: 68%; top: 69%; animation-delay: -2.5s; } @keyframes techNodeFloat{ 0%,100%{ transform: translate3d(0,0,0) scale(1); } 35%{ transform: translate3d(16px,-20px,0) scale(1.07); } 70%{ transform: translate3d(-13px,14px,0) scale(.96); } } @keyframes techLineFlow{ to{ stroke-dashoffset: -220; } } @media(max-width: 767px){ .slider-slides .home-tech-banner{ right: -95px; top: 132px; width: 360px; height: 240px; opacity: .32; z-index: 0; } .slider-slides .slide-caption{ position: relative; z-index: 3; } .home-tech-lines{ opacity: .45; } .tech-node{ width: 34px; height: 34px; box-shadow: 0 10px 22px rgba(13, 70, 128, .12); } .tech-node i{ font-size: 14px; } } .slider-slides { height: 550px; background: white } .slide-body{ color: #1D1D1D !important } .header-slider-btn-group .btn-outline{ color: #1D1D1D !important; border: 1px solid #1D1D1D; } .slide-title{ font-size: 36px; text-transform: uppercase; } .slide-content{ font-size: 18px; } .header-slider-btn-group a{ font-size: 14px } .slider-slides .slide-title:after { background: #1D1D1D; } .frame-footer { background: url(/files/uploads/2020/09/f1.png) center top repeat-y; background-position: left; position: absolute; height: 228px; width: 100%; margin-top: -70px; z-index: 1997; } @media(max-width: 767px){ .slide-title{ font-size: 26px } .slide-content{ font-size: 16px; } .slider-slides { height: 450px; } } @media(min-width: 768px) and (max-width: 1023px){ } @media(min-width: 1024px){ } #widgetItem-outline_header-i3501756863>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-outline_header-i3501756863>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-outline_header-i3501756863>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-outline_header-i3501756863>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-outline_header-i3501756863>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-outline_header-i3501756863>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } #widgetItem-main_header-i362893234>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-main_header-i362893234>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-main_header-i362893234>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-main_header-i362893234>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-main_header-i362893234>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-main_header-i362893234>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } #widgetItem-home_document_left-i3177742083>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-home_document_left-i3177742083>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-home_document_left-i3177742083>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_document_left-i3177742083>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_document_left-i3177742083>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-home_document_left-i3177742083>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .fancybox-container{ z-index: 9999999999 !important } .videos-list-item>div>a>img{ width: 100%; object-fit: cover; height: 300px; opacity: .6; transition: .5s all } .videos-list-item>div>a{ position: relative; display: block; color: white; font-size: 17px; text-align: center; background: black; } .videos-list-item>div>a:hover img{ opacity: .4 } .videos-list-item>div>a:hover >i{ font-size: 70px } .videos-list-item>div>a>span{ position: absolute; bottom: 30px; width: 100%; display: block; } .videos-list-item>div>a>i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; text-align: center; font-size: 60px; transition: .2s all } .videos-list .slider-btn-next{ opacity: .9; right: 10px } .videos-list .slider-btn-prev{ opacity: .9; left: 10px } .videos-list .slider-btn-next:after, .videos-list .slider-btn-prev:after{ background: white; display: inline-block; padding: 20px; color: black; border-radius: 5px } @media(max-width: 767px){ } @media(min-width: 768px) and (max-width: 1023px){ .intro-outer{ } } @media(min-width: 1024px){ } #widgetItem-home_document-i1356051463>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-home_document-i1356051463>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-home_document-i1356051463>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_document-i1356051463>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_document-i1356051463>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-home_document-i1356051463>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .posts-flex-1{ display: block !important; max-height: auto; overflow: auto } .posts-flex-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } .posts-flex-1::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .posts-flex-1::-webkit-scrollbar-thumb { background-color: #2185D0; border-radius: 3px; } .posts-flex-1>div:hover a{ ; } .posts-flex-1>div{ width: auto !important } .posts-flex-1 .post-flex-item{ background: transparent; height: 80px; } .posts-flex-1 .flex{ padding: 8px } .posts-flex-1 .posts-flex-title{ font-weight: bold; line-height: 1.6 } .posts-flex-1 .posts-flex-poster{ width: 60px; height: 60px } .posts-flex-1 .posts-flex-text{ width: calc(100% - 60px); } .posts-flex-1 .flex>a{ font-size: 16px; } .posts-flex-1 .flex>a>img{ border-radius: 15%; } .posts-flex-1 .posts-flex-desc, .posts-flex-1 .posts-flex-time{ font-size: 14px; color: #808080; padding-top: 2px; } @media(max-width: 767px){ .posts-flex-1>div{ height: 80px; } .posts-flex-1 .posts-flex-poster{ width: 40px; height: 40px } .posts-flex-1 .posts-flex-text{ width: calc(100% - 40px); } } #widgetItem-footer-i6633180>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-footer-i6633180>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-footer-i6633180>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-footer-i6633180>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-footer-i6633180>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-footer-i6633180>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } main#main, #header>.header-body, #footer>.footer-body, .main-layout{ max-width: 1200px; margin: auto } .main-left{ width: 0% } .main-mid{ width: 70% } .main-right{ width: 30% }