@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:500&display=swap');
@font-face {font-family: "Segoe UI Light";
  src: url("5076583fa2a14cd2cf3634ff59a1138b.eot"); /* IE9*/
  src: url("5076583fa2a14cd2cf3634ff59a1138b.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("5076583fa2a14cd2cf3634ff59a1138b.woff2") format("woff2"), /* chrome?firefox */
  url("5076583fa2a14cd2cf3634ff59a1138b.woff") format("woff"), /* chrome?firefox */
  url("5076583fa2a14cd2cf3634ff59a1138b.ttf") format("truetype"), /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
  url("5076583fa2a14cd2cf3634ff59a1138b.svg#Segoe UI Light") format("svg"); /* iOS 4.1- */
}
@import url("animate.css");
html {
  scroll-behavior: smooth;
}
* { margin: 0;padding: 0; box-sizing: border-box;scroll-behavior: smooth;}
body{ margin:0px; font-size:15px; color:#353333; line-height:24px; font-family:"Segoe UI Light";scroll-behavior: smooth;}
a{ text-decoration:none;}
img{ width:auto; max-width:100%;}
.clr{ clear:both;}
p{ margin:0px 0px 10px}
iframe .ytp-chrome-top{ display:none !important;}
.lft_br{ width:48%; float: left;}
.rgt_br{ width:48%; float:right;}
.wrapper{ width:96%; max-width:1200px; margin:0px auto;}
.vid_wrap{ width:100%; text-align:center; padding:50px 0px;}
.vid_wrap1{ width:100%; text-align:center; padding:00px 0px;}
.inr_bnr_hed{ font-size: 50px;position: absolute;z-index:0;bottom: 20%;left: 20%;right: 20%;line-height: normal;color: white;}
 #bannersection {position: relative;display: table;width: 100%;height: 100vh; 

background: rgb(191,222,251);
background: linear-gradient(0deg, rgba(191,222,251,1) 60%, rgba(110,130,253,1) 100%);
	
/*background: #a9abff;
background: -moz-linear-gradient(top,  #a9abff 0%, #bedefb 100%);
background: -webkit-linear-gradient(top,  #a9abff 0%,#bedefb 100%);
background: linear-gradient(to bottom,  #a9abff 0%,#bedefb 100%);*/
	
	
	
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c81fd', endColorstr='#bedefb',GradientType=0 );}
#bannersection1 {position: relative;display: table;width: 100%;height: 100vh;}
.animatedParent{ overflow:hidden !important;}
.sky {
  height:100vh;
  position: absolute; left:0; top:0; width:100%;
  overflow: hidden !important;
  -webkit-animation: sky_background 50s ease-out infinite;
  -moz-animation: sky_background 50s ease-out infinite;
  -o-animation: sky_background 50s ease-out infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}

.bannercontent {
    display: table-cell;
    color: #FFF;
    text-align: center;
    font-size: 35px; line-height:normal;
    font-weight: normal;
    padding: 0 3%;
    position: relative; text-transform:uppercase; 
}

.xb{ padding:12px 0px 0px; }.xb img{ min-width:100%;}
.blft{width:48%; float:left; padding:1%; text-align:center; line-height:normal;} 
.blue_btn_bnr{ padding:10px 30px; color:white; background:#1171d3; width:auto; display:inline-block; margin:10px  6px; border-radius:6px;}
.blue_btn_bnr:hover{ background:#0e3f70;color:white;text-decoration:none}
#owl-demo1{ line-height:normal;}
.bnr_logo{ float:right; width:50%; padding-top:10%;}
.bnmdm_fnt{ font-size:35px; text-align:left;line-height:normal;color:#004877; font-weight:bold;}
.bnr_txt{text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); padding-top:10%;text-align:left; color:#004877; width:50%; float:left; }
.mdm_fnt{ font-size:38px; text-align:left;line-height:normal;color:#004877;}
.lrg_fnt{ font-size:53px;text-align:left;color:#005ab6;font-family: 'Montserrat', sans-serif}
.nr_fnt{ font-size:22px; font-weight:400;:left;line-height:normal;color:#004877;}
.nr_fnt{ font-size:22px;text-align:left;line-height:normal;color:#004877;}
.white_box_btn{ padding:8px 5%; margin-right:4%; float:left; color:#004877; background:#dcddde; border-radius:5px; display:  font-size:14px; margin-top:10px; text-transform:none; font-size:18px;}
.panel-item h4{ font-weight:100; font-size:24px; padding:1% 0px;}
.boxbtn{display:block; text-align:center; width:90%; padding-left:10%;}
.zn{ z-index:-1;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
#header {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    min-height: 30px;
}

.animateArrow {
    font-size: 20px;
    color: #000;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin: 0;
    width: 25px;
    height: 25px;
    opacity: 1;
    -webkit-animation: example 1.2s infinite; /* Safari 4.0 - 8.0 */
    animation: example 1.2s infinite; z-index:100;
}
    
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
 from {
bottom: 80px;
 opacity: 0
}
 to {
bottom: 20px;
 opacity: 1
}
}

/* Standard syntax */
@keyframes example {
 from {
bottom: 80px;
opacity: 0
}
 to {
bottom: 20px;
opacity: 1
}
}
.lgm{ width:50%; float:left;}
.blogo{ display:none; float:left; width:100%;}
.dx_menu {width:100%;margin: 0;padding:12px 0px 0px;position: relative;float: right;list-style:  none; display:block; z-index:100;}
.dx_menu li {display: inline-block;margin: 0;padding: 0;float: left;position: relative;}
.dx_menu > li > a {padding: 4px 12px;color:#fff;text-decoration: none;display: block;text-transform: uppercase;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear; font-size:12px;  font-weight:600;text-transform:uppercase;}
.dx_menu li: hover > a,.dx_menu li.active a { border-bottom:2px solid #fff; }
.dx_menu li a:hover{border-bottom:1px solid #003a5f; color:#fff ; }
.dx_menu ul li a:hover{ background:#003a5f}
.dx_menu li.right {float:  right;}
.dx_menu ul, .dx_menu ul li ul {list-style:  none;margin:  0;padding:  0;display:  none;position:  absolute;z-index:  99999;width:100%;background:  #1a6585;box-shadow:  0 1px 1px rgba(0,0,0,0.3);}
.dx_menu ul {top:  34px;left:  0; width:220px;}
.dx_menu ul li ul {top:  0;left:  100%;}
.dx_menu ul li {clear: both;width: 100%;border:  none;font-size: 13px;}
.dx_menu ul li a {padding: 10px 20px;width: 100%;color: #fff;font-size: 12px;text-decoration: none;display: inline-block;float: left;clear: both;
box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear; border-bottom:1px solid #003a5f;  font-weight:600; text-transform:uppercase;}
.dx_menu > li .indicator {position:  absolute;color:  #dedede;top:  20px;right:  8px;font-size:  16px;display:none;}
.dx_menu ul > li .indicator {top:  10px;right:  8px;}
.thin > li > a {padding:  10px 22px;}
.thin ul {top:  40px;}
.thin > li .indicator {top:  10px;}
.thick > li > a {padding:  40px 22px;}
.thick ul {top:  100px;}
.thick > li .indicator {top:  40px;}
.dx_menu i {line-height:  20px !important;margin-right:  6px;font-size:  14px;float:  left;}
.dx_menu > li.showhide {display:  none;width:  100%;height:  50px;cursor:  pointer;color:#424242; border-bottom:  solid 1px rgba(0, 0, 0, 0.1);}
.dx_menu > li.showhide span.title {margin:0px;float:  left;}
.dx_menu > li.showhide span.icon {margin:  17px 20px;float:  right; color:#424242;}
.dx_menu > li.showhide .icon em {margin-bottom:  3px;display:  block;width:  20px;height:  2px;background:  #ccc;}
.orange li: hover > a, .orange li.active a {background:  #ff670f;color:  #fff!important;}
.dx_menu.vertical {width:  200px;}
.dx_menu.vertical li {width:  100%;}
.dx_menu.vertical li a {display:  inline-block !important;width:  100%;padding: 18px 20px 16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dx_menu.vertical ul li {width:  100%;}
.dx_menu.vertical ul, .dx_menu.vertical ul li ul {width:  200px;}
.dx_menu.vertical ul {top:  0;left:  100%;}
.dx_menu.vertical ul li ul {top:  0px;}
.dx_menu.vertical.right {float:  right !important;}
.dx_menu.vertical.right ul {left:  -150px !important;}
.dx_menu.vertical > li .indicator {top:  17px;right:  15px;font-size:  17px; }
.dx_menu.vertical ul > li .indicator {top:  18px;right:  15px;}
.rgt{ float:right !important;}
.lng a{ color:#000 !important; background:#eae3d1;}
.lng a:hover{color:white !important; background:#cc3300;}
.lng_act a{ color:white !important; background:#cc3300;}
.rgt span{ padding:10px 10px 0px 0px; display:block; float:left; }
.header2 div ul .rgt span{ padding:4px 10px 0px 0px; display:block; float:left; }
.mlogo{float:left; }
.header { width: 100%;}
.header1 {background-color: rgba(255,255,255,0.9); width: 100%;color: #000; line-height:42px;}
.header2 {width: 100%;color: #000;}
.cb-header {position: fixed; left: 0;visibility: hidden;}
.video-responsive{overflow:hidden;padding-bottom:45.25%;position:relative;height:0;width:98%;margin: 0px auto; max-width:900px;}
.video-responsive1{overflow:hidden;padding-bottom:27.25%;position:relative;height:0;width:100%;margin: 0px auto; }
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.video-responsive1 iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.card{ color:white; border:4px solid #fff; text-align:center; width:16%; padding:4% 2.5%; float:left; border-radius:50%; margin:2%;}
.cdt{ font-size:28px; padding:5px 0px; font-weight:400;}
.pc_wrapper{ background:#222222; padding:50px 0px; text-align:center; }
.pro_box{ width:100%; padding:8px 0px;}
.wel_hed{ color:white; font-size:28px;font-family: 'Montserrat', sans-serif;}
.blue_hed{color:#0384a1; font-size:38px; padding:15px 0px;}
.blue_mdm_hed{color:#0384a1; font-size:22px; padding:15px 0px;}
.black_hed{color:#004877; font-size:38px; padding:15px 0px;font-family: 'Montserrat', sans-serif;}
.hed_mdm{width:100%; font-size:38px; padding:30px 0px 20px;}
.hed_sml{width:100%; font-size:22px; padding:10px 0px;}
.hed_tsml{width:100%; font-size:18px; padding:10px 0px;}
.white_hed{color:#fff; font-size:28px; padding:15px 0px;}
.white_big{color:#fff; font-size:48px; padding:15px 0px;}
.pro_box_item{ width:14%; float:left; padding:1%; color:white;}
.pro_box_text{font-size:14px; padding:15px 0px;}
.flt_wrapper{ width:100%; background:#fcf9f7 url(../images/fltbg.png) right center no-repeat; padding:40px 0px;}
.hed_lrg{ width:100%; font-size:68px; padding:30px 0px;font-family: 'Montserrat', sans-serif;}
.flt_item{ padding:10px 0px;}
.clint_wrapper{ text-align:center; width:100%; padding:40px 0px;}
.footer{ width:100%; padding:50px 0px 30px; background:#181e28; color:white;overflow:hidden; }
.ftr_box{ width:20%; float:left; padding-right:1%;}
.ftr_lrg_box{ width:37%; float:left;}
.ftr_hed{ width:100%; color:white; font-size:24px; padding:10px 0px;}
.ftr_link{ color:white; display:block;}
.ftr_link:hover{ color:#00afff;}
.social_box{ text-align:right; padding:10px 0px;}
.pro_box_img img{ height:50px;}
.yds { padding:0px;}
.yds li a{ color:black;}
.clouds_one { background:url(btm.png);background-position:bottom; background-repeat:repeat-x; position: absolute;left: 0;top: 0%;height: 80%;width: 300%;-webkit-animation: cloud_one 50s linear infinite;-moz-animation: cloud_one 50s linear infinite;-o-animation: cloud_one 50s linear infinite-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0)}
.clouds_two {background:url(btm1.png); background-position:bottom; background-repeat:repeat-x;position: absolute;left: 0;top: 5%;height: 70%;width: 300%;-webkit-animation: cloud_two 75s linear infinite;-moz-animation: cloud_two 75s linear infinite;-o-animation: cloud_two 75s linear infinite;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0)}
.inr_wrapper{ width:100%; padding:30px 0px;}
.inr_full{ width:100%; padding-bottom:10px;}
.matter{font-family: "Segoe UI","sans-serif"; width:100%;}
.icon_abt{ width:100%; padding:60px 0px 0px;}
.icon_img{ width:15%; float:left;}
.icon_matter{ width:83%; float:left;}
.bgs{background:url(../images/pr_bnr_bg.jpg) top left repeat-x;}
.bggd{background: rgb(223,238,253);
background: linear-gradient(0deg, rgba(223,238,253,1) 0%, rgba(147,159,254,1) 100%);}
.cnt_txt{ text-align:center;}
.bbox{ width:90%; margin:0px auto; max-width:1100px;}
.blue_btn{ padding:8px 25px; color:white; background:#1171d3; width:auto; display:table; margin:10px auto; border-radius:10px;}
.blue_btn:hover{ background:#0e3f70;}
.bhed_box{ width:90%; max-width:1200px; margin:0px auto; padding:6% 0px 0px;}
.box_th{ width:31.33%; padding:25px 1%; display:inline-block; text-align:center; vertical-align: top;}
.box_th_icon img{ height:40px;}
.box_th_hed{ padding:10px 0px; font-weight:600;}
.blue_wrapper{ background:#44778c; padding:30px 0px; color:white;}
.white_wrapper{ background:#fff; padding:30px 0px; color:black;}
.box_ths{ width:31.33%; float:left; padding-right:2%; padding-top:20px;}
.box_ths ul{ padding-left:15px;}
.bnr_box{ width:100%; padding:40px 0px 20px; max-width:1000px; margin:0px auto;}
.bnr_lft{ width:35%; float:left;}
.bnr_right{ width:63%; float:right;}
.erp_left_bx{ width:55%; float:left;}
.erp_right_bx{ float:right; width:40%; padding-top:20px;}
.ppos_left_bx{ width:38%; float:left;}
.ppos_right_bx{ float:right; width:60%; padding-top:20px;}
.tabsbox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.tabsbox label {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;display: block;padding:8px 10px;margin-right: 2px;cursor: pointer;font-weight: bold;-webkit-transition: background ease 0.2s;transition: background ease 0.2s; background:#92b35a; border-radius:4px;}
.tabx ul { padding-left:20px;  }
.tabsbox .tabx {-webkit-box-ordinal-group: 100;-webkit-order: 99;-ms-flex-order: 99;order: 99;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;width: 100%;display: none;padding:12px 0px 10px 0px;}
.tabsbox input[type="radio"] { position: absolute;opacity: 0;}
.tabsbox input[type="radio"]:checked + label { background: #b6cc3c; }
.tabsbox input[type="radio"]:checked + label + .tabx { display: block; }
.rpos{ background:url(../images/rpos_bottom_image.png) bottom center no-repeat; background-size:100%; padding-bottom:280px;}
.bnr_lft_prt{ width:50%; float:left; padding-top:10%; text-align:left; padding-bottom:30px;}
.bnr_right_prt{ width:45%; float:left; padding-top:10%;}
.sbox{ width:80%; margin:10px 10%;}
.gbox{ width:80%; margin:20px auto; padding:16px 2%; max-width:1100px; background:#4c8096; color:white; line-height:55px; }
.frm_left{ width:70%; float:left;}
.frm_right{ width:28%; float:right;}
.fild_stl{ width:98%; background:white; padding:10px 1%; height:45px; border:none;border-radius:5px;}
.fild_stl_msg{width:98%; background:white; padding:10px 1%; height:310px; border:none; resize:none; border-radius:5px;}
.frm_txt{ float:left; padding-right:1%; width:29%; text-align:right; padding-top:5px;}
.frm_txt_full{float:left; padding-right:1%; width:98%; text-align:left; padding-top:5px;}
.frm_fild_full{ float:left; display:inline-block; width:100%}
.frm_fild{ float:left; display:inline-block; width:70%}
.frm_box{ padding-bottom:5px; display:block;}
.formbox{ width:80%; max-width:1000px; margin:0px auto;}
.frm_btn{ border:none; padding:18px 60px; display:table; color:white; background:#2faabc; font-size:18px; margin:0px auto;border-radius:5px;}
.mob_t{ float:left;}
.rgbox{ width:94%; max-width:700px; margin:0px auto; display:block; background:white; padding:8px 2%;}
.rg_fild{ width:100%; border:none; border-bottom:1px solid #797979; margin-bottom:5px; height:45px; background:none;}
.rg_fild2{ width:980px; border:none; border-bottom:1px solid #797979; margin-bottom:5px; height:45px; background:none;}

.reg_btn{ border:none; padding:10px 80px; display:table; color:white; background:#397bf3; font-size:18px; margin:10px auto;border-radius:5px;}
.contact_btn{ border:none; padding:10px 0%; width:98%; text-align:center; display:block; color:white; background:#108cc7; font-size:14px; margin:10px auto;border-radius:5px;}
.con_mdm_box{ width:96%; max-width:1000px; margin:0px auto; padding:15px 0px; background:white; }
.con_mdm_box_item{ width:33.33%; float:left; padding:2%;}
.adr_box{ width:100%; padding:00px 0px 20px;}
.adr_box_admn {
    width: 55%;
    padding: 00px 0px 20px;
}
.cbdr{ border:3px solid #424242; border-top:none; border-bottom:none;}
.adr_hed{ width:100%; padding:8px 0px 0px; display:block;}
.adr_hed span{ float:left; padding-right:5px; line-height:40px; font-weight:600;}
.adr_admn {
    width: 55%;
    align-content:center;
    float:none ;
    border-right: 1px solid #a5a5a5;
}
.adr_officeistrative {
    width: 55%;
    align-content: center;
    float: none;
    /*border-right: 1px solid #a5a5a5;*/
}
.vl {
	border-left: 6px solid green;
	height: 500px;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: 0;
}
.adr_one{ width:55%; float:left; border-right:1px solid #a5a5a5;}
.adr_two{ width:40%; float:right;}
.adr_th{ width:31.33%; float:left;}
.bdr_adr{border-right:1px solid #a5a5a5;border-left:1px solid #a5a5a5; margin:1% 10%; padding:0% 1%;}
.btm_adr_bdr{ border-bottom:1px solid #a5a5a5;}
.bhed_box_ablt{ width:96%; position:absolute; max-width:1100px; margin:0px auto;}
.btn_bx{ width:85%; text-align:center;}
.pb{ position:relative; padding:10% 0px 0px;}
.pdhed{padding:80px 0px;}
.gry_box{ background:#f6f6f6; width:98%; padding:12px 1%;}
.confild{ float:left; width:30%;}
.conbtn{ width:10%; float:left; padding:0px 1%;}
.conbtn2{ width:15%; float: right; padding:0px 1%;}
.header1 div ul li a{ color:black !important;padding-top:0px!important; padding-bottom:0px!important;}
.header1 div .yds li ul li a{ color:white !important; }
.cr_box{ width:100%; padding: 30px; margin-top:20px;
background-color: #f9f9f9;
border-radius: 10px;
margin-bottom: 20px;
transition: all .9s ease;
position: relative;}
.cr_item_box{ width:85%; float:left;}
.cr_expand{ width:100%;}
.apl_btn{ width:13%; padding:12px 0.5%; margin:0px 0.5% 30px; text-align:center; float:right;color: #fff; position:absolute; bottom:40px; right:2%;
background: #004877;border-radius: 50px; font-weight:bold;}
.cr_item{ width:30.33%; padding:0.5%; margin:0.5%; border-right:1px solid #e1e1e1; display:inline-block; vertical-align:top;}
.cr_hed{ color:#114984; font-size:18px; font-weight:bold; padding:8px 0px 8px; display:block; width:100%;}
.job_subtitle{ color:#9d9d9d;font-size:18px; font-weight:bold; padding:6px 0px;}
.hideme {display: none; padding:1%;}
.cr_ex_box{ width:100%; float:left;}
.current-list{ padding:0% 2% 0%; margin:0px; }
.hid_shw{ padding-left:1%; font-weight:bolder; cursor:pointer;}
.cr_hed span{ float:left; margin-right:8px;}
.iconscr{ padding-top:5px;}
.bwrap{ background:#1e6dc1; padding:3%;  margin:30px 0px; border-radius:10px;}
.bwrap_left{ width:25%; float:left;}
.bwrap_right{ width:72%; float:right;}
.box_fild{ width:100%; color:white; }
.box_fildr{ width:100%; color:white; text-align:right;}
.box_fild_sml{ width:31.33%; float:left; margin-left:2%;}
.cr_fld_style{width: 98%;background:#eaf3fc;padding: 10px 5%;height: 45px;border: none;border-radius:20px; margin-bottom:30px;color:#1e6dc1;font-weight:bold; font-size:14px;font-family:"Segoe UI Light";}
.cr_white_btn{ width:96%; padding:14px 35px; color:#1e6dc1; background:white; max-width:220px; float:right; font-weight:bold; font-size:14px; border:none; border-radius:20px; text-transform:uppercase; margin-right:0.5%;}
.cr_white_btn:hover{ background:#ed1b24; color:white; cursor:pointer;}
.inf__drop-area * {
	box-sizing: border-box;
}

.inf__drop-area {
	position: relative;
	display: flex;
	align-items: center;
  height: 65px;
	width: 450px;
	max-width: 100%;
	border: 1px dashed #c4c4c4;
	border-radius: 3px;
	padding: 0 20px;
	transition: 0.2s;
}

.inf__drop-area.is-active {
	background-color: rgba(0, 20, 20, 0.03);
}

input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	cursor: pointer;font-family:"Segoe UI Light";
}

input[type="file"]:focus {
	outline: none;
}

.inf__btn {
    display: inline-block;
    border: 1px solid #1e6dc1;
    border-radius: 3px;
    padding: 5px 12px;
    margin-right: 10px;
    font-weight:bold; font-size:14px; color:#1e6dc1;font-family:"Segoe UI Light";}
.inf__hint {
    flex: 1;
    font-weight:bold; font-size:14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;color:#1e6dc1;font-family:"Segoe UI Light";line-height: 37px;
}
.up_style{position:relative; background:#eaf3fc; height:45px; border-radius:20px; max-width:500px; padding:3px 2% 0; color:black; text-align:left; float:right; width:96%}
.crmat{ width:100%; float:left; display:block; margin-bottom:30px;}
#slider{
	width:100%; 
	overflow:hidden;
	float:left;
	padding:0;
}
.slide{
	position:absolute;
	width:100%;
	height:100%; display:none;transition: all 0.9s ease !important;
}
#prev, #next{
	cursor:pointer;
	z-index:100;
	background:#666;
	height:50px;
	width:50px;
	display:inline-block;
	position:relative;
	top:197px;
	margin:0;
	padding:0;
	opacity:0.7;
	filter: alpha(opacity=70);
}

#next{
	float:right;
	right:-2px;
}

#prev{
	float:left;
	left:0;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;	
	border-left: 15px solid #fff;
	position:relative;
	top:20%;
	right:-40%;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;	
	border-right:15px solid #fff; 
	position:relative;
	top:20%;
	left:30%;
}
.active{ display:block !important;}
.simg img{ max-width:70% !important;}
.table {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 2rem 0rem 0rem 0rem;
}

.table-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding:2px 10px;
  overflow: hidden;
  list-style-type: none;
  outline: 1px solid #ddd;
  text-align: center;
  font-weight: 400;
	font-size: 46px;
	font-family: "Segoe UI","sans-serif";
  margin-top: 1px;
  margin-left: 1px;
}
.table-cell:first-child {
  outline: 1px solid #fff;
  background: transparent;
}
@media only screen and (max-width: 768px) {
  .table-cell:first-child {
    display: none;
  }
}
.table-cell:nth-child(3) {
}
.table-cell:nth-child(-n+3) {
  padding-top: 6px;
  padding-bottom: 6px;
}
.table-cell > h3 {
  font-size: 18px;
  margin-top: 0;
}
.table-cell.cell-feature {
  text-align: left;
  font-size: 15px;
}
.table-cell.plattform {
  color: limegreen;
}
.table-cell.plattform a.btn {
  color: limegreen;
}
.table-cell.plattform a.btn:hover {
  background-color: limegreen;
  border-color: limegreen;
  color: white;
}
.table-cell.enterprise {
  background-color: #30305b;
  color: #85bafc;
}
.table-cell.enterprise a.btn {
  color: #85bafc;
}
.table-cell.enterprise a.btn:hover {
  background-color: #85bafc;
  border-color: #85bafc;
  color: #30305b;
}

/* Table columns
================================== */
.table-cell {
  width: calc(19% - 1px);
}
.table-cell.cell-feature{width: 40%;}
.table-cell:first-child {width: 40%;}
.table-cell > h3{ background:#4c8096; padding:15px 0px; font-family: Segoe, "Segoe UI","sans-serif"; font-size: 16px; color:white;}
.plattform{outline: 1px solid #fff;}
@media only screen and (max-width: 768px) {
  .table-cell.cell-feature {
    width: 100%;
    text-align: center;
  }
}

svg.enterprise-check path {
  fill: #30305b !important;
}

a.btn {
  border: 2px solid;
  padding: .6rem .9rem .6rem .9rem;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.full_tb{width:100%; background:#f1f1f1; padding:8px 10px; color:black;font-family:"Segoe UI", "sans-serif"; font-size: 18px;text-align: left;}
 @media (max-width: 45em) {

.tabsbox .tabx,  .tabsbox label {
  -webkit-box-ordinal-group: NaN;
  -webkit-order: initial;
  -ms-flex-order: initial;
  order: initial;
}

.tabsbox label {
  width: 100%;
  margin-right: 0;
  margin-top: 0.2rem;
}
}
@-webkit-keyframes cloud_one {
  0% {left: 0}100% {left: -200%}
}
@-webkit-keyframes cloud_two {0% {left: 0}100% {left: -200%}}
@-moz-keyframes cloud_one {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-moz-keyframes cloud_two {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}
.vm{ font-size:17px;}
@media only screen and (max-width:  1000px) {
.lgm{ width:40%;}
}
@media only screen and (max-width:  1000px) {
.card{ width:15%; padding: 60px 10px; max-width: 225px;}	
	}
@media only screen and (max-width:  940px) {
.card{ width:28%;}
.pro_box_item{ width:25%;}
.box_th{ width:48%}
.lgm{ width:30%;}
}
@media only screen and (max-width:  800px) {
.logo{ width:100%; float:left; text-align:center;}
.blogo{ display:block;}
.mlogo{ display:none;}
.top_call{ display:none}
.dx_menu.vertical {width:  100%;}
.dx_menu li {display:  block;width:  100% !important;background-color:#0384a1; color:white;}
.dx_menu > li > a {padding-top: 0px;padding-bottom: 0px;padding-left:  5px; border-bottom:1px solid #e1e1e1; background-color:#0384a1; color:white; padding:10px 10px;}
.showhide{ background-color: rgba(255,255,255,0.4) !important;}
.dx_menu a {width:  100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dx_menu ul, .dx_menu ul li ul,.dx_menu.vertical ul, .dx_menu.vertical ul li ul {width:  100%;left:  0;border-left:  none;position:  static;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; background:none;}
.dx_menu ul li {border-left:  none;border-right:  none;}
.dx_menu ul li a,.dx_menu.vertical ul li a {padding-top: 10px;padding-bottom: 10px;}
.dx_menu ul > li > a {padding-left:  40px !important;}
.dx_menu > li .indicator {top:  15px;right:  25px;font-size:  16px; display:block;}
.dx_menu ul > li .indicator {right:  24px;}
.dx_menu.vertical ul > li .indicator {top:  10px;right:  15px;}
.dx_menu > li > ul > li > a {padding-left:  40px !important;}
.dx_menu > li > ul > li > ul > li > a {padding-left:  60px !important;}
.dx_menu > li > ul > li > ul > li > ul > li > a {padding-left:  80px !important;}
.1showhide .title{ display:none;}
.ds{ display:none !important;}
.fild_box{ width:49%;}
.bnr_txt{ width:100%;}
.bnr_logo{ width:100%;}
.ftr_box{ width:32.33%;}	
.ftr_lrg_box{ width:98%;}
.box_ths{ width:98%;}
.erp_left_bx{width:98%;}
.erp_right_bx{width:98%;}
.con_mdm_box_item{ width:100%;text-align:center;}
.cbdr{border:3px solid #424242; border-left:none; border-right:none; }
.adr_th{width: 98%; border:1px solid #a5a5a5; padding:1%; margin:1%;}
.bnr_right_prt{ width:100%;}
.bnr_lft_prt{ width:100%;}
.frm_left{ width:100%;}
.frm_right{ width:100%;}
.frm_txt{ width:100%; text-align:left;}
.frm_fild{ width:100%;}
.btn_bx{ width:100%; text-align:center;}
.pdhed{padding:20px 0px;}
.header2{ top:0px !important;}
.header1{ display:none;}
.bhed_box{ padding-top:15%;}
.wel_hed{font-size:23px; line-height:normal;}
.blue_hed{ font-size:33px;line-height:normal;}
.blue_mdm_hed{font-size:18px;line-height:normal;}
.black_hed{font-size:33px;line-height:normal;}
.hed_mdm{font-size:33px;line-height:normal;}
.hed_sml{font-size:18px;line-height:normal;}
.hed_tsml{font-size:16px;line-height:normal;}
.white_hed{font-size:24px;line-height:normal;}
.white_big{font-size:40px;line-height:normal;}
}
@media only screen and (max-width:  700px) {
.pos_left_bx{width:100%;}
.ppos_right_bx{width:100%;}
.bwrap_left{ width:100%; text-align:center;}
.bwrap_right{ width:100%;}
.box_fild_sml{ width:98%; margin:1%;}
.up_style{ width:98%; margin:1%; max-width:650px; text-align:left; }
.cr_white_btn{ float:none; margin:0px auto; display:block;}
.cr_fld_style{margin-bottom:0px;}
	}
@media only screen and (max-width:  650px) {
.card{ width:90%; border-radius:50%; float:none; margin:2% auto; padding: 50px 10px; max-width: 225px; }	
.pro_box_item{ width:45%;}
.ftr_box{ width:98%;}
.hed_lrg{font-size: 48px;}
.hed_mdm{font-size: 22px;}
.box_th{ width:98%}
.rpos{padding-bottom: 125px;}
.bnr_right{ width:100%;}
.bnr_lft{ width:100%; text-align:center;}
.gbox{ text-align:center;}
.mob_t{ float:none; width:100%;display: block; line-height:normal;}
.blft{ margin: 0px; width:98%;}
#bannersection{ display:block; height:inherit; padding:25px 0px !important;}
.slide{position:relative;}
.pc_wrapper{ padding:20px 0px; }
.clint_wrapper{padding:20px 0px; }
.white_wrapper{ padding:20px 0px; }
.cr_item{ width:100%;border-right:none;}
.cr_item_box{ width:98%;}
.cr_hed{ font-size:15px; padding:4px 0px;}
.apl_btn{width: 98%;position: relative;bottom:0px; right:0px;}
.hid_shw{ padding-bottom:15px; display:block;}
.inr_bnr_hed{ font-size:30px;}
	}
@media only screen and (max-width:  500px) {
.pro_box_item{ width:98%;}
.ftr_box{ width:98%;}	


}
.owl-theme .owl-controls .owl-page { display: inline-block !important;}
.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 14px; font-weight:600;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 320px;
  z-index: -1; border-radius:10px; overflow:hidden; 
}

.datepicker-container::before,
.datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.datepicker-dropdown {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}

.datepicker-inline {
  position: static;
}

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #39f;
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px;
}

.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #39f;
}

.datepicker-top-left::after,
.datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f;
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: #39f;
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px;
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  left: auto;
  right: 10px;
}

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}

.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
  content: " ";
  display: table;
}

.datepicker-panel > ul::after {
  clear: both;
}

.datepicker-panel > ul > li {
  background-color: #fff; border:1px solid #e1e1e1;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 46px;
}

.datepicker-panel > ul > li:hover {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}

.datepicker-panel > ul > li.highlighted {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li.highlighted:hover {
  background-color: rgb(204, 229, 255);
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #39f;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
  font-size: 18px;
}

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
  width: 230px;
}

.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px;
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
  cursor: default;
}

.datepicker-hide {
  display: none;
}
 label.dropdown select {
	padding: 10px 42px 10px 10px;
	background:none; width:95%;
	color: #1e6dc1;
	border:none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;font-weight:bold; font-size:14px;font-family:"Segoe UI Light";
}
label.dropdown select:-moz-focusring {
	color: transparent;
}
label.dropdown select::-ms-expand {
	display: none;
}
label.dropdown:before {
	content: '';
	right: 5px;
	top: -7px;
	width: 30px;
	height: 33px;
	
	position: absolute;
	pointer-events: none;
	display: block;
}
label.dropdown { position: relative; }
label.dropdown:after {
	content: '>';
	font: 16px Consolas, monospace;
	color: #444;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 2px;
	top: -3px;
	border-bottom: 1px solid #aaa;
	position: absolute;
	pointer-events: none;
	width: 34px;
	padding: 0 0 5px 0;
	text-indent: 14px; background:none;
}
@media screen\0 {
	label.dropdown:after {
		width: 38px;
		text-indent: 15px;
        right: 0;
	}
}
@media screen and (min--moz-device-pixel-ratio:0) {
	label.dropdown select { padding-right: 40px; }
	label.dropdown:before { right: 6px; }
	label.dropdown:after {
		text-indent: 14px;
		right: 6px;
		top: -5px;
		width: 36px;
	}
}
.df{ max-width:900px; line-height:normal; margin:0px auto;}
.vidbacking-active-body-back{
	position: fixed;
	z-index: -100;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	background-size: cover;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-body-back-youtube{
	position: fixed;
	z-index: -100;
	/*min-width: 100%;
	min-height: calc(100% * 1.77);*/
	top: 50%;
	left: 50%;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}
.video-back{ height:500px;}
.vidbacking-active-block-back{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back-youtube{
	position: absolute;
	/*min-width: 100%;
	min-height: 100%;*/
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking{
	display: none;
}
.vidmask-body-back{
	background: url(videooverlay1.png) repeat;
	opacity: 0.4;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -50;
	display: block;
}
.vidmask-block-back{
	background: url(videooverlay1.png) repeat;
	opacity: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	z-index: -50;
	display: block;
}