/* Home Banner Area css
============================================================================================ */

.banner_box {  max-width: 1620px;  margin: auto;}

.aboutUS  {background: url(../images/about-us-banner.jpg) no-repeat scroll center center;}
.products{background: url(../images/products-banner.jpg) no-repeat scroll center center;}
.entwin{background: url(../images/entwin-banner.jpg) no-repeat scroll center center;}
.snaplette{background: url(../images/snaplette-banner.jpg) no-repeat scroll center center;}
.tekcadre{background: url(../images/tekcader-banner.jpg) no-repeat scroll center center;}
.erp{background: url(../images/erp-banner.jpg) no-repeat scroll center center;}
.ams{background: url(../images/ams-banner.jpg) no-repeat scroll center center;}
.crm{background: url(../images/crm-banner.jpg) no-repeat scroll center center;}
.procure{background: url(../images/procure-banner.jpg) no-repeat scroll center center;}
.elearning{background: url(../images/elearning-banner.jpg) no-repeat scroll center center;}
.partner{background: url(../images/partner-program-banner.jpg) no-repeat scroll center center;}
.customers{background: url(../images/customers-banner.jpg) no-repeat scroll center center;}
.careers{background: url(../images/careers-banner.jpg) no-repeat scroll center center;}
.contactUs{background: url(../images/contact-us-banner.jpg) no-repeat scroll center center;}
.login{background: url(../images/login-banner.jpg) no-repeat scroll center center;}
.servicesBanner{background: url(../images/services-banner.jpg) no-repeat scroll center center;}


.banner_area {  position: relative;  z-index: 1;  background-size: cover;}

.banner_area .banner_inner { position: relative;   overflow: hidden;   width: 100%;   z-index: 1;  padding-top: 80px;   padding-bottom: 80px; }

.banner_area .banner_inner .banner_content { max-width: 655px;  background: #fff;  padding: 50px 25px;  position: relative;   border-radius: 5px; }

.banner_area .banner_inner .banner_content:before {  content: "";  width: 313px;  height: 216px;  background: rgba(165, 180, 70, 0.9);  position: absolute;  left: -50px;  top: -30px;  z-index: -1;}

.banner_area .banner_inner .banner_content h2 {  color: #000000;  font-size: 36px;  margin-bottom: 0px;  display: inline-block;
  font-family: 'Roboto-Bold', sans-serif;   text-transform: uppercase;}

.banner_area .banner_inner .banner_content .page_link {  display: inline-block;  float: right;  padding-top: 10px;}

.banner_area .banner_inner .banner_content .page_link a {  font-size: 14px;  color: #666666;  font-family: 'Roboto-Light', sans-serif;  margin-right: 32px;  font-weight: 300;  position: relative;  text-transform: uppercase;}

.banner_area .banner_inner .banner_content .page_link a:before {  content: "\f0da";  font: normal normal normal 14px/1 FontAwesome;  position: absolute;  right: -25px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);   transform: translateY(-50%);}

.banner_area .banner_inner .banner_content .page_link a:last-child {  margin-right: 0px;}

.banner_area .banner_inner .banner_content .page_link a:last-child:before {  display: none;}

/* End Home Banner Area css
============================================================================================ */
@media (max-width:960px){
	
	.banner_area .banner_inner .banner_content h2 { font-size:24px;}
	
	.banner_area .banner_inner .banner_content .page_link a { margin-right:25px;}
	.banner_area .banner_inner .banner_content {  padding: 50px 25px; }
	
}