@keyframes spin {from {transform: rotate(360deg); } to {transform: rotate(0deg); }}
.custom-select {position: relative;top: -5px; }
.custom-select select {display: none; }
.select-selected {background-color: #fff; }
.select-selected:after {position: absolute;content: "";top: 45px;right: 15px;width: 0;height: 0;border: 6px solid transparent;border-color: #d0d2d6 transparent transparent transparent; }
.select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent;top: 7px; }
.select-items div, .select-selected {color: #7a848f;padding: 0px 20px;border: 1px solid #d0d2d6;border-radius: 30px;cursor: pointer;user-select: none;height: 40px;line-height: 40px;margin-top: 7px;margin-bottom: 20px; }
.select-items {position: absolute;background-color: #ebecef;top: 100%;left: 0;right: 0;z-index: 99;border-radius: 5px;padding: 10px;max-height: 300px;margin-top: 0px;overflow-y: scroll; }
.select-items div {margin: 0px !important;border: 0px; }
.select-hide {display: none; }
.select-items div:hover {background-color: rgba(0, 0, 0, 0.1); }
.sec_wrap {padding-bottom: 60px; }
@media only screen and (max-width: 960px) {.sec_wrap {padding-top: 50px;padding-bottom: 200px;background: none; }}
@media only screen and (max-width: 915px) {.sec_wrap {padding-top: 50px;padding-bottom: 200px;background: none; }}
.sec_wrap .sec1 .slider_wrap {width: 100%; }
.sec_wrap .sec1 .slider_wrap .slider {width: 100%; }
.sec_wrap .sec1 .slider_wrap .slider .slider_inner {height: 700px;margin: 0 auto;padding: 0px 50px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec1 .slider_wrap .slider .slider_inner {padding: 0px; }}
.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt {padding-top: 280px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt {padding-top: 100px;text-align: center; }}
.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt h2 {margin-bottom: 30px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt h2 {margin-bottom: 10px;font-size: 2.5em;line-height: 56px; }}
.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt p {width: 500px;margin-bottom: 60px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt p {width: 100%;margin: 0 auto;margin-bottom: 15px; }}
@media only screen and (max-width: 960px) {.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt p {width: 400px; }}
.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt .basic {margin-bottom: 150px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec1 .slider_wrap .slider .slider_inner .slider_txt .basic {margin: 0 auto;widows: 100%; }}
.sec_wrap .sec1 .slider_wrap .first {background-color: #ebecef; }
.sec_wrap .sec1 .slider_wrap .first .slider_inner {background-image: url(../images/bg_person.png), url(../images/bg_icon.png);background-size: 400px, 600px;background-repeat: no-repeat;background-position: right bottom; }
@media only screen and (max-width: 480px) {.sec_wrap .sec1 .slider_wrap .first .slider_inner {background-size: 250px, 400px;background-position: 65px 360px ,center 360px; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec1 .slider_wrap .first .slider_inner {background-size: 250px, 400px;background-position: center bottom; }}
.sec_wrap .sec1 .slider_wrap .second {background: url(../images/tms_bg.png) center bottom no-repeat #ebecef;background-size: cover; }
.sec_wrap .sec1 .slider_wrap .second .slider_inner {background-image: url(../images/tms.png);background-size: 600px;background-repeat: no-repeat;background-position: right 200px; }
@media only screen and (max-width: 480px) {.sec_wrap .sec1 .slider_wrap .second .slider_inner {background-size: 450px;background-position: 40px 340px; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec1 .slider_wrap .second .slider_inner {background-size: 450px;background-position: center bottom; }}
.sec_wrap .sec1 .slider_wrap .third {background-color: #ebecef; }
.sec_wrap .sec1 .slider_wrap .third .slider_inner {background-image: url(../images/lms.png), url(../images/lms_bg.png), url(../images/lms_bg.png);background-size: 600px;background-repeat: no-repeat;background-position: right 200px, 400px bottom; }
@media only screen and (max-width: 480px) {.sec_wrap .sec1 .slider_wrap .third .slider_inner {background-size: 450px;background-position: 40px 340px; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec1 .slider_wrap .third .slider_inner {background-size: 450px;background-position: center bottom; }}
.sec_wrap .sec2 {margin-top: 50px; }
@media only screen and (max-width: 480px) {.sec_wrap .sec2 {margin-top: 0px; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec2 {margin-top: 0px; }}
.sec_wrap .sec2 .solution_wrap {margin: 0 auto;display: flex;flex-flow: wrap;justify-content: center; }
.sec_wrap .sec2 .solution_wrap a {width: 450px;height: 450px;cursor: pointer;display: block; }
@media only screen and (max-width: 915px) {.sec_wrap .sec2 .solution_wrap a {width: 100%; }}
.sec_wrap .sec2 .solution_wrap a h3 {margin: 30px 0px 5px 30px;position: relative;background-size: 350px; }
.sec_wrap .sec2 .solution_wrap a h3::after {content: '';width: 30px;height: 30px;background: url(../images/arrow.png) no-repeat center center;background-size: contain;position: absolute;top: 2px;margin-left: 15px;-webkit-transform: scaleX(-1);transform: scaleX(-1); }
.sec_wrap .sec2 .solution_wrap a .h3-w {color: #fff; }
.sec_wrap .sec2 .solution_wrap a .h3-w::after {content: '';width: 30px;height: 30px;background: url(../images/arrow_w.png) no-repeat center center;background-size: contain;position: absolute;top: 2px;-webkit-transform: scaleX(-1);transform: scaleX(-1); }
.sec_wrap .sec2 .solution_wrap a p {margin-left: 30px; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(1) {transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;background: url(../images/solution1.png) 100px 110px no-repeat #cdd0d5;background-size: 100%; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(1):hover {background-size: 110%; }
@media only screen and (max-width: 915px) {.sec_wrap .sec2 .solution_wrap a:nth-of-type(1) {background: url(../images/solution1.png) 300px 100px no-repeat #cdd0d5;background-size: 60%; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(1):hover {background-size: 70%; }}
@media only screen and (max-width: 480px) {.sec_wrap .sec2 .solution_wrap a:nth-of-type(1) {background: url(../images/solution1.png) 100px 110px no-repeat #cdd0d5;background-size: 100%; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(1):hover {background-size: 110%; }}
.sec_wrap .sec2 .solution_wrap a:nth-of-type(2) {background: url(../images/solution2.png) 100px 160px no-repeat #d9e2e8;background-size: 100%;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(2):hover {background-size: 110%; }
@media only screen and (max-width: 915px) {.sec_wrap .sec2 .solution_wrap a:nth-of-type(2) {background: url(../images/solution2.png) 250px 150px no-repeat #d9e2e8;background-size: 60%; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(2):hover {background-size: 70%; }}
@media only screen and (max-width: 480px) {.sec_wrap .sec2 .solution_wrap a:nth-of-type(2) {background: url(../images/solution2.png) 100px 160px no-repeat #d9e2e8;background-size: 100%;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(2):hover {background-size: 110%; }}
.sec_wrap .sec2 .solution_wrap a:nth-of-type(3) {background: url(../images/solution3.png) 100px 160px no-repeat #8b8684;background-size: 100%;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(3):hover {background-size: 110%; }
@media only screen and (max-width: 915px) {.sec_wrap .sec2 .solution_wrap a:nth-of-type(3) {background: url(../images/solution3.png) 250px 150px no-repeat #8b8684;background-size: 60%; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(3):hover {background-size: 70%; }}
@media only screen and (max-width: 480px) {.sec_wrap .sec2 .solution_wrap a:nth-of-type(3) {background: url(../images/solution3.png) 100px 160px no-repeat #8b8684;background-size: 100%; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(3):hover {background-size: 110%; }}
.sec_wrap .sec2 .solution_wrap a:nth-of-type(4) {background: url(../images/solution4.png) 100px 120px no-repeat #e7e7e7;background-size: 100%;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(4):hover {background-size: 110%; }
@media only screen and (max-width: 915px) {.sec_wrap .sec2 .solution_wrap a:nth-of-type(4) {background: url(../images/solution4.png) 300px 100px no-repeat #e7e7e7;background-size: 60%; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(4):hover {background-size: 70%; }}
@media only screen and (max-width: 480px) {.sec_wrap .sec2 .solution_wrap a:nth-of-type(4) {background: url(../images/solution4.png) 100px 120px no-repeat #e7e7e7;background-size: 100%; }
.sec_wrap .sec2 .solution_wrap a:nth-of-type(4):hover {background-size: 110%; }}
.sec_wrap .sec3 {margin: 50px 0; }
.sec_wrap .sec3 .sec3_wrap {text-align: center;position: relative; }
.sec_wrap .sec3 .sec3_wrap h3 {color: #56b2d8;margin-bottom: 15px; }
.sec_wrap .sec3 .sec3_wrap .rotate {width: 750px;height: 750px;border-radius: 50%;border: 1px dotted #d0d2d6;position: absolute;top: 150px;right: -200px;background: url(../images/dot.png) no-repeat center center; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .rotate {top: 180px;right: -480px; }}
.sec_wrap .sec3 .sec3_wrap .rotate .icon:nth-of-type(1) {background: url(../images/cloud_icon.png) no-repeat center right;width: 180px;height: 180px;background-size: cover;position: absolute;top: 0px;left: 30px; }
.sec_wrap .sec3 .sec3_wrap .rotate .icon:nth-of-type(1)::after {color: #56b2d8;content: 'Web';position: absolute;top: 160px;left: 50%;transform: translateX(-50%);z-index: 10;font-size: 1.2em; }
.sec_wrap .sec3 .sec3_wrap .rotate .icon:nth-of-type(2) {background: url(../images/cloud_icon.png) no-repeat center left;width: 180px;height: 180px;background-size: cover;position: absolute;top: 150px;left: -80px; }
.sec_wrap .sec3 .sec3_wrap .rotate .icon:nth-of-type(2)::after {color: #56b2d8;content: 'Cloud';position: absolute;top: 160px;left: 50%;transform: translateX(-50%);z-index: 10;font-size: 1.2em; }
.sec_wrap .sec3 .sec3_wrap .rotate .icon:nth-of-type(3) {background: url(../images/customize.png) no-repeat center left;width: 180px;height: 180px;background-size: cover;position: absolute;top: 540px;left: 20px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .rotate .icon:nth-of-type(3) {display: none; }}
.sec_wrap .sec3 .sec3_wrap .rotate .icon:nth-of-type(3)::after {color: #56b2d8;content: 'Customization';position: absolute;top: 160px;left: 50%;transform: translateX(-50%);z-index: 10;font-size: 1.2em; }
.sec_wrap .sec3 .sec3_wrap .rotate .rotate2 {width: 500px;height: 500px;border: 1px solid #56b2d8;border-radius: 50%;position: absolute;top: 16%;left: 17%;transform: translate(-50%, -50%);animation: spin 50s infinite linear; }
@media only screen and (max-width: 480px) {.sec_wrap .sec3 .sec3_wrap .rotate .rotate2 {opacity: 0.3; }}
.sec_wrap .sec3 .sec3_wrap .rotate .rotate2 .circle {background-color: #2891ca;background-image: -moz-linear-gradient #2891ca, #56b2d8;background-image: -webkit-linear-gradient(#2891ca, #56b2d8);background-image: -o-linear-gradient(#2891ca, #56b2d8);background-image: -ms-linear-gradient(#2891ca, #56b2d8);width: 10px;height: 10px;border-radius: 50%;position: absolute; }
.sec_wrap .sec3 .sec3_wrap .rotate .rotate2 .circle:nth-of-type(1) {top: -5px; }
.sec_wrap .sec3 .sec3_wrap .rotate .rotate2 .circle:nth-of-type(2) {top: 300px;left: 0px; }
.sec_wrap .sec3 .sec3_wrap .rotate .rotate2 .circle:nth-of-type(3) {top: 475px;left: 346px; }
.sec_wrap .sec3 .sec3_wrap .sec_box {margin: 200px 0px 100px 0px;z-index: 500; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box {margin-top: 380px;margin-left: 10px; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt {text-align: left;margin-bottom: 200px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt {margin-bottom: 100px;width: 350px; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt .btn {margin-left: 10px; padding:5px 10px;}
@media only screen and (max-width: 480px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt .btn {margin-left: 0px; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt .btn {margin-left: 0px; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(2) {margin-left: 80px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(2) {margin-left: 10px; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(3) {margin-left: 400px;position: relative; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(3) {margin-left: 10px; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(3)::before {content: '';background: url(../images/dot6.png) no-repeat center center;background-size: contain;width: 260px;height: 260px;position: absolute;left: -300px;top: -30px; }
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(4) {position: relative;left: 34%;transform: translateX(0%); }
@media only screen and (max-device-width: 1366px) and (max-device-height: 1366px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(4) {left: 20%; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(4) {left: 10px;transform: none; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(4)::after {content: '';background: url(../images/dot5.png) no-repeat center center;background-size: contain;width: 200px;height: 200px;position: absolute;top: 15px;margin-left: 350px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(4)::after {display: none; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(5) {margin-left: 400px;position: relative; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(5) {margin-left: 10px; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(5)::before {content: '';background: url(../images/dot3.png) no-repeat center center;background-size: contain;width: 260px;height: 260px;position: absolute;left: -300px;top: -30px; }
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(6) {position: relative;left: 34%;transform: translateX(0%); }
@media only screen and (max-device-width: 1366px) and (max-device-height: 1366px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(6) {left: 20%; }}
@media only screen and (max-width: 480px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(6) {left: 10px;transform: none; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(6) {left: 10px;transform: none; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(6)::after {content: '';background: url(../images/dot4.png) no-repeat center center;background-size: contain;width: 200px;height: 200px;position: absolute;top: 15px;margin-left: 350px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt:nth-of-type(6)::after {display: none; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt .big-gray {font-size: 4em;font-weight: bold;color: #ebecef;margin-top: 100px; }
.sec_wrap .sec3 .sec3_wrap .sec_box .txt h4 {margin: 0px 0px 10px 20px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt h4 {margin: 0px 0px 10px 0px; }}
.sec_wrap .sec3 .sec3_wrap .sec_box .txt p:last-of-type {width: 450px;margin: 10px 0px 20px 20px; }
@media only screen and (max-width: 915px) {.sec_wrap .sec3 .sec3_wrap .sec_box .txt p:last-of-type {width: 95%;margin: 0px 0px 30px 0px; }}
.sec_wrap .sec5 {margin-top: 80px;line-height: 42px; }
@media only screen and (max-width: 480px) {.sec_wrap .sec5 {margin-top: 50px; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec5 {margin-top: 50px; }}
.sec_wrap .sec5 .sec5_wrap {text-align: center; }
.sec_wrap .sec5 .sec5_wrap p {width: 450px;margin-top: 20px;position: absolute;left: 50%;transform: translateX(-50%); }
@media only screen and (max-width: 480px) {.sec_wrap .sec5 .sec5_wrap p {width: 100%; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec5 .sec5_wrap p {width: 100%; }}
.sec_wrap .sec5 .sec5_wrap .client {background: url(../images/clients.png) no-repeat center center;width: 100%;height: 250px;margin: 100px 0px 20px 0px; }
@media only screen and (max-width: 480px) {.sec_wrap .sec5 .sec5_wrap .client {background: url(../images/clients_m.png) no-repeat center center;background-size: contain;width: 320px;height: 320px;margin: 0 auto;margin-top: 120px;margin-bottom: 50px; }}
.sec_wrap .sec5 .sec5_wrap .earth {width: 100%; }
.sec_wrap .sec6 {background: #203749;height: 300px;text-align: center;margin-top: -15px; }
.sec_wrap .sec6 .sec6_wrap h3 {padding-top: 50px;color: #fff;font-weight: bold; }
@media only screen and (max-width: 480px) {.sec_wrap .sec6 .sec6_wrap h3 {padding-top: 25px;line-height: 36px; }}
@media only screen and (max-width: 915px) {.sec_wrap .sec6 .sec6_wrap h3 {padding-top: 25px;line-height: 36px; }}
.sec_wrap .sec6 .sec6_wrap button {margin: 30px 0px 60px 0px;box-shadow: none; }