@font-face {
font-family: 'Conv_hp-simplified-265';
src: url('fonts/hp-simplified-265.eot');
src: local('☺'), url('fonts/hp-simplified-265.woff') format('woff'), url('fonts/hp-simplified-265.ttf') format('truetype'), url('fonts/hp-simplified-265.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Conv_hp-simplified-556';
src: url('fonts/hp-simplified-556.eot');
src: local('☺'), url('fonts/hp-simplified-556.woff') format('woff'), url('fonts/hp-simplified-556.ttf') format('truetype'), url('fonts/hp-simplified-556.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_hp-simplified-light-153';    
src: url('fonts/hp-simplified-light-153.eot');
src: local('☺'), url('fonts/hp-simplified-light-153.woff') format('woff'), url('fonts/hp-simplified-light-153.ttf') format('truetype'), url('fonts/hp-simplified-light-153.svg') format('svg');
font-weight: normal;
font-style: normal;
}

html{ scroll-behavior: smooth;}
body{font-family:'Conv_hp-simplified-265',Sans-Serif;font-size:15px;color: #000000;padding:0;margin:0;letter-spacing:.5px;}
ul,ol{padding:0;margin:0;}
ul li,ol li{list-style-type:none;}
h1,h2,h3,h4,h5,h6 {margin:0;}
p{padding:0;margin:0;line-height:1.6;}
*{outline:none !important;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
ul{margin:0;padding:0;list-style:none;}
b,strong{font-weight:600;}
a{color: #000000;text-decoration:none;}
a:hover{outline:0;text-decoration:none;}
a:active{outline:0;text-decoration:none;}
a:focus{outline:0;text-decoration:none;}
.wrapper{max-width:1214px;width:100%;margin:auto;}
.Midwrapper{max-width:1280px;width:100%;margin:auto;}
.bigCenter{max-width:1920px;width:100%;margin:auto;}
.hp-header{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;float:left;width:100%;min-height:72px;position:fixed; top:160px;left:0;z-index:9999;margin: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.hp-header .logo{padding: 25px 0px  11px;float: left;font-size: 1.31rem; color: #000;}
.fullDiv { float: left;   width: 100%;  background: #fff;  position: relative; }
nav.hp-nav{line-height: 72px;text-align: center;float: right;width: 100%;max-width: 851px;}
nav.hp-nav ul.leftMenu{float:left; padding:0;}
nav.hp-nav ul.leftMenu li{float:left;}
nav.hp-nav ul.leftMenu li:hover > a{color: #0171ad;border-bottom: 3px solid #075782;}
nav.hp-nav ul.leftMenu a{color: #363636;font-size: 16px;padding: 0px 9px 0px 9px;display:block;margin:0 6px 0;border-bottom: 3px solid #ffffff;line-height: 72px;-moz-transition:all, 0.5s;-o-transition:all, 0.5s;-webkit-transition:all, 0.5s;transition:all, 0.5s;}
.lastCon { float: right;}
.lastCon a{color: #FFFFFF;background-color: #0171ad;line-height: 40px;padding: 0 19px;display: block;margin: 16px 0 0;}

.logo img,.hp-header{-moz-transition:all, 0.5s;-o-transition:all, 0.5s;-webkit-transition:all, 0.5s;transition:all, 0.5s;}
.slider {float: left;position: relative;width: 100%; height: 690px;  margin: 55px 0 0;background: url(../img/Slider.webp) 35% 60% / cover no-repeat scroll rgb(98, 112, 119);}
.slider img{ margin: 0 0 0 0; display: none;}
.titleName {position: absolute;top: 216px;left: 0;z-index: 999;width: 100%;}
.titleName h6 {color: #FFFFFF;font-size: 14px;float: left;width: 100%;   font-family: 'Conv_hp-simplified-light-153',Sans-Serif;}
.titleName h2 {max-width: 500px;padding: 10px 0 19px;color: #fff;font-size: 2rem;float: left;width: 100%;}
.titleName p {color: #fff;font-size: 1rem; padding: 8px 0 0;font-weight: 500;float: left;width: 100%;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;}
.titleName a{color: #000;background-color: #fff;line-height: 40px;padding: 0 32px;display: inline-block;margin: 33px 0 0; clear: both;}
.arrSlider {position: absolute;    top: 556px;display: block !important;z-index: 999;left: 48%;}
.titleName ul li{ float: left;    padding: 0 39px 0 0;}
.titleName ul { margin-top: 66px; float: left;}
.addheadn{margin: 0px 0 0; position: relative;    background: white;text-align: center;width: 100%;float: left;color: #000;padding: 0 0 26px;}
.addheadn h2{display: inline-block;color: #191919;font-size: 2.125rem;line-height: 2.5rem;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;width: 100%;padding: 53px 0 77px;}
.addheadn p{ color: #484848;display: inline-block;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;line-height: 1.5;max-width: 472px;clear: both;}
.watcht{ width: 100%;    float: left;}

.buldClass{min-height: 600px;float: left;margin: 0 0 0;background-color: #1159a0;width:50%;padding: 194px 98px 0 65px;}
.imgClass{float: right;margin: 0 0 0;width:50%;background: url(../img/PS_Desktop_K12_EE_CM4.0_tcm.webp) 50% 50% / cover no-repeat scroll;height: 600px;}
.imgClass img{max-width: 100%;display: none;}
.buldClass h2{font-size: 1.75rem;line-height: 2.125rem;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;color: #fff;padding: 0  0px 0 0;}
.buldClass p{ width: 100%;color: #ffffff;display: inline-block;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;line-height: 1.5; clear: both;font-size: 15px;padding: 17px 0 0;}
.buldClass a{color: #FFFFFF;background-color: #0171ad;line-height: 40px;padding: 0 32px;display: inline-block;margin: 33px 0 0;clear: both;font-size: 16px;}
.imgClass2{ float: left; background: url(../img/PS_Desktop_K12_EE_SchoolPack4.0.webp) 50% 50% / cover no-repeat scroll;}
.buldClass2{float: left; background-color: #008489}
.buldClass3 { padding-top: 65px;}
p.maxia { margin: 12px 16px 0; position: relative;}
p.maxia::before {content: ' '; display: block; position: absolute;  background-color: white; height: 5px; width: 5px; border-radius: 50%; left: -1rem; top: 28px;}
.imgClass3{ background: url(../img/image2_tcm132_3142187_tc.webp) 50% 50% / cover no-repeat scroll;}
.imgClass4{ background: url(../img/class_tcm132_3142185_tc.webp) 50% 50% / cover no-repeat scroll;}
.textfooter{ padding: 19px 0 19px; background-color: #e8e8e8; float: left; width: 100%; }
.textfooter p{ color: #404040;padding: 10px 0;font-size: 0.75rem;    line-height: 1rem;}
.Hpvideo{display: none;height: 100%;position: fixed;top: 100px;left: 0;z-index: 9999;width: 100%;background-color: rgba(0,0,0,0.8);}
.overlay{ width: 100%; max-width: 960px;    text-align: left;    z-index: 12;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);}
.cancel{position: absolute;right: -43px;height: 24px;cursor: pointer;top: -46px;}
.arrSlider{transition:all 0.5s ease 0s;animation:mymove 2s infinite;z-index:99;height: 50px;}

ul.prdtServi li{float:left;width:25%;max-width:50%;padding: 26px 27px;}
ul.prdtServi li img{height: 94px;}
ul.prdtServi li h3{padding:11px 0px;    font-family: 'Conv_hp-simplified-light-153';font-size: 1.75rem;line-height: 2.125rem;color:black;}
ul.prdtServi li p{font-weight: 100;padding:0;font-size: 1rem;letter-spacing: 0.01875rem;}

.TecherPro{text-align: center;float: none;width:100%;margin: auto;height:auto;position:relative;padding: 0px 80px 82px;/* margin:64px 0 0; */}
.TecherPro .flex-control-nav{left:0;top:auto;bottom:5%;width:100%;}
.TecherPro .flex-direction-nav{display:block;}
.TecherPro .slides img{ display: inline-block;}
.TecherPro .flex-control-paging li a{width: 9px;height: 9px;margin: 0 9px;background: #ddd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.TecherPro .flex-control-paging li a.flex-active{background: #0096d6;}
.TecherPro li h5{ padding: 11px 0px;font-weight: 500;font-size: 1.70rem;line-height: 2.125rem;color: black;}
.TecherPro li p{ max-width: 480px; padding: 12px 0 29px;clear: both;color: #424242;font-size: .97rem;letter-spacing: 0.01875rem;display: inline-block;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;line-height: 1.5;}
.addheadn2{ padding: 0; margin: 0; }
.TecherPro  .flex-direction-nav .flex-prev { left: 0px;   background: url(../img/left-arrow.svg);  opacity: 1; }
.TecherPro  .flex-direction-nav .flex-next { right:  0px;   background: url(../img/right-arrow.svg);  opacity: 1; }
.proimg{ text-align: center;}

.cross i{display: none;}
.arrSlider2,.cldn{ display: none;}
.mobileViewLap,.MobileSlider{ display: none;}
.newst { float: left;  width: 100%;}
.naupupdow i.fa.fa-angle-down { transform: rotate(180deg);}
.bgmenu{ display: none; background: rgba(0, 0, 0, 0.6); height: 100%;width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;}
.opnbg{display: block;}
.mobilecontact{display: none;}
.crossMobile{ display: none;}
.newst0 { float: left; width: 100%;}


@keyframes mymove{0%{transform:translateY(0px)}
50%{transform:translateY(20px)}
100%{transform:translateY(0px)}
}


@media screen  and  (min-width:1026px)  and (max-width:1280px)
{ 
nav.hp-nav ul.leftMenu { float: left;margin: 0 20px 0 0px;}
nav.hp-nav ul.leftMenu a{color: #818181; line-height: 50px;}
.addheadn h2 { padding-bottom: 20px;}
nav.hp-nav{width: auto; max-width: none; float: right; margin: 13px 0 0;}
.lastCon a{margin: 1px 0 0;}
img{max-width:100%;}
ul.prdtServi li {min-height: 343px; float: left; width: 55%;}
.wrapper,.Midwrapper,.addheadn h2, .addheadn p{padding: 0 15px;}
.slider{ height: auto;background: none;}
.addheadn h2{ padding: 69px 0 0;}
}

@media screen and (max-width:1026px){ 
    .hp-header{box-shadow:0 0; border-bottom: 1px solid #f1f1f1;}
body{overflow-x: hidden;}
.mobilecontact{display: block;}
.crossMobile{display: block; font-size: 18px;}
.deskcon{ display: none;}
.deskclic{display: none;}
.cross i{position: relative;  top: 4px; display: inline-block;font-size: 30px;padding: 0;line-height: 0;margin: 0px 0 0;}
.cldn{ display: inline-block;width: 100%;}
#closenav.hp-nav{border-radius: 50%;height: 42px;line-height: 48px;width: 42px;background: rgb(0 0 0 / 77%);display: inline-block;}
#closenav.hp-nav img{height: 15px;}
.lastCon { float: left; padding: 0px 0 4px; width: 100%;}
.slider { height: 657px;background: url(../img/Slider.webp) 50% 50% / cover no-repeat scroll rgb(98, 112, 119);}
video#videoHp{ display: none;}
img{max-width:100%;}
nav.hp-nav{ max-width: 100%;}

.cancel {right: 11px;}
.wrapper,.Midwrapper,.addheadn h2, .addheadn p{padding: 0 15px;}
.arrSlider {top: 617px;bottom: auto;}
.addheadn{ padding: 68px 0 104px;}
nav.hp-nav{display: none; }
nav.hp-nav ul.leftMenu li {float: left;width: 100%;text-align: left;border-bottom: 1px solid #a5a5a5;}
.titleName ul li {width: 100%;  padding: 0 39px 42px 0;}
ul.prdtServi li {max-width: 50%;padding: 26px 22px;min-height: 290px;    width:100%;}
nav.hp-nav ul.leftMenu { float: left; width: 100%;}
nav.hp-nav ul.leftMenu a{color: #818181;    line-height: 50px;}
.addheadn h2 { padding-bottom: 20px;}


}
@media screen and (max-width:1023px)
{ 
nav.hp-nav{display: none; }
nav.hp-nav ul.leftMenu li {float: left;width: 100%;text-align: left;border-bottom: 1px solid #a5a5a5;}
a.cross:hover{ color: #3F51B5;}
.lastCon {float: left;width: 100%;padding: 0px 0 8px;}
.cancel {right: 11px;}
.slider { height: 657px;background: url(../img/Slider.webp) 50% 50% / cover no-repeat scroll rgb(98, 112, 119);}
video#videoHp{ display: none;}
.titleName { position: absolute; top: 122px;left: 0; padding-left: 12px;}
.imgClass img{  width: 100%;}
.buldClass p{ width: 100%;}
.arrSlider { top: 608px;}
.addheadn { padding: 60px 0 71px;}
.overlay {width: 100%;max-width: 425px;}     
.addheadn.addheadn2 {padding: 33px 0 18px;}
.TecherPro li h5{font-size: 1.10rem;line-height: 2.0rem;}
.TecherPro{ padding: 0px 40px 82px;}
ul.prdtServi li{ width: 100%;    max-width: 100%;}
ul.prdtServi li {max-width: 49%;padding: 26px 22px;min-height: inherit;width: 100%;display: inline-block;vertical-align: top;float: none;}
.cldn{ display: inline-block;width: 100%;}
#closenav.hp-nav{border-radius: 50%;height: 42px;line-height: 48px;width: 42px;background: rgb(0 0 0 / 77%);display: inline-block;}
#closenav.hp-nav img{height: 15px;}
.imgClass {float: none;width: 50%;display: table-cell;vertical-align: middle;height: auto;}
.buldClass {min-height: inherit; float: none;display: table-cell;vertical-align: middle;margin: 0;/* height: 100%; */width: 50%;padding: 56px 26px 59px 21px;}



}
@media screen and (max-width:800px){ 
.imgClass {float: left;width: 100%; background: none;}
.buldClass {min-height: inherit; float: left;  width: 100%;padding: 56px 26px 59px 21px;}
.imgClass img { max-width: 100%; display: block;}
}

@media screen and (max-width:767px){ 
.arrSlider{ display: none !important;}
.arrSlider2{ display: inline-block; height: 46px;}
.arrSlider {top: auto;bottom: 5px;}
.titleName { float: left;padding: 67px 0 0;text-align: center;position: relative;background: white;top: -5px;}
.titleName h6,.titleName h2,.titleName p{color: #191919;}
.titleName p{ max-width: 100%;}
.addA{ text-align: center; display: block; width: 100%; margin: 34px 0 5px;float: left;}
.titleName h2 { font-size: 1.20rem;}
.titleName ul li {float: left;background: #3f51b5;width: 50%;padding: 5px 7px 0px 0;  min-height: 66px;}
.titleName ul {margin-top: 37px; width: 100%;}
.titleName h2{ max-width: 100%;}    
.titleName a {color: #f1f1f1;background-color: #3F51B5;}
ul.prdtServi li { max-width: 100%;}
.addheadn h2,.stdtext h2,.buldClass h2,ul.prdtServi li h3{ font-size: 1.20rem; }
ul.prdtServi li{ width: 100%;  max-width: 100%;}
}

@media screen and (max-width:700px){ 
.imgClass img{display: block; width: 100%;}
.imgClass {float: left; height: auto;width: 100%;background: none;}
.slider {height: 399px;background: url(../img/MobileSlider.webp) 50% 50% / cover no-repeat scroll rgb(98, 112, 119);}
}
@media screen and (max-width:420px){ 
.addheadn {padding: 29px 0 71px; }
.slider {height: 249px;}
.titleName ul li{ height: 86px;}
}