@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'Conv_BEBAS__';
	src: url('../fonts_new/BEBAS__.eot');
	src: local('☺'), url('../fonts_new/BEBAS__.woff') format('woff'), url('../fonts_new/BEBAS__.ttf') format('truetype'), url('.../fonts_new/BEBAS__.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url('../fonts_new/OpenSans-Regular.ttf');
	src: local('☺'), url('../fonts_new/OpenSans-Regular.woff') format('woff'), url('../fonts_new/OpenSans-Regular.ttf') format('truetype'), url('../fonts_new/OpenSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Light';
	src: url('../fonts_new/OpenSans-Light.ttf');
	src: local('☺'), url('../fonts_new/OpenSans-Light.woff') format('woff'), url('../fonts_new/OpenSans-Light.ttf') format('truetype'), url('../fonts_new/OpenSans-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Semibold';
	src: url('../fonts_new/OpenSans-Semibold.ttf');
	src: local('☺'), url('../fonts_new/OpenSans-Semibold.woff') format('woff'), url('../fonts_new/OpenSans-Semibold.ttf') format('truetype'), url('../fonts_new/OpenSans-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Bold';
	src: url('../fonts_new/OpenSans-Bold.ttf');
	src: local('☺'), url('../fonts_new/OpenSans-Bold.woff') format('woff'), url('../fonts_new/OpenSans-Bold.ttf') format('truetype'), url('../fonts_new/OpenSans-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family:swromns-webfont; 
    src:url("../fonts_new/swromns-webfont.woff");
} 
@font-face {
    font-family:mohave-webfont; 
    src:url("../fonts_new/mohave-webfont.woff");
} 



@font-face {
    font-family:tt0142m_-webfont; 
    src:url(../fonts_new/tt0142m_.woff);
} 
@font-face {
    font-family:tt0142m_-webfonts; 
    src:url(../fonts_new/futura-md-bt-bold.woff);
} 

@font-face {
    font-family:utsaah; 
    src:url(../fonts_new/utsaah.woff);
} 
br{ height:10px; margin:0; padding:0}

body{ background:#404549; margin:0; padding:0; font-family:'OpenSans-Bold','mohave-webfont','tt0142m_-webfont',
 'OpenSans-Regular', 'OpenSans-Light','OpenSans-Semibold'; color:#FFF;  overflow-x: hidden;
 }
.wraper{ width:100%; height:auto; margin:0 auto; height:auto; padding:0;  }
.container{ max-width:1200px; margin:0 auto; padding:0; height:auto }
.header{ width:100%; float:left; margin:0; padding:0; height:10%; position:fixed-top; display:block; z-index:999999;}

.logo{ margin:31px 0px 0px 10px;  height:auto; padding:0; float:left; position:relative;}

.login-arrowd{  margin:0 auto; padding:0; display:none; width:99.5%;   float:none; text-align:center;
 top:0px; display:block;  position:absolute; z-index:999999; height:2%;}

.header-left{ margin:17px 5px 0px  0px; padding:0; position:fixed-top; height:auto; float:right; width:95px; height:auto; text-align:right; }
.header-left p{font-size:12px; color:#FFF; font-weight:500; margin:20px 0; padding:0; text-align:right; font-family:"OpenSans-regular"; }
.header-left img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.1);-o-transform:scale(1.1);transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;cursor:pointer}
.header-left img:hover{-webkit-animation: hatch 4s ease-in-out ;-moz-animation: hatch 4s ease-in-out ;-o-animation: hatch 4s ease-in-out ;transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;}


.nav{ float:left; margin:0px 60px 0px 0px; padding:0;  width:100% ; position:relative; display:block; z-index:99999999; height:auto; font-family:"mohave-webfont"; }
.nav  ul { width:90%; height:auto; float:left;  margin:0px 0 0 0px; padding:20px 10px; position:relative;   z-index:999999;  
 display:block;   background:#303b3f;  }	
.nav:hover ul{ visibility:visible;      background:#303b3f; }

.nav  ul li{ width:100%; float:left; display:block; margin:0; height:auto; padding:7px 0; border-bottom:1px solid #282828;
 background:#303b3f;}
.nav  ul li a{ padding:0 30px ;  float:left; font-size:14px; color:#F3F3F3; width:100%; float:left; }

.sldr{margin:0 auto 30px auto; width:auto; height:auto;  float:none; }
.nav-p {
  float:none; 
  top: 0px;
  margin-top:-120px;
  position:relative;
  z-index: 99999999;
  width:auto;
  height: auto;
  margin-left:auto;
  margin-right:auto;
  background:#FFF;
  display:inline-block;
  

}

.nav-ps {
  float:none; 
  top: 0px;
  margin-top:0%;
  position:relative;
  z-index: 99999999;
  width:auto;
  height: auto;
  margin-left:auto;
  margin-right:auto;
  background:#FFF;
  display:inline-block;
  

}


#hamburger-p {
  cursor: pointer;
  display: block;
  height: 0px;
  position:relative;
  width: 107px;
  float: none;
  margin:0 auto;
  padding-right: 0px;
  display:block;
    z-index: 2;
}

#hamburger-p div {
  background-color: #fff;
  height: 0px;
  margin-top: 0px;
  width: 90%;
  
  
}

.hamburger-action-p { cursor: pointer; }

#hamburger-overlay-p {
  display: none;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999999999;
  opacity: 0;
  background: #000;
}


#hamburger-overlay-p a:active,
#hamburger-overlay-p a:focus,
#hamburger-overlay-p a:hover{
	outline:none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}



.demo-panel{
	background:#fff;
	color:#fff;
	width:320px;
	display:none;
	height:auto;
	opacity:0.9;
	padding:0; 
	top:0px;
	
	position:absolute;
	z-index:99999;
	border:1px solid #e1e1e1;
	border-left:none;
}
	


a.openpanel{ 
	_background-image:none; 
	 
	padding:0px 10px 6px 110px;
	border-left:none;
	color:#fff;
	display:block;
	
	text-align:center;
	font-size:24px;
	top:-2px;
	z-index:99999; 
	position:absolute;
	
	border-left:none;
}
	
#hamburger-ps {
  cursor: pointer;
  display: block;
  height: 0px;
  position:relative;
  width: 107px;
  float: none;
  margin:0 auto;
  padding-right: 0px;
  display:block;
    z-index: 2;
}

#hamburger-ps div {
  background-color: #fff;
  height: 0px;
  margin-top: 0px;
  width: 90%;
  
  
}
		 
a.active.openpanel{ 
	
	position:absolute; 
	top:118px;
}
.bg-f{ background:#fff;}
.forms{ background:#fff; margin:0 auto; padding:10px ; float:left; width:300px; height:auto;  }
.forms ul{ width:300px; height:auto; float:left; margin:10px 0 0 0 ; padding:0;  list-style-type:none}
.forms ul li{ float:left; margin:0; padding:4px 0; position:relative;
 width:auto; height:auto; font-size:17px; font-weight:bold; color:#666; font-family:mohave-webfont;}
 
.overviws{ padding:5px; border:1px solid #CCC; color:#666; margin:0 0 0 5px ; float:left; width:167px; height:auto; }
.overviws1{ padding:5px; border:1px solid #CCC; color:#666; margin:0 0 0 5px ; float:left; width:280px; height:auto; }
.overviws3{ padding:5px; border:1px solid #CCC; color:#666; margin:0 0 0 5px ; float:left; width:152px;  height:auto; }
.submit{ background:url(../images_new/login-submit.jpg) center center no-repeat; float:right; margin:-5px 0 0 0px; width:37px; height:37px;  border:none;}

.submit1{ background:url(../images_new/login-submit.jpg) center center no-repeat;
 float:right; margin:-5px 0 0 -1px; width:34px; height:37px;}
.submitLogin{ 
 float:right; margin:-5px 0 0 -1px; width:34px; height:37px;}
.forms p{ font-size:11px; font-weight:; margin:0 0 0 10px; padding:0; text-align:center;  color:#666; font-family:swromns-webfont;}
.forms a{ color:#666}
.mar-hands{ margin-left:16px;}


.slid-nov {
  top: 0px;
  margin-right: -105%;
  position: fixed;
  z-index: 999;
  right:0;
  width: 100%;
  overflow:auto;
  height:100%;
  padding: 20px 0px 0 20px;
  background:#303b3f;


 
  
}

.slid-nov ul {
	font-family:'tt0142m_-webfont';
  list-style: none;
  margin: 0 0px 10px 0;
  width: 30%; float:left;
  display:inline-block;
  padding: 0;
  float:left;
}

.slid-nov li {
  position: relative;
  padding: 0px;
  width:auto;
  float:left;	
  display:inline-block;
}
.slid-nov li img{ width:60px}

.slid-nov li a {
  color: #222;
  
  text-decoration: none;
}

.slid-nov-bg{ float:left; margin:0 20px  0 80px; padding:0; width:100%; height:auto; }

.slid-nov h1{ font-size:10px; color:#fff; margin:0; padding:0;  }
.slid-nov p{ font-size:11px; color:#fff; margin:0; padding:0; width:290px; float:left; line-height:10px;}



.center{ float: left; margin:0; padding:0; width:100%; height:auto;}

.btn-cs{ background: url(../images_new/cs-close.png) 0 0 no-repeat; float:right; right:0;
 padding:30px 30px; background-size:40px; position:absolute; z-index:33333; margin:-30px 0px 0 0px;cursor: pointer;}

.center1 {
	z-index: 999;
	width: 80%;
	height: auto;
	top: 0;
	left: 0;
	display: none;
	position: absolute;
	font-family:tt0142m_-webfont;

	color: #aaaaaa;

	filter: alpha(opacity=1);
	
	
	
}

.center2 {
	z-index: 999;
	margin:0px 0 0 0;
	padding: 130px 0 0px  0;
	display: none;
	font-family:tt0142m_-webfont;
	color: #aaaaaa; 
	background:#303b3f;
	position: fixed; /* keeps the lightbox window in the current viewport */
  	top: 0;
   left: 0;
   max-width: 100%;
   height: 100%;
   z-index: 1;	
}
.popup_cs {
	width: 89%;
	height: auto;
	position: absolute;

	background:#303b3f;

	top: 30%;
	left: 1%;
	margin-top: 98px;
	padding:0px 30px;
	font-size: 20px;
	z-index: 999;
}
.popup_csp {
	max-width: 100%;
	height:auto;
	background:#303b3f;
	display:block;
	top: 0%;	
	margin-top: 0px;
	padding: 0px  0 0px 60px;
	font-size: 20px;
	z-index: 999;
}

.cs{ foat:left; margin:0 50px 0px 0px; padding:0; width:100%; height:auto; }
.cs_left{ float:left; margin:0 0 15px 0; padding:0; width:150px; height:100px;
 font-size:150px; line-height:185px; color:#617f81; font-family:mohave-webfont; 
   }
   
 .cs_left1{ float:left; margin:0 0 15px 0; padding:0; width:150px; height:100px;
 font-size:150px; line-height:207px; color:#617f81; font-family:mohave-webfont; 
   }  
.cs_right{ float:left; margin:0 0 15px 0; padding:0; width:75%; height:auto; }

.cs-leftbar{ float:right; margin:1% 0; padding:1.5% 0; width:80%; height:auto; 
background-size:52%  }

.csp-leftbar{ float:left; margin:1% 0; padding:0 0; width:90%; height:auto; }

.mar-ls{ margin-bottom:10px}.mar-lsp{ margin-bottom:-20px}


.left-bar-bg{ float:none; margin:0px auto 0 auto; padding:3.9% 0 0  0; position:relative; display:block;  width:88%;  height:auto;
 background:url(../images_new/plg-index.png) left center no-repeat;
background-size:44.7%  }

.left-bar{ float:none; margin:15px auto 0 auto; padding:1.5% 0; position:absolute; display:block; width:100%;  height:auto;}

.left-bar ul{ float:none; margin:0 auto ; padding:0 0 0 17px; width:680px; display:block; position:relative; height:auto; list-style-type:none;}

.left-bar ul li{ width:auto; margin:0 auto; padding:0; height:auto; display:inline-block;  }
.left-bar ul li span img:hover{}
.left-bar ul h1{ font-family:'OpenSans-Semibold',sans-serif; font-size:18px; font-weight:bold; width:90%; margin:0 auto; display:block; padding:0px 0 30px 0; text-align:center; }

.left-bar ul li span img{ margin:0 auto; position: relative; top:0px;  display:block;
 width:90px}
.ps{ width:50px}
.left-bar p{ font-size:13px; text-align:center; margin:20px auto; padding:0; font-weight:normal; width:182px; height:auto; font-family:"Opensans-regular",sans-serif;}

.pls-marg{ margin:-100px auto 0px auto; display:block; position:relative; }


.mar-l{ margin-left:10px}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.leftbar-toil-pop{ width:258px; float:left; margin:0px 0 0 0; color:#000; padding:0; height:190px; font-family: 'OpenSans-Regular',sans-serif; position:absolute; 
  display:block; margin:0; clear:both; z-index:9999; padding:0; background:#fff; visibility:hidden;

  -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
	opacity: 0;
 }
 
 
 .left-bar ul li span:hover .leftbar-toil-pop{ visibility:visible; z-index:9999;color:#000; clear:both; margin:-110px 0px 0 -25px; position:absolute; 
  -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
	filter: alpha(opacity=0);
  
	opacity: 1;
}

.leftbar-toil-pop.load { 
    opacity: 1;
}

.leftbar-toil-pop-in{ float:left; margin:0; padding:0; color:#000; width:98%;  height:auto;  }

.leftbar-toil-pop-in h5{ font-size:10.8pt;  color:#40484C; padding:10px 10px 0px 10px; margin:0;  }
.leftbar-toil-pop-in p{ font-size:9pt; color:#000; word-spacing:4px; padding:20px 10px 0px 10px; margin:0; line-height:16PX;  text-align:left; width:98%; 	
font-family: "OpenSans-regular",sans-serif;  }
.leftbar-toil-pop-in  img{ padding:5px 5px 0 0px;  float:right; width:auto;   }


.leftbar-toil-pop2{ width:298px; float:left; margin:0px 0 0 0; padding:0; height:190px; font-family: 'OpenSans-Regular',sans-serif; position:absolute; 
  display:block; margin:0; z-index:9999; padding:0; background:#fff; visibility:hidden;

  -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
	opacity: 0;
 }
 
 
 .left-bar ul li span:hover .leftbar-toil-pop2{ visibility:visible; z-index:9999;  margin:-110px 0px 0 -60px; position:absolute; 
  -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
	filter: alpha(opacity=0);
  
	opacity: 1;
}

.leftbar-toil-pop2.load {
    opacity: 1;
}

.leftbar-toil-pop-in2{ float:left; margin:0; padding:0; color:#000; width:99%; height:auto; clear:both;  }

.leftbar-toil-pop-in2 h5{font-size:10.8pt;  color:#40484C; padding:10px 10px 0px 10px; margin:10px 0 0 0 ; text-align:left; text-align:left; }
.leftbar-toil-pop-in2 p{ font-size:9pt; color:#000; padding:20px 10px 0px 10px; margin:0;text-align:left; width:97%;	font-family: "OpenSans-regular",sans-serif; }
.leftbar-toil-pop-in2  img{ padding:5px 5px 0 0px;  float:right; width:auto; }

.leftbar-toil-pop3{ width:261px; float:left; margin:0px 0 0 0; padding:0; height:190px; font-family: 'OpenSans-Regular',sans-serif; position:absolute; 
  display:block; margin:0; z-index:9999; padding:0; background:#fff; visibility:hidden;

  -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
	opacity: 0;
 }
 
 
 .left-bar ul li span:hover .leftbar-toil-pop3{ visibility:visible; z-index:9999;  margin:-110px 0px 0 -50px; position:absolute; 
  -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
	filter: alpha(opacity=0);
  
	opacity: 1;
}

.leftbar-toil-pop3.load {
    opacity: 1;
} 
.leftbar-toil-pop-in3{ float:left; margin:0; padding:0; color:#000; width:97%; height:auto; clear:both;  }

.leftbar-toil-pop-in3 h5{ font-size:10.8pt; color:#40484C;  word-spacing:-1px;  padding:10px 0px 0px 10px; margin:10px 0 0 0 ;
 letter-spacing: -0.5px; text-align:left; text-align:left; }
 
.leftbar-toil-pop-in3 p{ font-size:9pt; color:#000; word-spacing:-1px;  letter-spacing: -0.2px;  padding:10px 10px 0px 10px;
 margin:0;text-align:left; width:97%;line-height:14px;	font-family: "OpenSans-regular",sans-serif; }
.leftbar-toil-pop-in3  img{ padding:5px 5px 0 0px;  float:right; width:auto; }



.right-bar{ float:right; margin:6% 0 0 0; padding:0; width:135px; height:auto; position:absolute;  display:block; right:5px; z-index:1; } 
.right-bar ul{ float:right; margin:0% auto 0 auto; padding:0; width:55%; overflow:hidden;  height:auto; list-style-type:none;}
.right-bar ul li{ width:100%; float:right; margin:0 auto ; padding:0; height:auto; display:block;  line-height:0px }
.right-bar ul li img:hover{ opacity:0.3; }

.right-bar ul li img{ }

.get-kleeto{ width:130px; height:auto; margin:0px auto 0px auto; padding:24px 0 20px  0px; display:block;; 
}
.get-kleeto img:hover{ opacity:0.5}

.bor{ border:1px solid #999}

.footer-bar{ float:left; margin:30% 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px  0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block; font-family:'';   }

.footer-bar2{ float:none; margin:0px auto; padding:0; position:relative; display:block; width:50%; height:auto; border:1px solid transparent;  z-index: 10; } 
.footer-bar2 ul{ position:relative;  top:0; float:none; display:block; margin:57px auto 0 auto ; padding:6px  0 0 0; width:420px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:415px;}
.footer-bar2 ul li{ width:auto; float:none; margin:10px auto ;  padding:0px 0px 0 10px; height:auto; display:inline-block;   }

.m-hr{ background:url(../images_new/bnr-botm1.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}

.m2-hr{ background:url(../images_new/bnr-botm2.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.m3-hr{ background:url(../images_new/bnr-botm3.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.m4-hr{ background:url(../images_new/bnr-botm5.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.m5-hr{ background:url(../images_new/bnr-botm6.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}

.m-hr:hover{ background:url(../images_new/ho-hr.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.m2-hr:hover{ background:url(../images_new/ho-finance.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.m3-hr:hover{ background:url(../images_new/ho-other.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.m4-hr:hover{ background:url(../images_new/ho-dms.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.m5-hr:hover{ background:url(../images_new/ho-customer.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}

.case-study{ float:left; margin:0px 0 0px 0px; z-index:1; display:block; padding:0px 0 0px 0px; width:auto; height:auto;
 position:absolute; bottom:45px; left:15px}
.footer-bar ul li img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.1);-o-transform:scale(1.1);transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;cursor:pointer}
.footer-bar ul li img:hover{-webkit-animation: hatch 4s ease-in-out ;-moz-animation: hatch 4s ease-in-out ;-o-animation: hatch 4s ease-in-out ;transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;}
 .bo{ font-size:16px; color:#000; font-weight:bold;}



.forms2{ background:#fff; margin:0 auto; padding:0px ; float:left; width:350px; height:auto;  }
.forms2 ul{ width:350px; height:auto; float:left; margin:0px 0 0 0 ; padding:0;  list-style-type:none}
.forms2 ul li{ float:left; margin:0 0 5px 0; padding:0px 0; position:relative;
 width:auto; height:auto; font-size:17px; font-weight:bold; color:#666; font-family:mohave-webfont;}
.forms2 p{ font-size:13px; font-weight:600; margin:10px 0 0 10px; padding:0; text-align:left;  color:#666;
 font-family:"Myriad Pro", "Myriad Pro Light";}
/* =================   HR page   ==================*/

.h-bg{ background:#414649 ; }
.h-bg-hr{  background:url(../images_new/bg-hr.jpg)bottom   center no-repeat; background-size:125%;
width:1300px; height:auto; float:none; margin:0 0px 0 30px; padding:0; display:inline-block;}
.h-bg-finance{  background:url(../images_new/bg-hr.jpg)bottom   center no-repeat; background-size:125%; 
width:1300px; height:auto; float:none; margin:0 0px 0 30px; padding:0; display:inline-block;}

.h-bg-others{  background:url(../images_new/bg-hr.jpg)bottom   center no-repeat; background-size:125%; 
width:1300px; height:auto; float:none; margin:0 0px 0 30px; padding:0; display:inline-block;}
.h-bg-dsm{  background:url(../images_new/bg-hr2.jpg)bottom   center no-repeat; background-size:125%; 
width:1300px; height:auto; float:none; margin:0 0px 0 30px; padding:0; display:inline-block;}
.h-bg-customize{  background:url(../images_new/bg-customize.jpg)bottom   center no-repeat; background-size:125%; 
width:1300px; height:auto; float:none; margin:0 0px 0 30px; padding:0; display:inline-block;}




.h-bg2{    color:#404549; }
.hr-bg-img{}
.h-bg-hr1{  background:url(../images_new/cus-bg1.png) bottom   center no-repeat; background-size:104%; 
width:1300px; height:auto; float:none; margin:0 0px 0 30px; padding:0; display:inline-block;}

.hr-details{ width:940px; height:auto; margin:0px auto 0 auto; padding:0 0px 0 0px; float:none ; background:#fff;}
.hr-details-in{ width:100%; padding:0; margin:0px 0 0 0; float:left; display:block;  background:#fff;}
.hr-details-in h1{ font-size:18px; padding:10px 0; margin:0; color:#2b2a29; text-align:center;  font-family: 'Conv_BEBAS__';  }
.hr-details-in p{font-size:14px; padding:10px 0; margin:0 auto; width:76.4%;font-weight:600; text-align:justify ;color:#4f4e4e; font-family:swromns-webfont;  }
.hr-img{ float:left; margin:0; padding:0; width:100%; height:auto;}
.hr-img img{ float:left; margin:0px 0; width:100%; height:auto}


.hr-details-in2{ width:100%; padding:0; margin:0px 0 0 0; float:left; display:block;  background:#fff;}
.hr-details-in2 h1{ font-size:18px; padding:10px; margin:0; color:#2b2a29; background:#fff; text-align:left; font-family: 'OpenSans-Semibold',sans-serif; }
.hr-details-in2 p{font-size:13px; padding:10px; margin:0; font-weight:normal; width:auto; line-spacing:2px; text-align:left ;color:#4f4e4e;   font-family: "OpenSans-regular",sans-serif; }
.hr-img2{ float:left; margin:0; padding:0; width:100%; height:auto;}
.hr-img2 img{ float: none; margin:0px auto; padding:0; display:block; width:100%; height:auto; }

.hr-img3{ float:left; margin:0; padding:0; width:100%; height:auto;}
.hr-img3 img{ float: none; margin:0px auto 0 auto; padding:0; display:block; width:100%; height:auto}


.get-kleeto-hr{ float:left; margin:0; width:100%; height:auto; padding:0;}
.get-kleeto-hr-in{ width:200px; height:auto; margin:35px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }
.active-hr{ background:url(../images_new/hr-active.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.get-kleeto-hr-in img:hover{ opacity:0.9}

/* =================================================*/

/* =================   FINANCE page   ==================*/
.active-fi{ background:url(../images_new/fiactive.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.get-kleeto-fi{ float:left; margin:0; width:100%; height:auto; padding:0;}
.get-kleeto-fi-in{  width:200px; height:auto; margin:45px auto 20px auto; padding:0px 0 0px 85px; float:none; display:block; }
.get-kleeto-fi-in img:hover{ opacity:0.9}
/* =================================================*/


/* =================   OTHER page   ==================*/
.active-od{ background:url(../images_new/acitve-od.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.get-kleeto-od{ float:left; margin:0; width:100%; height:auto; padding:0;}
.get-kleeto-od-in{  width:200px; height:auto; margin:15px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }
.get-kleeto-od-in img:hover{ opacity:0.9}
/* =================================================*/

/* =================   DSM page   ==================*/
.active-dsm{ background:url(../images_new/acitve-dsm.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.get-kleeto-dsm{ float:left; margin:0; width:100%; height:auto; padding:0;}
.get-kleeto-dsm-in{  width:200px; height:auto; margin:15px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }
.get-kleeto-dsm-in img:hover{ opacity:0.9}
/* =================================================*/

/* =================   CUSTOMIZE page   ==================*/
.active-cus{ background:url(../images_new/acitve-cus.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;}
.cus  h1{ font-size:16px; padding:10px 0; margin:0; color:#2b2a29; text-align:center; font-weight:lighter; text-transform:uppercase;
  font-family: 'mohave-webfont';  }

.get-kleeto-cus{ float:left; margin:0; width:100%; height:auto; padding:0;}
.get-kleeto-cus-in{  width:200px; height:auto; margin:19px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }
.get-kleeto-cus-in img:hover{ opacity:0.9}

.abt{ background:#303b3f}
/* =================================================*/


/* =================   ABOUT page   ==================*/
.about{ width:100%; height:auto; margin:0 0 40px 0; padding:0 10px; float:left; }
.about h1{ font-size:20px; padding:10px ; margin:0; color:#2b2a29; text-align:left;  font-weight:lighter; text-transform:uppercase; font-family: 'mohave-webfont';}
.about h3{ font-size:16px; padding:10px ; margin:0; color:#2b2a29;  font-weight:600;   font-family:"OpenSans-semibold",sans-serif;}
.about h4{font-size:13px; padding:10px ; margin:0; color:#2b2a29;  font-weight:normal;  font-family:"OpenSans-regular",sans-serif; width:96%;}
.about p{font-size:13px; padding:10px ; margin:0; font-weight:normal; color:#4f4e4e;  font-family:"OpenSans-regular"; width:96%; height:auto}

.about-detail-bg{ width:98%; height:auto; float:left; margin:0 0 20px 0; padding:0; text-align:left;}
.left-img{  margin:0; padding: 0px ; height:auto; width:auto; border:1px solid #CCC;}
.about-rightbar{ margin:0; padding:0; height:auto; width:79%; }
.about-rightbar p{font-size:13px; padding:10px ; margin:0; font-weight:normal; color:#4f4e4e;  font-family:"OpenSans-regular",sans-serif; width:95%; height:auto}
 .flo-flt{ float:left;}
  .flo-rgt{ float:right;}
  .news-col{ color:#E9A00C; padding:-0px 10px 10px 10px; margin:0; float:left; font-size:13px;font-family:tt0142m_-webfont; width:95%  }

/* =================================================*/



/* =================   DIGITIZE page   ==================*/

.digitize{ width:100%; min-height:508px;  margin:0; padding:0; float:left; font-family:'swromns-webfont','mohave-webfont','tt0142m_-webfont'; color:#FFF;
 background:url(../images_new/menu-bg.png)top center scroll no-repeat; background-size:cover ;  }

.digitize-in{  margin:0	 auto; padding:0; width:60%; height:auto;}
.digitize-leftbar{ float:left; margin:7% 0; padding:0; height:auto; width:60%;}
.digitize-leftbar ul { width:90%; height:auto; float:right; margin:0 auto; padding:0; list-style-type:none; display:inline }
.digitize-leftbar ul li{ display:inline-block; width:auto;  height:auto; margin:10px 2%; padding:0;}
.digitize-leftbar p{ font-size:14px; color:#FFF; margin:0 ; padding:10px 0; text-align:center; }
.digitize-leftbar ul li img{ margin:0 auto; display:block}

.digitize-rightbar{ float:right; margin:7% 0; padding:0; height:auto; width:40%;}
.digitize-rightbar ul { width:90%; height:auto; float:left; margin:0 auto; padding:0; list-style-type:none; display:inline }
.digitize-rightbar ul li{ display:inline-block; width:auto; height:auto; margin:10px 2%; padding:0;}
.digitize-rightbar ul li img{ margin:0 auto; display:block}
.digitize-rightbar p{ font-size:14px; color:#FFF; margin:0 ; padding:10px 0; text-align:center; }

.header-left2{ margin:17px 0 9px  0; padding:0; height:auto; padding:0; float:right; width:7.9% ; height:auto; text-align:right; }
.header-left2 p{font-size:12px; color:#FFF; font-weight:500; margin:15px 0; padding:0; text-align:right; font-family:tt0142m_-webfont; }
.header-left2 img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.1);-o-transform:scale(1.1);transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;cursor:pointer}
.header-left2 img:hover{-webkit-animation: hatch 4s ease-in-out ;-moz-animation: hatch 4s ease-in-out ;-o-animation: hatch 4s ease-in-out ;transition:all .3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in-out;}

/* ==================== Contact =============================*/


.contact-div-l{ float:left; margin:0 0px 0 50px; padding:0; width:55%; height:auto;}
.contact-div-lr{ float:right; margin:0px 0 0 0px; padding:0; width:40%; height:auto;}

.contact-bg{ width:100%; height:auto; float:left;   margin:0 auto; padding:0% 0;  color:#FFF;
 background:url(../images_new/menu-bg.png)bottom center  no-repeat; background-size:cover ; }
 
 


.popv-contact{ width:100%; height:auto; margin:0; padding:0; float:left; color:#fff; }
.popv-contact h5{ font-size:16px; color:#fff; margin:0; padding-bottom:3%; font-family:'Opensans-semibold',sans-serif ;}
.popv-contact ul{ float:left; margin:20px 0; padding:0 10px; width:28%; height:230px;  list-style-type:none;  }
.popv-contact ul li{ width:100%; margin:0; padding:0; height:auto;  }
.popv-contact p{ font-size:13px ; color:#fff; margin:0; padding:0px 0 5px 0; font-family: "Opensans-regular",sans-serif ;}
.popv-contact img { float:none;  height:auto; margin:10px auto 40px auto; display:block; }
.popv-contact ul li p{ font-size:12px ; color:#fff; margin:0; padding:0px 0 5px 0; font-family: "Opensans-regular",sans-serif ;}

 
 
.bor-lefts{ border-right: 2px  dashed #fff; float:left;  }

.main-footer{ float:left; margin:5% 0 0 0; padding:2px 0 10px 0; display:block; position:relative; bottom:0;  z-index:-999;     height:auto; width:100%;
 font-family:"OpenSans-regular",sans-serif; background:#fff;}

.close_b{ background:url(../images_new/close1.png) 10px 0  no-repeat; padding:20px 20px; float:right}
.certificate{ float:left; margin:0; padding:0; width:100%; height:auto;}
.certificate h1{font-size:18px; padding:10px 0; margin:0 auto; color:#666666; text-align:center;  font-family:"mohave-webfont"; }
.certificate-img{ margin:10px auto 0 auto; padding:0 0 0 50px; float:none; display: block; width:320px }
.certificate-img1{ margin:10px auto 0 auto;float:left;padding-right:15px;display: block;  width:200px}
.f-casestudy{ background:url(../images_new/case-study-b.png) 0 -0px no-repeat; padding:75px 50px 40px 50px; margin:0 0;  }


.main-footer-left{ float:left; width:40%; height:auto; margin:0; padding:5px 10px}
.main-footer-left p{ color:#333333; padding:0; margin:0; font-size:13px;}
.main-footer-left a{ text-decoration:none; color:#EC8F13;}
.back-c{ float:left; margin:0px 40px 0px 0 0px; padding:0 0 10px 0;  width:100%; height:auto; }

.main-footer-right{ float:right; width:40%; height:auto; padding:10px 10px; margin:0;}
.main-footer-right p{ color:#666666; padding-right:5px; margin:0; font-size:13px; text-align:right;}
.main-footer-right a{ text-decoration:none; color:#DF9F03;}
.f-logo{ background:url(../images_new/f-logo.png) 5px 5px  no-repeat ; padding:10px 25px; }


/* =================================================*/

/* ==================== Menu logo =============================*/

.ontop {
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	position: relative;

	color: #aaaaaa;
	opacity: 0.9;
	filter: alpha(opacity=1);
}

.ontop ul { margin:0 ; padding:0; background:transparent;}
.ar{ color:#CCC; text-align:right; float:right; background:url(../images_new/m-arr.png) 0 3px no-repeat; padding:12px 4px;}

.ontop1 {
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	position: relative;
	font-family:tt0142m_-webfont;

	color: #aaaaaa;

	filter: alpha(opacity=1);
}

.ontop1 ul { margin:0 ; padding:10px; background:transparent;}
.ar{ color:#CCC; text-align:right; float:right; background:url(../images_new/m-arr.png) 0 3px no-repeat; padding:12px 4px;}
.form{ width:100%; margin:0; padding:0px 0 20px 0;  float:left; height:auto}

.form ul{ width: 100%; height:auto; list-style-type:none; float:left; margin:5px 0px 0 0px; padding:0; }
.form ul li{ width: auto; height:auto; padding:2px 0; margin:5px 10px; border:px solid #999; }
.form p{ color:#CCC; font-size:12px;font-family:tt0142m_-webfont; margin: -20px 0 0 10px; padding:0; float:left}
.overviewp{ border:1px solid #999;  width:350px; height:auto; padding:10px 5px; font-size:18px; color:#333333; font-family:"Myriad Pro" ;}

.overviewc{ border:1px solid #fff;  width:340px; height:auto; padding:5px 5px; font-size:18px; color:#fff; background:transparent; font-family:"Myriad Pro" ; overflow:auto; resize:none; }

.done{ background:url(../images_new/done.jpg) 0 0 no-repeat; padding:30px 20px; float:right; margin:-80px 0px 0 -30px; border:none; color:transparent; }

.done1{ background:url(../images_new/done.png) 0 0 no-repeat; padding:42px 22px 42px 22px; background-size:70px; float:right;
 margin:-80px 15px 0 0; border:none; color:transparent; } 
 .done1_new{ background:url(../images_new/done.png) 0 0 no-repeat; padding:62px 22px 42px 22px; background-size:70px; float:right;
 margin:-10px 15px 0 0; border:none; color:transparent; } 

.done2{ background:url(../images_new/back.png) 0 0 no-repeat; padding:45px 40px ; background-size:70px; float:right;
 margin:48% 0px 0 0px; border:none; color:transparent;  } 
 .done2_new{ background:url(../images_new/back.png) 0 0 no-repeat; padding:75px 40px ; background-size:70px; float:right;
 margin:68% 0px 0 0px; border:none; color:transparent;  } 
 .done3{ background:url(../images_new/less.png) 0 0 no-repeat; padding:42px 40px; background-size:70px; position:fixed; z-index:99999999; float:left; 
 margin:35.5% 1px 0px -52.5px; border:none; color:transparent;  } 

.click{float:left; margin:0; padding:0; width:230px;  height:auto;}

.c-color{ color:#999; font-size:16px}
.popup2 {
	width: 500px;
	height: auto;
	position: absolute;
	color: #000000;
	background: #fff;
	top: 50%;
	left: 35%;
	margin-top: 100px;
	padding: 0 0px;
	font-size: 20px;
	z-index: 999;
}


.popup3 {
	
	width: 500px;
	height: auto;
	
	color: #000000;

	top: 40%;
	float:right;
	
	margin:20px 0px;
	padding: 0 0px;
	font-size: 20px;
	
}
.headerform2 {
	background: tranparent;
	font-size: 18px;
	color: #fff;
	float: left;
	margin: 0;
	text-align: left;
	font-weight: bold;
    word-spacing:0.1px;
	padding: 15px 10PX;
	width: 350PX;
	font-family:'Opensans-semibold',sans-serif;
	
}


.headerform {
	background: tranparent;
	font-size: 24px;
	color: #009933;
	float: left;
	margin: 0;
	text-align: left;
	font-weight: 600;
	padding: 15px 10PX;
	width: 480PX;
}
.formside {
	width: auto;
	height: auto;
	padding: 0 100px;
}



/* ==================== Contact =============================*/

a:active,
a:focus,
a:hover{
	outline:none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}


.demo-panel{
	background:#fff;
	color:#fff;
	width:320px;
	display:none;
	height:auto;
	opacity:0.9;
	padding:0; 
	top:0px;
	
	position:absolute;
	z-index:99999;
	border:1px solid #e1e1e1;
	border-left:none;
}
	


a.openpanel{ 
	_background-image:none; 
	 
	padding:0px 10px 6px 110px;
	border-left:none;
	color:#fff;
	display:block;
	
	text-align:center;
	font-size:24px;
	top:-2px;
	z-index:99999; 
	position:absolute;
	
	border-left:none;
}
		
a.active.openpanel{ 
	
	position:absolute; 
	top:118px;
}

a.openpanel2{ 
	_background-image:none; 
	 
	padding:0px 10px 6px 110px;
	border-left:none;
	color:#fff;
	display:block;
	
	text-align:center;
	font-size:24px;
	top:172px;
	z-index:99999; 
	position:absolute;
	
	border-left:none;
}
.capture{ float:left;  height:auto; margin:0; color:#000; text-align:center; padding:0px 10px; font-weight:500; 
font-family:"Myriad Pro", "Myriad Pro Light"; font-size:12px;}
		
a.active.openpanel2{ 
	
	position:absolute; 
	top:167px;
}

.demo-panel2{
	background:#fff;
	color:#fff;
	
	width:320px;
	display:inline-block;
	height:auto;
	opacity:0.9;
	padding:0; 
	top:0px;
	
	position:relative;
	z-index:99999;
	border:1px solid #e1e1e1;
	border-left:none;
}



  .ic{ float:left; margin:0; padding:0; width:100%; height:auto; padding:0; }
  .ic img { width:90%; height:auto; margin:0 auto; display:block; float:none;}
  
  .sld{ border:1px solid #CCC; float:left;  width:40%; height:auto;  position:absolute; z-index:9999999999; margin:20px auto}
  



<!--------------------------------------------SLIDE SERVICES-------------------------------->

/*
Demo
=========================== */
#demok{
	
	background-position:0 0;
	padding:100px 0 100px 0;
}

#demok h3{
	color:#fff;
}

#demok .heading{
	
}

#demok .heading span.heding-style{
	
}

.demo-panelk{
	background:#030708;
	color:#fff;
	float:none;
	width:100%;
	display:none;
	height:auto;
	right:0;
	padding:0; 
	top:120px;
	position:absolute;
	z-index:999;
	border-top:1px solid #CCC;
	border-left:none;
}
	
.demo-panelk h6{
	text-align:center;
	margin-bottom:10px;
	padding:12px 0 13px 0;
	text-transform:uppercase;
	color:#2c323a;
	background:#f4f6f7;
}

a.openpanelk{ 
	_background-image:none; 
	background:#f4f6f7; 
	padding:8px 10px 6px 10px;
	border-left:none;
	color:#fff;
	display:block;
	right:0;
	text-align:center;
	font-size:24px;
	top:70px;
	z-index:99999; 
	position:fixed;
	_position:absolute; 
	border-left:none;
}

a.openpanelk{
	text-decoration:none;
}
		
a.active.openpanelk{ 
	border-right:none;
	_position:absolute; 
	left:229px;
}

a.openpanelk:hover,
a.openpanelk:focus,
a.openpanelk:active{
	outline:none;
}

.stylechangerk, .layoutk, .bgchangerk{ 
	width:100%;
	float:left;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin:0;
}

.stylechangerk{
	margin:0 10px 10px 10px;
	padding:0;
}

.stylechangerk li, .bgchangerk li{
	list-style:none; 
	float:left;
	width:25px;
	height:25px;
	margin:0 10px 10px 10px;
}

.stylechangerk li a, .bgchangerk li a{ 
	display:block; 
	width:100%; 
	height:100%;
	outline:none;
}	



  <!-- TOGGLE MENU LEFT-->


body {
  
  overflow-x: hidden;
}


#hamburger {
  cursor: pointer;
  display: block;
  height: 20px;
  position: relative;
  width: 20px;
  float: left;
  margin-top:60PX;
  
  padding-right:0px;
}

#hamburger div {
  background-color: #CCC;
  height: 3px;
  margin-top: 3px;
  width: 90%;
}

.hamburger-action { cursor: pointer; }

#hamburger-overlay {
  display: none;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
  background: #000;
}





<!---------------------------------END-----------------------------> 


@media (max-width:1920px)
{

/*.left-bar{width:83%; float:right;  margin:12% 0;}
.left-bar ul{ margin-left:0%;  }
.left-bar ul h1{ margin-bottom:2%;  }*/
/*.case-study{ float:left; margin:0% 0 0% 0;}*/
.digitize-leftbar{ margin:14% 0;}
.contact{ margin:7% auto 41% auto ;}
.digitize-rightbar{ margin:14% 0;}



}

@media (max-width:1920px)
{/* .right-bar{ margin:2% 0 0 0; }
 .right-bar ul li{ margin:0px auto; width:82%;*/
 .left-bar-bg{padding:62px 0 0  0; width:1480px; height:auto; background:url(../images_new/plg-index.png) left center no-repeat; background-size:676px  }
  .container{ max-width:100%;}
 .get-kleeto{ width:130px; height:auto; margin:0px auto 0px auto; padding:88px 0 20px  0px; display:block; }
 
 .footer-bar{ float:left; margin:734px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block;   }
 
 .h-bg-hr{  background:url(../images_new/bg-hr.png)bottom   center no-repeat; background-size:1500px; 
width:100%; margin: 0 auto 0 auto ; float:none; padding: 0 20px 0 0px }

.hr-details{ width:940px; height:auto; margin:0px auto 0 auto; padding:20px 0px 0 0px; float:none ; background:#fff;}
.hr-details-in{ width:100%; padding:0; margin:0px 0 0 0; float:left; display:block;  background:#fff;}
.get-kleeto-hr{ float:left; margin:0; width:100%; height:auto; padding:0 0 10px  0;}
.get-kleeto-hr-in{ width:200px; height:auto; margin:35px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }

.get-kleeto-fi{ float:left; margin:0; width:100%; height:auto; padding:0 0 5px  0;}
.get-kleeto-fi-in{  width:200px; height:auto; margin:45px auto 20px auto; padding:0px 0 0px 85px; float:none; display:block; }

.get-kleeto-dsm{ float:left; margin:0; width:100%; height:auto; padding:0 0 5px  0; }
.get-kleeto-dsm-in{  width:200px; height:auto; margin:19px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }

.get-kleeto-od{ float:left; margin:0; width:100%; height:auto; padding:0 0 5px  0;}
.get-kleeto-od-in{  width:200px; height:auto; margin:15px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }

.get-kleeto-cus{ float:left; margin:0; width:100%; height:auto;  padding:0px 0 5px  0;}
.get-kleeto-cus-in{  width:200px; height:auto; margin:19px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }

.h-bg-hr1{  background:url(../images_new/cus-bg1.png) bottom   center no-repeat; background-size:1350px; 
width:100%; height:auto; float:none; margin:0 0px 0 0px; padding:0; display:inline-block;}

.h-bg2{ background:#414649 ; padding:0 0 0px 0; width:100% }
 }

@media (max-width:1680px)
{
	
	
.footer-bar{ float:left; margin:604px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block;   }

.case-study{ float:left; margin:0px 0 0px 0px; z-index:1; display:block; padding:0px 0 0px 0px; width:auto; height:auto;
 position:absolute; bottom:120px; left:15px}
}


@media (max-width:1600px)
{
	
.footer-bar{ float:left; margin:554px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block;   }
.case-study{ float:left; margin:0px 0 0px 0px; z-index:1; display:block; padding:0px 0 0px 0px; width:auto; height:auto;
 position:absolute; bottom:310px; left:15px}
}


@media (max-width:1440px)
{
	
.footer-bar{ float:left; margin:558px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block;   }
.case-study{ float:left; margin:0px 0 0px 0px; z-index:1; display:block; padding:0px 0 0px 0px; width:auto; height:auto;
 position:absolute; bottom:170px; left:15px}	
}


@media (max-width:1490px)
{
	
 .left-bar-bg{padding:62px 0 0  0; width:1310px; height:auto; background:url(../images_new/plg-index.png) left center no-repeat; background-size:590px  }	
 .get-kleeto{ width:130px; height:auto; margin:0px auto 0px auto; padding:40px 0 20px  0px; display:block; }
 	
.get-kleeto-hr{ float:left; margin:0; width:100%; height:auto; padding:0 0 0px  0;}
.get-kleeto-hr-in{ width:200px; height:auto; margin:35px auto 20px auto; padding:0 0 0px 84px; float:none; display:block; }

.h-bg-hr{  background:url(../images_new/bg-hr.jpg) bottom  center no-repeat; background-size:1360px; 
width:100%; margin: 0 auto 0 auto ; float:none; padding: 0 0px 0 0px }

.h-bg-finance{  background:url(../images_new/bg-hr.jpg) bottom  center no-repeat; background-size:1360px; 
width:100%; margin: 0 auto 0 auto ; float:none; padding: 0 0px 0 0px }

.h-bg-others{  background:url(../images_new/bg-hr.jpg) bottom  center no-repeat; background-size:1360px; 
width:100%; margin: 0 auto 0 auto ; float:none; padding: 0 0px 0 0px }

.h-bg-dsm{  background:url(../images_new/bg-hr2.jpg) bottom  center no-repeat; background-size:1360px; 
width:100%; margin: 0 auto 0 auto ; float:none; padding: 0 0px 0 0px }

.h-bg-customize{  background:url(../images_new/bg-customize.jpg) bottom  center no-repeat; background-size:1360px; 
width:100%; margin: 0 auto 0 auto ; float:none; padding: 0 0px 0 0px }






.get-kleeto-cus{ float:left; margin:0; width:100%; height:auto;  padding:0px 0 40px  0;}
.get-kleeto-cus-in{  width:200px; height:auto; margin:19px auto 0px auto; padding:60px 0 0 84px; float:none; display:block; }

.h-bg-hr1{  background:url(../images_new/cus-bg1.png) bottom   center no-repeat; background-size:1350px; 
width:100%; height:auto; float:none; margin:0 0px 0 0px; padding:0; display:inline-block;}
	
/*/* .left-bar{width:85%; float:right;  margin:10% 0;}*/
 /*.right-bar{ margin:2% 0 0 0; }
 .right-bar ul li{ margin:0px auto; width:82%;}*/
 /*.case-study{ float:left; margin:-20px 0 0% 0; position:absolute; bottom:0;  }*/
/* .contact{ margin:2% auto 26% auto ;}
 
 .container{ max-width:99%}*/*/
 
 }
 
@media (max-width:1366px)
{
	
.footer-bar{ float:left; margin:412px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:-66px; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:373px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0 1px; height:auto; display:inline-block;   }

 .left-bar-bg{padding:62px 0 0  0; width:1170px; height:auto; background:url(../images_new/plg-index.png) left center no-repeat; background-size:520px  }	
 .get-kleeto{ width:130px; height:auto; margin:0px auto 0px auto; padding:35px 0 10px  0px; display:block; }
	
.case-study{ float:left; margin:0px 0 0px 0px; z-index:1; display:block; padding:0px 0 0px 0px;  width:auto; height:auto;
 position:absolute; bottom:12px; left:15px}	
 
	} 
 


@media (max-width:1280px) and (max-height:1024px)
{
 .footer-bar{ float:left; margin:678px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:390px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block;   }
   
   
   
 
.h-bg-hr{  background:url(../images_new/bg-hr.png)bottom   center no-repeat; background-size:104%; 
max-width:100%; }


.hr-details{ width:70%; height:auto; margin:0px auto 0 auto; padding:0 0px 0 0px; float:none ; background:#fff;}


/* =================   ABOUT page   ==================*/
.about{ width:97%; height:auto; margin:0 0 40px 0; padding:0 10px; float:left; }
.about h1{ font-size:20px; padding:10px ; margin:0; color:#2b2a29; text-align:left;  font-weight:lighter; text-transform:uppercase; font-family: 'mohave-webfont';}
.about h3{ font-size:16px; padding:10px ; margin:0; color:#2b2a29;  font-weight:600;   font-family:tt0142m_-webfonts;}
.about h4{font-size:13px; padding:10px ; margin:0; color:#2b2a29;  font-weight:normal;  font-family:tt0142m_-webfont; width:96%;}
.about p{font-size:13px; padding:10px ; margin:0; font-weight:normal; color:#4f4e4e;  font-family:tt0142m_-webfont; width:95%; height:auto}

.about-detail-bg{ width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0; text-align:left;}
.left-img{  margin:0; padding: 0px ; height:auto; width:auto; border:1px solid #CCC;}
.about-rightbar{ margin:0; padding:0; height:auto; width:95%; }
.about-rightbar p{font-size:13px; padding:10px ; margin:0; font-weight:normal; color:#4f4e4e;  font-family:tt0142m_-webfont; width:100%; height:auto}
 .flo-flt{ float:left;}
  .flo-rgt{ float:left;}
  .news-col{ color:#E9A00C; padding:-0px 10px 10px 10px; margin:0; float:left; font-size:13px;font-family:tt0142m_-webfont; width:95%  }

/* =================================================*/

.gn-menu-main1{ display:none;}



.contact-div-l{ float:none; display:block; margin:0 auto 0 auto; padding:0; width:400px; height:auto;}
.contact-div-lr{ float:none; margin:0 auto 0 auto; display:block; padding:0; width:400px; height:auto;}

.popup3 {
	
	width:100%;
	height: auto;
	
	color: #000000;

	top: 0%;
	float:right;
	
	margin:0px 0px;
	padding: 0 0px;
	font-size: 20px;
	
}

.popv-contact{ width:400px; height:auto; margin:0 auto 0 auto; padding:0; float:none; color:#fff; }
.popv-contac h5{ font-size:14px; color:#fff; margin:0; padding:0;}
.popv-contact ul{ float:left; margin:0px 0; padding:0 10px; width:28%; height:230px;  list-style-type:none;  }
.popv-contact ul li{ width:100%; margin:0; padding:0; height:auto;  }
.popv-contact p{ font-size:15px ; color:#fff; margin:0; padding:0px 0 5px 0;}
.popv-contact img { float:none;  height:auto; margin:10px auto 40px auto; display:block; }
.popv-contact ul li p{ font-size:11.4px ; color:#fff; margin:0; padding:0px 0 5px 0;}

 .center2 {
	z-index: 999;
	margin:0px 0 0 0;
	padding: 100px 0 0px  0;
	display: none;
	font-family:tt0142m_-webfont;
	color: #aaaaaa; 
	background:#303b3f;
	position: fixed; /* keeps the lightbox window in the current viewport */
  	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;	
	overflow:scroll;
}

.done2{ background:url(../images_new/back.png) 0 0 no-repeat; padding:42px 40px; position:absolute; display:block; background-size:70px; float:right;
 margin:332px 0px 0 -90px; border:none; color:transparent;  } 

 }
 
 
 @media (max-width:1280px) and (max-height:800px)
{
 .footer-bar{ float:left; margin:454px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block;   }
   
 }
 
  @media (max-width:1280px) and (max-height:768px)
{
 .footer-bar{ float:left; margin:422px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block;   }
   
 }


  @media (max-width:1280px) and (max-height:720px)
{
 .footer-bar{ float:left; margin:450px 0 0 0; padding:0; width:100%; height:auto; position:relative;} 
.footer-bar ul{ position:relative; display:block;  bottom:0; float:none; margin:0% auto; padding: border:1px solid #CCC; padding:10px 0; width:400px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:380px;}
.footer-bar ul li{ width:auto; float:none; margin:0px auto ;  padding:0px 0 0  5px; height:auto; display:inline-block;   }


 .h-bg{ background:#414649 ; }
.h-bg-hr{  background:url(../images_new/bg-hr.png)bottom   center no-repeat; background-size:104%; 
width:1300px; height:auto; float:none; margin:0 0px 0 30px; padding:0; display:inline-block}
.h-bg2{ background:#414649 url(../images_new/cus-bg1.png) center center  no-repeat;  background-size:99%; }

.hr-details{ width:100%; height:auto; margin:0px auto 0 auto; padding:0 0px 0 0px; float:none ; background:#fff;}
.hr-details-in{ width:100%; padding:0; margin:0px 0 0 0; float:left; display:block;  background:#fff;}
.hr-details-in h1{ font-size:18px; padding:10px 0; margin:0; color:#2b2a29; text-align:center;  font-family: 'Conv_BEBAS__';  }
.hr-details-in p{font-size:14px; padding:10px 0; margin:0 auto; width:76.4%;font-weight:600;
 text-align:justify ;color:#4f4e4e; font-family:swromns-webfont;  }
.hr-img{ float:left; margin:0; padding:0; width:100%; height:auto;}
.hr-img img{ float:left; margin:0px 0; width:100%; height:auto}


.hr-details-in2{ width:100%; padding:0; margin:0px 0 0 0; float:left; display:block;  background:#fff;}
.hr-details-in2 h1{ font-size:18px; padding:10px ; margin:0; color:#2b2a29; background:#fff; text-align:left ; font-family:tt0142m_-webfont; }
.hr-details-in2 p{font-size:14px; padding:10px ; margin:0; width:94%; font-weight:normal; text-align:left ;color:#4f4e4e;   font-family:tt0142m_-webfont; }
.hr-img2{ float:left; margin:0; padding:0; width:100%; height:auto;}
.hr-img2 img{ float: none; margin:0px auto; padding:0; display:block; width:100%; height:auto; }

.hr-img3{ float:left; margin:0; padding:0; width:100%; height:auto;}
.hr-img3 img{ float: none; margin:0px auto 0 auto; padding:0; display:block; width:100%; height:auto}
  
 }

@media (max-width:1200px)
{ 

 .left-bar-bg{padding:62px 0 0  0; width:1000px; height:auto; background:url(../images_new/plg-index.png) left center no-repeat; background-size:438px  }	
 .get-kleeto{ width:130px; height:auto; margin:0px auto 0px auto; padding:10px 0 60px  0px; display:block; }
 
.right-bar{ float:right; margin:3% 0 0 0; padding:0; width:135px; height:auto; position:absolute;  display:block; right:5px; z-index:1; } 
.right-bar ul{ float:right; margin:0% auto 0 auto; padding:0; width:62%; overflow:hidden;  height:auto; list-style-type:none;}
.right-bar ul li{ width:100%; float:right; margin:0 auto ; padding:0; height:auto; display:block;  line-height:0px }
.get-kleeto-hr{ display:none}
 
 .h-bg-hr{  background:none; background-size:104%; max-width:100%; }
.hr-details{ width:70%; height:auto; margin:0px auto 0 auto; padding:0 0px 0 0px; float:none ; background:#fff;}

}
 
  
 @media (max-width:1020px)
 {
.left-bar-bg{padding:62px 0 0  0; width:100%; height:auto; background:none;  }	
 .get-kleeto{ width:130px; height:auto; margin:0px auto 0px auto; padding:10px 0 60px  0px; display:block;  }
 
 .h-bg-hr{  background:none; background-size:104%; max-width:100%; }
.hr-details{ width:70%; height:auto; margin:0px auto 0 auto; padding:0 0px 0 0px; float:none ; background:#fff;}
.get-kleeto-hr{ display:none}
}
   
   
   @media (max-width:960px)
   { 
  
	.right-bar{ display:none;}
	.slid-nov{ display:none;}

	.footer-bar2{ float:none; margin:15px  auto 0px auto; padding:0; position:relative; display:block; width:50%; height:auto; border:1px solid transparent;   } 
.footer-bar2 ul{ position:relative;  top:0; float:none; display:block; margin:57px auto 0 auto ; padding:0px  0 0px 0; width:340px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:315px;}
.footer-bar2 ul li{ width:50px; float:none; margin:0px auto ;  padding:0px 0px 0 10px; height:auto; display:inline-block;   }

.footer-bar2 ul li img{ width:2px;}

	  
	  /*.right-bar { width:25%}*/
	
	.m-hr{ background:url(../images_new/bnr-botm1.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}

.m2-hr{ background:url(../images_new/bnr-botm2.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:50px; background-size:55px;}
.m3-hr{ background:url(../images_new/bnr-botm3.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m4-hr{ background:url(../images_new/bnr-botm5.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m5-hr{ background:url(../images_new/bnr-botm6.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}

.m-hr:hover{ background:url(../images_new/ho-hr.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m2-hr:hover{ background:url(../images_new/ho-finance.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m3-hr:hover{ background:url(../images_new/ho-other.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m4-hr:hover{ background:url(../images_new/ho-dms.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m5-hr:hover{ background:url(../images_new/ho-customer.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
  .active-hr{ background:url(../images_new/hr-active.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;} 


.active-od{ background:url(../images_new/acitve-od.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}
.active-fi{ background:url(../images_new/fiactive.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}
 .active-cus{ background:url(../images_new/acitve-cus.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}
 .active-dsm{ background:url(../images_new/acitve-dsm.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}
    } 
	
 @media (max-width:720px)
 {  
 	
   .get-kleeto{ display:none;}
   
.left-bar{ float:none; margin:15px auto 0 auto; padding:1.5% 0; position:absolute; display:block; width:100%;  height:auto;}
.left-bar ul{ float:none; margin:0 auto ; padding:0; width:100%; display:block; position:relative; height:auto; list-style-type:none;}
.left-bar ul li{ width:37%; margin:30px auto; padding:0; height:auto; display:block;  }
.left-bar ul li span img:hover{}
.left-bar ul h1{ font-family:tt0142m_-webfont; font-size:20px;  width:70%; margin:0 auto; display:block; padding:0px 0 30px 0; text-align:center; }
.left-bar ul li span img{ margin:0 auto; position: relative; top:0px;  display:block; width:90px}
.pls-marg{ margin:0px auto 0px auto; display:block; position:relative; }

.footer-bar{ float:left; margin:850px 0 0 0;}

.leftbar-toil-pop{  float:none;  margin:-50px auto 0 auto; }
.left-bar ul li span:hover .leftbar-toil-pop{  margin:-120px auto 0 0px; }
.leftbar-toil-pop-in{ float:none; }

.leftbar-toil-pop2{  float:none; margin:0px auto 0 auto;} 
.left-bar ul li span:hover .leftbar-toil-pop2{ visibility:visible; z-index:9999;  margin:-110px 0px 0 -10px; position:absolute; }

	
.leftbar-toil-pop3{ width:261px; float:left; margin:0px 0 0 0; padding:0; height:190px; font-family: 'OpenSans-Regular',sans-serif; position:absolute; 
  display:block; margin:0; z-index:9999; padding:0; background:#fff; visibility:hidden;}
.left-bar ul li span:hover .leftbar-toil-pop3{ visibility:visible; z-index:9999;  margin:-110px auto 0 -0px; position:absolute; }


.case-study{ display:none}


.footer-bar2{ float:none; margin:15px  auto 0px auto; padding:0; position:relative; display:block; width:40%; height:auto; border:1px solid transparent;   } 
.footer-bar2 ul{ position:relative;  top:0; float:none; display:block; margin:57px auto 0 auto ; padding:0px  0 0px 0; width:220px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:215px;}
.footer-bar2 ul li{ width:40px; float:none; margin:0px auto ;  padding:0px 0px 0 0px; height:auto; display:inline-block;   }

.footer-bar2 ul li img{ width:2px;}

	  
	  /*.right-bar { width:25%}*/
	
.m-hr{ background:url(../images_new/bnr-botm1.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:10px; background-size:40px;}
.m2-hr{ background:url(../images_new/bnr-botm2.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:10px; background-size:40px;}
.m3-hr{ background:url(../images_new/bnr-botm3.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m4-hr{ background:url(../images_new/bnr-botm5.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m5-hr{ background:url(../images_new/bnr-botm6.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}

.m-hr:hover{ background:url(../images_new/ho-hr.png) 0 0 no-repeat;padding:27px 35px; width:70px; height:10px;  background-size:40px;}
.m2-hr:hover{ background:url(../images_new/ho-finance.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m3-hr:hover{ background:url(../images_new/ho-other.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m4-hr:hover{ background:url(../images_new/ho-dms.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m5-hr:hover{ background:url(../images_new/ho-customer.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
  .active-hr{ background:url(../images_new/hr-active.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:10px;  background-size:40px;} 


.active-od{ background:url(../images_new/acitve-od.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:10px; background-size:40px;}
.active-fi{ background:url(../images_new/fiactive.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px; background-size:40px;}
 .active-cus{ background:url(../images_new/acitve-cus.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px; background-size:40px;}
 .active-dsm{ background:url(../images_new/acitve-dsm.png) 0 0 no-repeat; padding:27px 35px;; width:70px; height:70px; background-size:40px;}
 
 .h-bg-hr{  background:none; background-size:104%;margin:0 0px 0 0px; max-width:100%; }
.hr-details{ width:100%; height:auto; margin:0px auto 0 auto; padding:0 0px 0 0px; float:none ; background:#fff;}
.header-left img{ width:50px; }
.header-left{ width:65px; margin:0 0 0px 0;}
.header-left p{ font-size:9px}
 }
 
 
 @media (max-width:640px)
 {
 .leftbar-toil-pop{  float:none;  margin:-50px auto 0 auto; }
.left-bar ul li span:hover .leftbar-toil-pop{  margin:-120px auto 0 -10px; }
.leftbar-toil-pop-in{ float:none; }

.leftbar-toil-pop2{  float:none; margin:0px auto 0 auto;} 
.left-bar ul li span:hover .leftbar-toil-pop2{ visibility:visible; z-index:9999;  margin:-110px 0px 0 -30px; position:absolute; }

	
.leftbar-toil-pop3{ width:261px; float:left; margin:0px 0 0 0; padding:0; height:190px; font-family: 'OpenSans-Regular',sans-serif; position:absolute; 
  display:block; margin:0; z-index:9999; padding:0; background:#fff; visibility:hidden;}
.left-bar ul li span:hover .leftbar-toil-pop3{ visibility:visible; z-index:9999;  margin:-110px auto 0 -10px; position:absolute; }

	.footer-bar2{ float:right; margin:100px  auto 0px -50px; padding:0; position:relative; display:block; width:100%; height:auto; border:1px solid transparent;   } 
.footer-bar2 ul{ position:relative;  top:0; float:none; display:block; margin:57px auto 0 auto ; padding:0px  0 0px 0; width:340px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:315px;}
.footer-bar2 ul li{ width:50px; float:none; margin:0px auto ;  padding:0px 0px 0 10px; height:auto; display:inline-block;   }

.footer-bar2 ul li img{ width:2px;}

	  
	  /*.right-bar { width:25%}*/
	
	.m-hr{ background:url(../images_new/bnr-botm1.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}

.m2-hr{ background:url(../images_new/bnr-botm2.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:50px; background-size:55px;}
.m3-hr{ background:url(../images_new/bnr-botm3.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m4-hr{ background:url(../images_new/bnr-botm5.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m5-hr{ background:url(../images_new/bnr-botm6.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}

.m-hr:hover{ background:url(../images_new/ho-hr.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m2-hr:hover{ background:url(../images_new/ho-finance.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m3-hr:hover{ background:url(../images_new/ho-other.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m4-hr:hover{ background:url(../images_new/ho-dms.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
.m5-hr:hover{ background:url(../images_new/ho-customer.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;}
  .active-hr{ background:url(../images_new/hr-active.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px;  background-size:55px;} 


.active-od{ background:url(../images_new/acitve-od.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}
.active-fi{ background:url(../images_new/fiactive.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}
 .active-cus{ background:url(../images_new/acitve-cus.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}
 .active-dsm{ background:url(../images_new/acitve-dsm.png) 0 0 no-repeat; padding:57px 35px; width:70px; height:70px; background-size:55px;}
  
  
  
  /* =================   ABOUT page   ==================*/
.about{ width:92%; height:auto; margin:0 0 40px 0; padding:0 10px; float:left; }
.about h1{ font-size:20px; padding:10px ; margin:0; color:#2b2a29; text-align:left;  font-weight:lighter; text-transform:uppercase; font-family: 'mohave-webfont';}
.about h3{ font-size:16px; padding:10px ; margin:0; color:#2b2a29;  font-weight:600;   font-family:tt0142m_-webfonts;}
.about h4{font-size:13px; padding:10px ; margin:0; color:#2b2a29;  font-weight:normal;  font-family:tt0142m_-webfont; width:96%;}
.about p{font-size:13px; padding:10px ; margin:0; font-weight:normal; color:#4f4e4e;  font-family:tt0142m_-webfont; width:95%; height:auto}

.about-detail-bg{ width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0; text-align:left;}
.left-img{  margin:0; padding: 0px ; height:auto; width:auto; border:1px solid #CCC;}
.about-rightbar{ margin:0; padding:0; height:auto; width:95%; }
.about-rightbar p{font-size:13px; padding:10px ; margin:0; font-weight:normal; color:#4f4e4e;  font-family:tt0142m_-webfont; width:100%; height:auto}
 .flo-flt{ float:left;}
  .flo-rgt{ float:left;}
  .news-col{ color:#E9A00C; padding:-0px 10px 10px 10px; margin:0; float:left; font-size:13px;font-family:tt0142m_-webfont; width:90%  }

/* =================================================*/


.popup_csp{ display:none}
.center2{ background:transparent;}

.contact-div-lr{ display:none;}
 }

 
   @media (max-width:480px)
  {  
  	.left-bar ul li{ width:37%; margin:30px auto; padding:0; height:auto; display:block;  }
  
	.leftbar-toil-pop{  float:none;  margin:-50px auto 0 auto; }
	.left-bar ul li span:hover .leftbar-toil-pop{  margin:-120px auto 0 -30px; }
	.leftbar-toil-pop-in{ float:none; }

	.leftbar-toil-pop2{  float:none; margin:0px auto 0 auto;} 
 	.left-bar ul li span:hover .leftbar-toil-pop2{ visibility:visible; z-index:9999;  margin:-110px auto 0 -50px; position:absolute; }

	.leftbar-toil-pop3{ width:261px; float:left; margin:0px 0 0 0; padding:0; height:190px; font-family: 'OpenSans-Regular',sans-serif; position:absolute; 
  		display:block; margin:0; z-index:9999; padding:0; background:#fff; visibility:hidden;}
    .left-bar ul li span:hover .leftbar-toil-pop3{ visibility:visible; z-index:9999;  margin:-110px auto 0 -40px; position:absolute; }
	
	.login-arrowd{ display:none}
 }
 
    @media (max-width:400px)
  {  
  
  .left-bar{ float:none; margin:15px auto 0 auto; padding:1.5% 0; position:absolute; display:block; width:90%;  height:auto;}
  .left-bar ul li{ width:70%; margin:30px auto; padding:0; height:auto; display:block;  }
  
  .leftbar-toil-pop{  float:none;  margin:-50px auto 0 auto; }
  .left-bar ul li span:hover .leftbar-toil-pop{  margin:-120px auto 0 auto; }
  .left-bar ul h1{ font-family:tt0142m_-webfont; font-size:16px;  width:70%; margin:0 auto; display:block; padding:0px 0 30px 20px; text-align:center; }
  .leftbar-toil-pop-in{ float:none; }

 .leftbar-toil-pop2{  float:none; margin:0px auto 0 auto;} 
 .left-bar ul li span:hover .leftbar-toil-pop2{ visibility:visible; z-index:9999;  margin:-110px auto 0 -30px; position:absolute; }

.leftbar-toil-pop3{ width:261px; float:left; margin:0px 0 0 0; padding:0; height:190px; font-family: 'OpenSans-Regular',sans-serif; position:absolute; 
  		display:block; margin:0; z-index:9999; padding:0; background:#fff; visibility:hidden;}
    .left-bar ul li span:hover .leftbar-toil-pop3{ visibility:visible; z-index:9999;  margin:-110px auto 0 -10px; position:absolute; }

.login-arrowd{ display:none}
.footer-bar{ float:left; margin:870px 0 0 0;}
.header-left{ margin-right:70px; margin-top:0; }
.certificate-img{ display:none}
  
  .footer-bar2{ float:left; margin:15px  auto 0px auto; padding:0; position:relative; display:block; width:100%; height:auto; border:1px solid transparent;   } 
.footer-bar2 ul{ position:relative;  top:0; float:none; display:block; margin:57px auto 0 auto ; padding:0px  0 0px 0; width:220px; 
 background:url(../images_new/bnr-border.png) bottom center no-repeat; height:auto; list-style-type:none; background-size:215px;}
.footer-bar2 ul li{ width:40px; float:none; margin:0px auto ;  padding:0px 0px 0 0px; height:auto; display:inline-block;   }

.footer-bar2 ul li img{ width:2px;}

	  
	  /*.right-bar { width:25%}*/
	
.m-hr{ background:url(../images_new/bnr-botm1.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:10px; background-size:40px;}
.m2-hr{ background:url(../images_new/bnr-botm2.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:10px; background-size:40px;}
.m3-hr{ background:url(../images_new/bnr-botm3.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m4-hr{ background:url(../images_new/bnr-botm5.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m5-hr{ background:url(../images_new/bnr-botm6.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}

.m-hr:hover{ background:url(../images_new/ho-hr.png) 0 0 no-repeat;padding:27px 35px; width:70px; height:10px;  background-size:40px;}
.m2-hr:hover{ background:url(../images_new/ho-finance.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m3-hr:hover{ background:url(../images_new/ho-other.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m4-hr:hover{ background:url(../images_new/ho-dms.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
.m5-hr:hover{ background:url(../images_new/ho-customer.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px;  background-size:40px;}
  .active-hr{ background:url(../images_new/hr-active.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:10px;  background-size:40px;} 


.active-od{ background:url(../images_new/acitve-od.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:10px; background-size:40px;}
.active-fi{ background:url(../images_new/fiactive.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px; background-size:40px;}
 .active-cus{ background:url(../images_new/acitve-cus.png) 0 0 no-repeat; padding:27px 35px; width:70px; height:70px; background-size:40px;}
 .active-dsm{ background:url(../images_new/acitve-dsm.png) 0 0 no-repeat; padding:27px 35px;; width:70px; height:70px; background-size:40px;}
  
 }
 


 
  @media (max-width:391px)
 {
	/*.right-bar { width:25%}*/
	.container{ width:90%} 
	.footer-bar ul li img{ width:38px}
   .footer-bar ul li{ margin:0; padding:0; width:16%}
   .footer-bar ul {  margin-top:10%;  width:200px; background-size:190px; padding:0 0 0 20px; margin:0 auto 0 auto  ; float:none}
   
      
   /*.header-left2{ display:block; margin:-13% 0 0 }*/
   
   /*.footer-bar2{ margin:50px 0 0 -5%; width:60%}
   	.footer-bar2 ul{ width:220px; height:auto; float:left;  background-size:87%; }
    .footer-bar2 ul li{ width:20px}
	 .m-hr, .m2-hr, .m3-hr, .m4-hr, .m5-hr{ background-size:30px; padding:15px }
	  .m-hr:hover, .m2-hr:hover, .m3-hr:hover, .m4-hr:hover, .m5-hr:hover{ background-size:30px; padding:15px;}*/
 }
 
  @media (max-width:320px)
  {
	  .left-bar{ float:none; margin:15px auto 0 auto; padding:1.5% 0; position:absolute; display:block; width:90%;  height:auto;}
  .left-bar ul li{ width:70%; margin:30px auto; padding:0; height:auto; display:block;  }
  
  .leftbar-toil-pop{  float:none;  margin:-50px auto 0 auto; }
  .left-bar ul li span:hover .leftbar-toil-pop{  margin:-120px auto 0 -30px; }
  .left-bar ul h1{ font-family:tt0142m_-webfont; font-size:16px;  width:70%; margin:0 auto; display:block; padding:0px 0 30px 0px; text-align:center; }
  .leftbar-toil-pop-in{ float:none; }

 .leftbar-toil-pop2{  float:none; margin:0px auto 0 auto;} 
 .left-bar ul li span:hover .leftbar-toil-pop2{ visibility:visible; z-index:9999;  margin:-110px auto 0 -50px; position:absolute; }

.leftbar-toil-pop3{ width:261px; float:left; margin:0px 0 0 0; padding:0; height:190px; font-family: 'OpenSans-Regular',sans-serif; position:absolute; 
  		display:block; margin:0; z-index:9999; padding:0; background:#fff; visibility:hidden;}
    .left-bar ul li span:hover .leftbar-toil-pop3{ visibility:visible; z-index:9999;  margin:-110px auto 0 -30px; position:absolute; }
	  .header-left{ margin-right:40px; margin-top:20px; }
	  }
 /*start partners*/
.partners{ margin:0 auto; width:950px; padding-top:32px;  }
.partners1{ float:left; width:300px;padding-left:200px; }
.partners2{ float:left; width:302px; padding-right:15px;}
.partners2 h1{ float:left; width:302px;  font-size:12px; font-weight:normal; color:#898989; text-decoration:none; padding:0px; margin:0px; line-height:18px; padding-bottom:20px;}
.partners3{ width:135px; float:left;display:inline;}
.partners3 h2{ font-size:12px; font-weight:normal; color:#898989; text-decoration:none; padding:0px; margin:0px; line-height:18px; padding-bottom:20px;}
.partners3 h3{ font-size:12px; font-weight:normal; color:#898989; text-decoration:none; padding:0px; margin:0px; line-height:18px; padding-bottom:20px;}
#logisticlogo{ float:left; padding-right:22px;}
/*end partners*/


/* start social media*/
.verisign_right{ margin:0 auto; width:950px;}
.socialmedia{ float:left; width:307px;}
.socialmedia1{ float:left; padding-right:30px; width:150px;}
.socialmedia1 h3{ font-size:12px; font-weight:normal; color:#898989; text-decoration:none; padding:0px; margin:0px; line-height:18px; padding-bottom:20px;}
.socialmediaicon{ float:left; padding-right:5px;}
.kleetogame{-moz-border-radius:9px;-webkit-border-radius:9px;background-image:url(../images/kleeto_game_bg.gif);background-repeat:repeat-x;font-size:12px;color:#fff;float:left;font-weight:normal;outline:none; padding:5px; }
.morepartners{ margin:0 auto;  width:950px; padding-top:20px;}
.morepartners h1, .morepartners a{ float:left; font-size:12px; font-weight:normal; color:#898989; text-decoration:none; padding:0px; margin:0px; line-height:18px; }
.verisign_logo{ float:right; padding-top:25px; width:114px}
/* end social media*/
img{ border:none;}