.magin-null{ margin:0; padding:0;}
.full-slide{width:100%; height:350px; 
 background:url(../img/omani_channel_header.png) no-repeat top center;
 background-size:cover; opacity:0.55;
 }
#two-thumb .span6{ width:530px;}
#two-thumb .span6 .thumbnail{ border-radius:0; margin-bottom:15px; width:530px;}
#two-thumb .span6 h4{ color:#f90; font-weight:normal;}
#two-thumb .span6 P{ text-align:justify;}
#demand-forcasting .span12 img{ margin:0 20px 20px 0;}
.line-devider{width:100%; height:2px; background:#d5d5d5; margin:30px 0;}
.full-slide-text{ height: 350px;
padding: 10px 20px;
top: 130px;
width:730px;
z-index: 99999999;
position:absolute;}
.full-slide-text h3{font-size:22px; line-height:130%}
/*========================================================================
how do it page style...
========================================================================*/
#five-fundamental .span3{ background:#fff; height:347px; width:188px; position:relative; padding:10px;  border:solid  1px #ccc;}
#five-fundamental .row{ margin-top:40px;  margin-bottom:20px;}
#five-fundamental .span3 p{font-size:14px; line-height:20px;}
#five-fundamental figure{ padding:0 !important; margin:0 !important; text-align:center;}
#five-fundamental figure figcaption h4{ font-size:20px; line-height:120%; padding:8px 0; font-weight:normal; color:#000; text-align:center;  border-bottom:solid 1px #ccc;}
#five-fundamental img{ height:130px; width:130px; border-radius:50%; overflow:hidden; border:solid 3px #d7d7d7; margin:20px auto;}
#five-fundamental .page_heading{text-align:center; margin-bottom:20px;}
#rr-itelligent-core{ margin:20px auto;}
.h-bold{ font-size:32px; text-align:center}
/*========================================================================
how easy to implement page style...
========================================================================*/
#easy-implement .span3{ background:#fff; height:440px; width:190px; position:relative; padding:10px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); position:relative;}
#easy-implement .page_heading-border{ height:50px; position:relative; width:1170px; text-align:center; margin-bottom:30px; }
.page_heading-border span{background:#EEEDEB; position:relative; z-index:9999; padding:20px 50px; font:24.5px; font-weight:normal;}
#easy-implement .page_heading-border:after{ border:dotted 2px #f90;  width:960px; border-bottom:0; left:100px; content:""; height:30px; position:absolute; top:50%;}
#easy-implement .span3 .step{
background: none repeat scroll 0 0 #FFFFFF;
border: 5px solid #EEEDEB;
border-radius: 50%;
font-size: 21px;
font-weight: bold;
height: 40px;
left: 50%;
line-height: 1.9em;
margin-left: -27px;
position: absolute;
top: -25px;
width: 40px;
z-index: 999999;
}
#easy-implement figure{ padding:0 !important; margin:0 !important; text-align:center; font-size:13px;}
#easy-implement figure .img-box{ height:285px; display:block; width:100%;  border-bottom:solid 1px #d7d7d7; margin-bottom:5px;}
#easy-implement figure figcaption h3{ font-size:20px; line-height:120%; padding:8px 0; font-weight:normal;  border-bottom:solid 2px #e1e1e1;}
#easy-implement figure figcaption p{ text-align:left;}
#easy-implement img{ margin-top:20px;}
#easy-implement .page_heading{text-align:center; margin-bottom:20px;}
#rr-itelligent-core{ margin:20px auto;}
.detail-txt{ text-align:left;  margin: 0 0 10px 10px;  padding: 0;}

/*========================================================================
product suite page style...
========================================================================*/
#product-suite{ margin-top:30px;}
#product-suite h3{ font-weight:normal;  line-height:1.3em; margin-bottom:30px;}
#product-suite h2{ font-weight:normal;  line-height:1.3em; font-size:24.5px;}
#product-suite p{ font-size:15px !important; text-align:justify;}
#product-suite img{ border-radius:5%; width:350px; margin-right:50px; margin-bottom:25px; background:#fff; border:solid 3px #d7d7d7;}
#product-suite .omni-detail{ list-style:none;  margin:0; padding:0; color:#f90;}
#product-suite .omni-detail li{ font-size:18px; margin-bottom:15px; display:inline-block; margin-right:15px;}
#product-suite .omni-detail li span{ padding:0 5px 0 0; width:16px; height:16px;}


.omni-channel-header{
	width:100%;
	height:410px;
	margin-top:90px;
	background:#d4d4d4;
	clear:both;
	position:relative;
	background:url(../img/omani_channel_header2.png) no-repeat left top;
	background-size:cover;
}

.hading-container{
	color:#545454;
	text-shadow:0 1px #fff;
	-webkit-text-shadow:0 1px #fff;
	-moz-text-shadow:0 1px #fff;
	-ms-text-shadow:0 1px #fff;
	-0-text-shadow:0 1px #fff;
	}

.omni-channel-heading{
	color:inherit;
	font-weight:normal;
	display:inline-block;
	}

.bottom-style {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #c6c6c6;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color: #f90;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style:solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width:36px;
    display: block;
    height: 1px;
    margin-bottom:20px;
    margin-left: 0;
    margin-right: 0;
	box-shadow:0 1px 0 #fff;
	
}

.upper-space{margin-top:35px;}

.box-block{
	background:#fff;
	color:#717171;
	border-radius:4px;
	padding:10px;
	text-align:center;
	box-shadow:0 3px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:0 3px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 3px 0 rgba(0,0,0,0.1);
	-ms-box-shadow:0 3px 0 rgba(0,0,0,0.1);
	-0-box-shadow:0 3px 0 rgba(0,0,0,0.1);
	 box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	margin-bottom:30px;
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
}
.box-block a [class^="c-icon-"]{ font-size:50px; color:#f90; margin:20px 0;}
.box-block a h4{ color:#666666; margin-top:0; font-weight:normal;}
.box-block a{ text-decoration:none; cursor:default; color:inherit; display:block;}
.box-block a:hover{
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	opacity:0.7;
	}
.box-block a:hover [class^="c-icon-"]{ color:#2f2f2f;}
.box-block a:hover h4{ color:#f90;}

.bdr-box {
  margin: 1em 0;
}
.bdr-c {
  line-height: 0.5;
  text-align: center;

 
}
.bdr-c span {
  display: block;
  position: relative;  
}
.bdr-c span:before {
content: "";
height: 1px;
top: 0;
width:100%;
display:block;
background-color:#d5d5d5;

}

.bdr-c span:after {
content: "";
position: absolute;
height: 1px;
background-color:#f90;
top:0px;
margin-left:-10%;
left:50%;
width:20%;
}




@media(min-width: 980px) and (max-width: 1199px){
#two-thumb .span6 {width: 431px;}
.full-slide-text{ height:auto;}	
#five-fundamental .span3{ width:144px;}
#easy-implement .span3{ background:#fff; height:500px; width:144px; position:relative; padding:10px;}
#easy-implement .page_heading-border{ width:1000px;  }
#easy-implement .page_heading-border:after{ width:700px; left:100px; content:"" top:50%;}
.full-slide-text{ text-align:left; padding: 10px 20px;top:0px; height:auto; width:auto; position:relative;}
.ope{opacity:0.2; display:none;}

}
@media(min-width: 768px) and (max-width: 979px){
#two-thumb .span6 {width: 330px;}	
.full-slide-text{ height: 350px;
padding: 10px 20px;
top: 130px;
width: 650px;
position:absolute;}
.ope{opacity:0.3;}
#five-fundamental .span3{ width:208px; margin-bottom:20px;}
.h-bold{ font-size:26px; text-align:center}
#easy-implement .span3{ background:#fff; height:500px; width:208px; margin-bottom:40px;}
#easy-implement .page_heading-border{ width:768px;  }
#easy-implement .page_heading-border:after{ width:65%; left:100px; content:"" top:50%;}
#product-suite img{  height:250px; width:250px;}
.full-slide-text{ text-align:left; padding: 10px 20px;top:0px; height:auto; width:auto; position:relative;}
.ope{opacity:0.2; display:none;}

}
@media(max-width: 767px){
#two-thumb .span6 {width:100%; float:none; margin-bottom:30px;}
#two-thumb .span6 .thumbnail{ border-radius:0; margin-bottom:15px; max-width:100%;}
.full-slide-text{ text-align:left; padding: 10px 20px;top:0px; height:auto; width:auto; position:relative;}
.full-slide-text h3{width:auto; font-size:130%; line-height:130%}
.ope{opacity:0.2; display:none;}
#two-thumb .span6 h4{ text-align:left;}
#five-fundamental .span3{ margin-bottom:20px; 
float:left;  
margin-left: 15px;
width:46%;}
#easy-implement .span3{ background:#fff; height:500px; width:46%; float:left;  
margin-left: 15px; margin-bottom:40px;}
.h-bold{ font-size:16px; text-align:center}
#easy-implement .page_heading-border{ width:675px;  }
#easy-implement .page_heading-border:after{ width:68%; left:100px; content:"" top:50%;}
h1,h2,h3,h4,h5,h6{  font-weight:normal;}
#easy-implement .page_heading-border{ height:auto;width:auto; margin-bottom:50px; border-bottom:solid 1px #d7d7d7; }
.page_heading-border span{background:none;  padding:20px 10px; font-size:20.5px; }
#easy-implement .page_heading-border:after{ display:none;}
#product-suite img{  height:250px; width:250px;}
#product-suite h3,
#product-suite h2{font-size:18.5px; line-height:140%; text-align:left;}
#product-suite .omni-detail li{ font-size:16px; margin-bottom:15px; display:block;}

}
@media(max-width: 640px){
#product-suite .pull-left{float:none;}
#product-suite img{margin:0 auto;}
	
}
@media(max-width: 480px){
#two-thumb .span6 .thumbnail{ max-width:100%;}
h1,h2,h3,h4,h5,h6{ text-align:left;}
#easy-implement .span3,#five-fundamental .span3{ width:100%; margin-left:0; height:auto;}
#product-suite img{ height:230px;width:230px;}
}

/*new website style here...*/
 .fluid-box-img{
  width:100%;
  clear:both;
  position:relative;
  background-size:cover;
 background:url(../img/bg-texute.png) left top repeat #EBF3FA;;
	
}
 
.fluid-box-img::after{
  content:"";
  position:absolute; 
  top:0; left:0;
  width:100%; 
  height:100%;
  background:rgba(171, 178, 184, 0.4);
  z-index:9;
}
.popup-point{
/*background:rgba(0,0,0,0.3);*/
border-radius:50%; 
height:85px;
position:absolute;
width:85px;
z-index:99;
}
.popup-sales-app{right:81px;top:12px;}
.popup-email-sms{right:208px;top:12px;}
.popup-dynamic-coupon{right:332px;top:12px;}
.popup-ecommerce{right:82px;top:116px;}
.popup-smartcart{right:208px;top:116px;}
.popup-demand{right:82px;top:225px;}
.popup-location-app{right:208px;top:225px;}
.popup-myown-app{ right: 332px;top: 225px;}
@media(min-width:1199px) and (max-width:1334px)
{
 .fluid-box-img{
	max-width:100%;
	height:auto;
	background-size:none;
	}
.popup-sales-app{right:74px;top:9px;}
.popup-email-sms{right:193px;top:9px;}
.popup-dynamic-coupon{right:308px;top:9px;}
.popup-ecommerce{right:77px;top:128px;}
.popup-smartcart{right:212px;top:128px;}
.popup-demand{right:77px;top:244px;}
.popup-location-app{right:212px;top:244px;}
.popup-myown-app{right:346px;top:244px;}
}
@media(min-width:768) and (max-width:1199)
{
 .fluid-box-img{
	max-width:100%;
	height:auto;
	background-size:none;
	}
}



#top-push .fluid-box-img{margin-top:-50px;}
/*social media style here*/
.fb-color{ background:#39579a !important;}
.tw-color{ background:#00abf0 !important;}
.gp-color{ background:#eb8984 !important;}
.in-color{ background:#0072a6 !important;}
.social-h{ list-style:none; padding:0; margin:0;}
.social-h li{ font-size:16px; width:24px; margin-right:5px; padding:5px; text-align:center; float:left; cursor:pointer;}
.social-h li a{color:#fff;}
.social-h li:hover{opacity:0.6;}
/*custom thme pattern*/
.theme-gray,
.header-strip{ background:#f7f9fa;}
.theme-gray-color,
.header-strip{ color:#969fb1 !important;}
.theme-gray-bdr,
.header-strip{border-bottom:solid 1px #f5f7f8;}
.ic-space-left{padding-left:10px;}
.ic-space-right{padding-right:10px;}
/*top stip style*/
.header-strip{
width:100%;
padding:5px 0;
}
.info-top{ padding:0; margin:0; list-style:none;}
.info-top li{ color:#eeeeee; float:left; line-height:26px; margin-left:32px;}
.info-top li a{ color:inherit;}
.info-top li a:hover{color:#ff9900;}
.info-top li i{ font-size:16px;}

.list-container{border-bottom:solid 1px #d8d8d8;  padding:25px 0; margin-bottom:10px;}
.reco-heading{ font-size:24px; margin-top:0; font-weight:normal;}
.reco-heading-mini{ font-size:18px; margin-top:0; font-weight:normal;}
.product-heading{ 
  color: #333333;
  float: none;
  font-size:24px;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom:10px;
  margin-top: 0;
  text-transform:inherit;
	}
.product-heading2{ 
  color: #333333;
  float: none;
  font-size:20px;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom:10px;
  margin-top: 0;
  text-transform:inherit;
}
.product-list [class*="span2"] {text-align:center;}
.product-list img{margin:0px auto; float:none;}
.product-list [class*="span9"] {color:#666;}
.product-list .span9 ul li {line-height:32px; font-size:16px;}
.product-list .span9 ul li ul{ display:block; color:#666; width:100%; float:left;}
.product-list .span9 ul li ul li{float:left; margin-left:20px; padding-right:15px;}
.product-list p{ line-height:28px; color:#333;}
.contact-list{ list-style:none; padding:0; margin:0; display:table;border-top:solid 1px #8f969c;border-bottom:solid 1px #8f969c;}
.contact-list li{ padding:20px 10px;float:left; width:29.6%; box-shadow:1px 0 0 #8f969c; height:250px;}
.contact-list li:last-child{box-shadow:none; }
.contact-list li p{ line-height:23px; font-size:14px;}
.main-navbar2{ background-color:#fff;}

/*..............new version style..................*/
.general-heading,
.general-heading-xlg {
	color: #333333;
	float: none;
	font-weight: normal;
	margin-top: 0;
	text-transform:inherit;
}
.general-heading{ 
  font-size:24px;
  line-height: 1.5em;
  margin-bottom:10px;
}
.general-heading-xlg{
  line-height:1.3em;
  margin-bottom:15px;
  font-size:28px;
 }
.h-product-list,
.h-product-list-2,
.h-product-list-1{ list-style:none; padding:0; margin:0;}
.h-product-list li{ width:33.33%; float:left;}
.h-product-list-2 li{ width:50%; float:left; vertical-align:middle;}
.h-product-list-1 li{ width:100%; float:left; vertical-align:middle;}
.h-product-list li a,
.h-product-list-2 li a,
.h-product-list-1 li a{ background:#fff; height:140px; padding:10px; display:block;  text-align:center; border:solid 1px #e6e6e4; color:#333;}
.h-product-list-2 li a,
.h-product-list-1 li a{ height:180px !important; }
.h-product-list li a img,
.h-product-list-2 li a img{height:80px; margin-bottom:10px;}
.h-product-list-1 li a img{height:120px; margin-bottom:10px;}
.h-product-list li a p{ padding:0px 30px;}
.h-product-list-2 li a p,
.h-product-list-1 li a p{ padding:0px 10px;}
.h-product-list li a:hover,
.h-product-list-2 li a:hover,
.h-product-list-1 li a:hover{ background:#ececec;}
.h-product-list li a{ border-right:none;}
.bdr-right{border-right:solid 1px #e6e6e4 !important;}
.bdr-top{border-top:none !important;}

.raa-banner-theme,
.raa-banner-home{background:#ABB2B8;}
.raa-banner-home{padding:80px 0 40px 0;}
.raa-banner-inner{ overflow:hidden; height:250px;}
.raa-banner-push{ padding-top:100px;}
.raa-txt-center{ text-align:center !important;}
.raa-banner-home-title{ margin:0 auto; margin-bottom:40px;width:891px;}
.our-plugin-section{background:#f1f1f2; min-height:70px; width:100%; display:block; padding:15px 0;}
.copy-right{ text-align:right; color:#FFF;}
.progressbar {
  margin:30px 0 0;
  overflow: hidden;
  counter-reset: step;
}
.progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
}
.progressbar li a{
	background:#fff;
	border-radius: 50px;
	color: #000;
	display: block;
	font-size: 20px;
	font-weight: normal;
	line-height: 1em;
	margin:30px 50px;
	padding: 19px 0;
	text-align: center !important;
	cursor:default;
}
.progressbar li a:hover,
.progressbar li a:active,
.progressbar li a:focus{ text-decoration:none;}
.progressbar li p{
	color: #333;
	font-size: 18px;
	line-height: 1.3em;
	margin: auto 50px;
	text-align: center;
	text-transform:none;

}
.progressbar li:before {
	background:#7F7F7F;
	border-radius: 100%;
	color: #fff;
	content: counter(step, decimal);
	counter-increment: step;
	display: block;
	font-size: 18px;
	height:50px;
	line-height:50px;
	margin: 0 auto 5px;
	width:50px;
	text-align:center;
	border: 2px solid #333;
}
.progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1;
}
.progressbar li:first-child:after {content: none; }
.progressbar li.active:before,  .progressbar li.active:after{
	background:#DEE0E0;
	color: #333;
	text-align:center;
}
.email-col3{width:290px; text-align:center; float:left;}
.our-cordinates{background: none repeat scroll 0 0 #abb2b8; color:#fff; left: 50%; margin-left: -106px;
 margin-top: -35px; padding: 0 20px; position: absolute;}
 .email-contact{margin-left:0;margin-top: -7px; padding: 0 20px;position: relative; color:#000;}