@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,.slider .slidePart ul.slides h2,.service .serList h6,.prdtServi h6,footer .leftReach h6,footer .rightReach 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;}

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; 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;}
header .logo{padding: 25px 0px  11px;float: left;font-size: 1.31rem; color: #000;}

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: 1rem;    letter-spacing: 0.01875rem;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,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%;min-height: 682px;padding-bottom: 90px;overflow-x: hidden;margin: 55px 0 0;background: url(../img/Slider.webp) 50% 50% / cover no-repeat scroll rgb(98, 112, 119);}
.slider img{ margin: 0 0 0 0;    display: none;}
.titleName {position: absolute;top: 257px;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 {font-family: 'Conv_hp-simplified-light-153'; padding: 10px 0 19px;color: #fff;font-size: 2rem;float: left;width: 100%;}
.titleName p {color: #fff;max-width: 528px;padding: 8px 0 0;font-weight: 500;float: left;width: 100%;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;}
.titleName a{color: #FFFFFF;background-color: #0171ad;line-height: 40px;padding: 0 32px;display: inline-block;margin: 33px 0 0; clear: both;}
.arrSlider {position: absolute;    height: 54px;top: 651px;display: block !important;z-index: 999;left: 48%;}

.addheadn{text-align: center;width: 100%;float: left;color: #000;padding: 0 0 104px;}
.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 20px;}
.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;}
.stdimg{ float: left;}
.stdtext{float: right;text-align: left;max-width: 404px;width: 100%;padding: 187px 20px 0 0px;}
.stdtext h2{ font-size: 1.75rem; line-height: 2.125rem;    font-family: 'Conv_hp-simplified-light-153',Sans-Serif;}
.stdtext  p{color: #484848;font-size: 1rem;display: inline-block;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;line-height: 1.5;max-width: 472px;clear: both;padding: 17px 0 0;}

.stdtext a{color: #FFFFFF;background-color: #0171ad;line-height: 40px;padding: 0 32px;display: inline-block;margin: 33px 0 0;clear: both;font-size: 16px;}
.stdimg2{ float: right; margin: 83px 0 0;}
.stdtext2{float: left;    padding: 137px 34px 0 0px;margin: 83px 0 0;}

.buldClass{min-height: 600px;float: left;margin: 83px 0 0;background-color: #008489;width:50%;padding: 194px 98px 0 65px;}
.imgClass{float: right;margin: 83px 0 0;width:50%;background: url(../img/man.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%; float: left;color: #ffffff; font-family: 'Conv_hp-simplified-light-153',Sans-Serif;line-height: 1.5;max-width: 467px; font-size: 15px;padding: 17px 0 0;}
.buldClass  a{color: #FFFFFF;background-color: #0171ad;line-height: 40px;padding: 0 32px;display: inline-block;margin: 0 0 0;clear: both;font-size: 16px;}
.LaptopImg{float: left;width: 100%;background: url(../img/laptop.webp) 50% 50% / cover no-repeat scroll;height: 600px;}
.LaptopImg img{max-width: 100%;display: none;}
.textfooter{background-color: #e8e8e8; float: left; width: 100%; }
.textfooter p{ padding: 20px 0;font-size: 0.75rem; line-height: 1rem;}
.Hpvideo{display: none;height: 100%;position: fixed;top: 0;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: 65%; 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;}
ul.dropDownl li ul{display: none; position: absolute; top: 38px;}
ul.dropDownl li:hover > ul { display: block; width: 200px;}
ul.dropDownl li ul li{float: left;width: 100%;}
ul.dropDownl li ul a{float: left;margin: 0;background: #fff;color: #8c8c8c;padding: 0 25px;width: 208px;}
ul.dropDownl li ul a:hover{ background: #e0e0e0;}
ul.dropDownl li:hover > a{ background: #045580;}
ul.dropDownl {clear: both; position: relative;  margin: 33px 0 0;    float: left;}
.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: 9;}
.opnbg{display: block;}
.mobilecontact{display: none;}
.crossMobile{ display: none;}
@keyframes mymove{0%{transform:translateY(0px)}
50%{transform:translateY(20px)}
100%{transform:translateY(0px)}
}



@media screen  and  (min-width:1027px)  and (max-width:1280px)
{  
.slider{min-height: 400px;  background: url(../img/Slider.webp) 50% 50% / cover no-repeat scroll rgb(98, 112, 119);}
.cancel {right: 11px;}
.wrapper,.Midwrapper,.addheadn h2, .addheadn p{padding: 0 15px;}
.stdimg {width: 49%;}
.stdimg img {width: 100%;}
.stdtext,.stdtext2{ padding: 44px 20px 0 0px;}
.arrSlider {top: 526px;bottom: auto;}
.addheadn{ padding:5px 0 75px;}
.arrSlider{ display: none !important;}
.arrSlider2{ display: inline-block;height: 51px;}
.arrSlider {top: auto;bottom: 5px;}
.titleName {float: left;margin: 67px 0 0; text-align: left;position: static;}
.titleName h6,.titleName h2,.titleName p{color: #191919;}
.titleName p{ max-width: 100%;}
.addA{ text-align: center; display: block; width: 100%; margin: 44px 0 47px; float: left;}
.buldClass{ padding: 80px 17px 0 65px;}
.buldClass,.imgClass { min-height: 400px; height: auto;}
.LaptopImg{height: 434px;}
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%;}
}



@media screen and (max-width:1026px){ 
header{box-shadow:0 0; border-bottom: 1px solid #f1f1f1;}
.mobilecontact{display: block;}
.crossMobile{display: block;}
.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;}
.overlay {width: 100%;max-width: 425px;} 
nav.hp-nav{display: none; max-width: 100%; }
nav.hp-nav ul.leftMenu li {float: left;width: 100%;text-align: left;border-bottom: 1px solid #a5a5a5;}
a.cross:hover{ color: #3F51B5;}
img{max-width:100%;}
.lastCon { float: left;padding: 0px 0 4px;width: 100%;}
.slider{min-height: 400px;  background: url(../img/Slider.webp) 50% 50% / cover no-repeat scroll rgb(98, 112, 119);}
.cancel {right: 11px;}
.wrapper,.Midwrapper,.addheadn h2, .addheadn p{padding: 0 15px;}
.stdimg {width: 49%;}
.stdimg img {width: 100%;}
.stdtext,.stdtext2{ padding: 44px 20px 0 0px;}
.arrSlider {top: 526px;bottom: auto;}
.addheadn{ padding:5px 0 75px;}
.arrSlider{ display: none !important;}
.arrSlider2{ display: inline-block;height: 51px;}
.arrSlider {top: auto;bottom: 5px;}
.titleName {float: left;margin: 67px 0 0;    text-align: left;position: static;}
.titleName h6,.titleName h2,.titleName p{color: #191919;}
.titleName p{ max-width: 100%;}
.addA{ text-align: center; display: block; width: 100%;    margin: 44px 0 47px; float: left;}
.buldClass{ padding: 80px 17px 0 65px;}
.buldClass,.imgClass { min-height: 400px; height: auto;}
.LaptopImg{height: 434px;}
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:900px)
{ 
.stdimg{ width: 50%;}
.stdtext { width: 50%; padding:0px 37px;}
.lastCon {float: left;width: 100%;padding: 7px 0 5px;}
.cancel {right: 11px;}
.imgClass{background: none;     min-height: inherit;}
.slider{ min-height: 360px; }
.stdimg {width: 100%;}
.stdtext{float: left;}
.stdtext, .stdtext2 {padding: 7px 20px 0 0px;margin: 0;}
.LaptopImg{height: 393px;}
.stdimg, .stdtext {padding: 0  0;}
.stdtext h2 {padding: 30px 0 0;}
.imgClass img{display: block;}
.imgClass {float: left; height: auto;width: 100%;}
.buldClass {min-height: inherit;float: left;margin: 0;width: 100%;padding: 56px 26px 59px 21px;}
.buldClass p{ max-width: 100%;}
.addheadn{padding: 0 0 71px;}
.titleName h2{font-size: 1.70rem;}
   
}
 
 
@media screen and (min-width:320px) and (max-width:767px){ 
.slider{background: none; min-height: inherit;  padding: 0;}
.mobileViewLap,.MobileSlider{ display: block !important;width: 100%;}
.LaptopImg {height: auto; background: none;}
.stdimg, .stdtext { padding: 0 0;}
header .logo{ font-size: 18px;}
.addheadn h2 { font-size: 1.5rem; }
.LaptopImg {height: 220px;}
.titleName{text-align: center;}
.titleName p { max-width: 100%;}
.slider { min-height: 302px;}
.addheadn { padding: 0 0 49px;}
.stdtext h2,.buldClass h2 { font-size: 1.375rem; line-height: 1.625rem;}
.stdtext{width: 100%;}
 .slider{background: none; min-height: inherit;  padding: 0;}
 .mobileViewLap,.MobileSlider{ display: block !important;width: 100%;}
 .LaptopImg {height: auto; background: none;}
  

}