@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("fonts/glyphicons-halflings-regular.eot");
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}
body{
min-height:100%;
height:100%;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
font-family: 'Roboto', sans-serif;
color:#4d4d4d;

}
body p{ line-height:25px; font-size:15px;}

a:focus {outline:none;}
a::-moz-focus-inner {border:0;}

#top-strip.navbar-collapse {
 padding:0px 5px;
}
.nav2 {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav2 > li > a {
color: #333;
display: block;
font-size: 16px;
line-height:1.3em;
font-weight:400;
}
.nav-tabs > li > a, .nav-pills > li > a {
	margin-left:10px;
	font-weight:400;
}

.nav2 > li > a:hover,
.nav2 > li > a:focus {
  text-decoration: none;
  background-color:rgba(0,0,0,0.29);
  color:#fff !important;
  border-radius:4px;
}


.nav2 > li > a:active
 {
 text-decoration: none;
}

.omni-channel{ width:350px;}

/*header style......
....................................................................................*/

.top-shap{min-width:550px;  height:34px; border-radius: 0 0 5px 5px; padding:0px 5px; z-index:9999;}
.page_bg,body
{
display:block;
height:auto;
}
#header
{
display:block;
height:100%;
min-height:100%;
}
.top-nav{
	width:100%;
	position:relative;
	height:auto;
	background-color:rgba(250,250,250,1);

}
.main-navbar{
  width:100%;
  min-height:60px;
  background:#fff;
  background-color:#fff;
  box-shadow:0 1px 0 rgba(171, 178, 184, 0.8); 
  -moz-box-shadow:0 1px 0 rgba(171, 178, 184, 0.8);  
  -webkit-box-shadow:0 1px 0 rgba(171, 178, 184, 0.8);  
  -o-box-shadow:0 1px 0 rgba(171, 178, 184, 0.8);  
  -ms-box-shadow:0 1px 0 rgba(171, 178, 184, 0.8);  
  
}
.main-navbar .pos{ float:right; margin-top:8px;  margin-bottom:2px;}
.logo{ height:55px; display:block; float:left;  vertical-align:top;  padding:0px; margin:2px 0;}
.logo:hover{ opacity:0.7;}

/* default text shadow......
...............................................*/
.default-text-shadow-in,nav,.accordion-heading,.approach_title,.pr_content h3{
text-shadow:inset 1px 1px 1px #e1e1e1;
-webkit-text-shadow:inset 1px 1px 1px #e1e1e1;
-moz-text-shadow:inset 1px 1px 1px #e1e1e1;	
-o-text-shadow:inset 1px 1px 1px #e1e1e1;
-ms-text-shadow:inset 1px 1px 1px #e1e1e1;
}
.default-text-shadow-out{
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5);	
-o-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
-ms-text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.default-transiton,.scrollup:hover,form #search,
.left-slide li:hover
{
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	
	
}
.color-highlight{color:#f90;}
.page_heading{
	color:#333;
	border-bottom:solid 0.18em #d5d5d5;
	font-weight:normal;
}
.page_heading2{
	color:#333;
	font-weight:normal;
}
.page_heading2 + p{
float:left; text-align:left; 
font-style:italic;
font-size:18px;
line-height:1.7em;
height:auto;
color:#707070;
padding-top:10px;
padding-left:0;
margin-left:0;
font-family:Georgia, 'Times New Roman', Times, serif;
 padding:5px;	
}
.page-title{text-align:center; font-style:normal;font-size:20px; color:#585858; }
.page-title h3{
display:block;
position:relative;
color:#333;
display:inline-block;
}
.page-title p{font-size:15px; color:#4c4c4c; font-style:normal; text-align:justify; line-height:25px; font-family:Roboto,sans-serif;}
.page-sub-title{border-bottom:solid 1px #ddd;font-size:20px;}

/*placeholder transitions style start...
.....................................................................................................................................*/
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder
{
color:transparent;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
input:focus::-moz-placeholder {
color:transparent;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
textarea:focus::-moz-placeholder {
color:transparent;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
input:-moz-placeholder{
color:transparent;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
/*placeholder transitions style end...
.....................................................................................................................................*/

/* custome icon ......
...............................................*/
.custome_icon,
.ic-facebook-white,
.ic-linkedin-white,
.ic-twiter-white ,
.ic-gplus-white ,
.ic-skype-white

{
	 background-image:url(../img/social_icon.png);
	 background-repeat:no-repeat;
}
.ic-linkedin-white {
background-position:-54px 3px;
}
.ic-twiter-white {
  background-position:-27px 3px;
}
.ic-facebook-white {
	width:inherit;
	height:inherit;
  background-position:-3px 3px;
}
.ic-gplus-white {
background-position:-76px 3px
}
.ic-skype-white {
background-position:-98px 3px
}






/*footer style...
------------------------------------*/
.footer-block{
	line-height:2em;
	
	background-color:#333; 
	border-top:none;
	color:#c0c0c0;
	
}
.footer-block .container{
	padding:10px 0;	
}

.footer-default-text{
}
#footer .panel p{ text-align:left;

font-size:13px;}

#footer .panel{
padding-top:0px;
width:30%;
float:left;
background-color:transparent;
box-shadow:none;

 

}
#footer .panel:last-child{
	
float:right;
margin-right:0px;	
	
	}
#footer .panel:nth-child(2){
float:left;
margin-left:5%;
	}
#footer .panel h1{
 font-size:13px;
 font-weight:bold;
 text-transform:uppercase;
 color:rgba(0,0,0,0.9);
 border-bottom:solid 1px rgba(255,255,255,0.3);
 text-align:left;
 padding-bottom:5px;
 text-shadow:1px 1px 1px rgba(255,255,255,0.5);
-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.5);	
-o-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
-ms-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
box-shadow: 0px -1px 0px rgba(0,0,0,0.25)inset;
}

#stayTouch,.panel p,.panel ul{
	 font-size:13px;
	color:rgba(0,0,0,0.7);
 text-shadow:1px 1px 1px rgba(255,255,255,0.5);
-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.5);	
-o-text-shadow:1px 1px 1px rgba(255,255,255,0.5);
-ms-text-shadow:1px 1px 1px rgba(255,255,255,0.5);

}
#stayTouch input{ 
border:solid 1px #999; color:#000;
}
#stayTouch label{ margin:0px; padding:0px;}

.panel ul{
list-style:none;
margin:0px; 
padding:0px;
}
.panel ul span{ font-size:18px; margin-right:5px;}
.panel ul li a {

padding:2px 0px 2px 0px;
display:block;
color:#333;
text-decoration:none;
overflow:hidden;
}

.copy_right{
width:100%; float:left; font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; display:inline-block; line-height:2em;

background-color:rgba(0,0,0,0.3);
}

.panel-content{width:100%; float:left; height:215px;}

/* social icon ...and top style
............................................................................*/
#header .span2{ width:100px;}
#header .span3 {width:170px;}
.span2 p{ line-height:20px; float:left; text-align:left; font-size:15px; color:#7A7A7A;  padding:0px; margin:3px 0px 0px 5px;}
.devider{  vertical-align:middle; margin-right:px; padding-right:5px; font-weight:bold; }
#header .top-nav ul { list-style:none; padding:0px; margin:0px; display:block;} 
#header .top-nav ul li { float:left;
margin-left:10px; text-align:center;
}
#header .top-nav ul li a{
 background-color:#f8d4b8;
border:solid 2px #e5a16a;
color:#fff;	
width:26px; height:26px; 
float:left;
 border-radius:20px;
}
#header .top-nav ul li a:hover{
background-color:#969696;
border:solid 2px #ccc;

}

#header .top-nav ul li a:active{
border:solid 2px #d1d1d1;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);	
}
#header .top-nav form{ margin-bottom:5px; float:right;}
form #search{
  padding: 3px 10px 3px 3px; 
  text-indent: 0.5em;
}
#clear {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  left: -20px;
  top: -1px;
}
form #search:focus{}

/*center content start here...
.................................................................*/
.left-slide{ width:50%; height:auto; display:block; float:left; }
.center-slide{ width:30%; height:auto; display:block; float:left; margin:0 5%; }
.right-slide{ width:40%; height:auto; display:block; float:right;}
.left-slide h3,
.center-slide h3,
.right-slide h3
{
/*box-shadow: 0px -1px 0px rgba(0,0,0,0.3)inset;*/
color:#333333;
border-bottom:solid 2px #f90;	
display:inline-block;
font-size:15px;
padding-bottom:5px;
font-family:Verdana, Geneva, sans-serif;
padding:0px 0px 5px 0px;
margin:0px 0px 10px 0px;
font-wieght:normal;
line-height:normal;
font-family:Arial, Helvetica, sans-serif;	
}
.center_cont{ margin:40px  auto ; padding:0px; text-shadow:none; }
.left-slide p, .center-slide p ,.right-slide p{
color:#000;
color:rgba(0,0,0,0.6);
font-size:1.2em;
text-align:justify;
text-shadow:none;
zoom:1;

}
.accordion-inner p{ font-size:14px; text-align:left;}

/* page up style...
..................................................................................*/
.scrollup{
	width:32px;
	height:32px;
	background-color:rgba(0,0,0,0.2);
border:solid 3px rgba(0,0,0,0.2);	
	border-radius:100%;
	position:fixed;
	z-index:100000;
	right:30px;
	text-align:center;
	bottom:50px;
	float:right;
	display:none;
	font-family:Arial, Helvetica, sans-serif;
}
.scrollup span{ margin-top:5px;}
.scrollup:hover{
background-color:rgba(0,0,0,0.1);
border:solid 3px rgba(0,0,0,0.4)	
	
	
}
/*..end page up ........*/
.someDiv {
    z-index:1;
   
    padding:30px;
}
.someDiv p {
    font-size:28px;
    padding:10px;
    position:relative;
}
.someDiv p span {
    position:relative
}
.someDiv p span:before {
    content: "“ ";
    font-size:50px;
    font-weight: bold;
    line-height:20px;
 
    position:absolute;
    top:0px;
    left:-30px
}
.someDiv p:after {
    content: " ”";
    font-size: 50px;
    font-weight: bold;
    line-height:20px;
    position:absolute;
    bottom:-5px;
    
}
/* double quote ...
-----------------------------------------------------------------*/
.quoteDiv {
    z-index:1;
}
.quoteDiv p {
    font-size:28px;
    padding:10px;
    position:relative;
}
.quoteDiv p span {
    position:relative
}
.quoteDiv p span:before {
    content: "“";
    font-size: 35px;
    font-weight: bold;
    line-height:20px;
    color:#666666;
    position:absolute;
    top:-5px;
    left:-25px
}
.quoteDiv p:after {
  content: " ” ";
font-size: 36px;
    font-weight: bold;
    line-height:20px;
    color:#666666;
    position:absolute;
    bottom:-10px;
	
 
}
.quoteDiv p span:before,
.quoteDiv p:after {
 font-family:Arial, Helvetica, sans-serif;	
	
	
}

.quotetop {
    z-index:1;
}
.quotetop p {
    font-size:28px;
    padding:10px;
    position:relative;
}
.quotetop p span {
    position:relative;
	
	
}
.quotetop p span:before {
    content: "“";
    font-size:40px;
    font-weight: bold;
    line-height:20px;
    color:#666666;
    position:absolute;
    top:-5px;
	
    left:-25px
}

.approach_title
{
text-align:center;
font-size:25px;	
color:#5d5d5d;
text-shadow:0 2px 2px rgba(255,255,255,0.9);
}
/*contact us page style...*/
.page_heading1{
	color:#333;
	font-weight:normal;
display:inline;
	position:relative;
	font-size:1.4em;
	padding-bottom:5px;
}
.plan_txt p,.plan_txt ul li{ color:#666; text-shadow:none;
 text-align:justify;
 line-height:25px;}
 .plan_txt h4{
 text-transform:lowercase;	
 color:#333;
 text-shadow:none; 
 }
 .plan_txt ul li{font-size:16px;}
 .plan_txt h4:first-letter{ text-transform:uppercase;}
.end_line{
     text-align: center;  
	 font-size:50px; 
	 margin-bottom:30px;  
}
.end_line:after {
   
    content: "...";  /* Some fancy character */
    color: #333333;
}
.end_line:before {
    margin-right: 10px;
}
.end_line:after {
    margin-left: 10px;
}


#co_address_box{width:250px;  color:#646464;}
#email_form{width:780px;padding:0px 0px 0px 50px;color:#646464;}
#email_form .row-fluid{padding:0; margin:0;}
#email_form .row-fluid label{ font-weight:bold; font-size:13px; }
#email_form .row-fluid .span4 input{ width:100%;}
#email_form .row-fluid .span12{ margin:5px 0; padding:0;}
#email_form .row-fluid .span12 textarea {  width:100%; margin:0; padding:0;}
/*product page style...*/
#approch.nav-tabs{ border:none;position:relative; color:#000;  }
#approch.nav-tabs > li > a{ 
padding:0px 3px; 
margin:0 0px 0 100px;
width:150px;
text-align:center;
position:relative;
color:#000;
border-bottom:solid 2px rgba(0,0,0,0);
border-top:0;
border-left:0;
border-right:0;
  }

#approch.nav-tabs > li > a:hover{ 

border-bottom:solid 2px rgba(0,0,0,0.5);
border-top:0;
border-left:0;
border-right:0;
background:transparent;
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;

}
#approch.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus
{background:transparent;
-moz-transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
border-bottom:solid 2px #f90;
border-top:0;
border-left:0;
border-right:0;
}
.pr_content{ width:100%;  display:block;float:left; border-bottom:solid 1px #d5d5d5; position:relative; margin-bottom:20px;}
.pr_content h3{ color:#707070; margin:25px 0 0 0; text-align:left; width:600px; font-weight:normal; font-size:22px; font-family: Arial, Helvetica, sans-serif; float:left;}
.pr_content p{float:left; text-align:left; 
font-style:italic;
 font-size:18px;
width:600px; line-height:1.7em;
height:auto;
color:#707070;
padding-top:10px;
padding-left:0;
margin-left:0;
font-family:Georgia, 'Times New Roman', Times, serif;
 padding:5px;
}
.pr_content img{ text-align:left; padding-left:100px; float:left; margin-right:50px; }
.ontainer .row {position:relative; clear:both;margin:0 auto; width:100%;display:inline-block;}
.block{width:100%; margin-top:25px; background-color:rgba(255,255,255,0.5); min-height:100px; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.1),inset 0px -1px 1px rgba(0,0,0,0.1);}
.reco_caption{ width:100%; height:auto; 
text-shadow: 0 2px 2px rgba(255,255,255,0.5); 
-webkit-text-shadow:0 2px 2px rgba(255,255,255,0.5);
-moz-text-shadow:0 2px 2px rgba(255,255,255,0.5);
-ms-text-shadow:0 2px 2px rgba(255,255,255,0.5);
padding:25px 0px;
}
.reco_caption h3{color:#333333;
font-size:28px; 
font-family:Georgia, 'Times New Roman', Times, serif;
font-style:italic;
font-weight:normal;
}
.reco_caption p{
line-height:1.5em;
color: #616161;
font-family:Georgia, 'Times New Roman', Times, serif;
font-style:italic;
font-size:16px; font-style:italic;}


.reco_caption blockquote  {
	position: relative;
	border-left: 2px solid #999;
}
.page_heading{
color:#333;
border-bottom:solid 1px #d5d5d5;
font-weight:normal;
}
.circle_point{ list-style:none;}
.circle_point li p{ font-size:20px; color:#333; position:relative; padding-left:25px;}
.circle_point li:before{
 content: "";
position:absolute;
text-align:center;  font-size:15px; color:#fff;  background-color:#666;  background-color:rgba(0,0,0,0.3);  border:solid 3px rgba(0,0,0,0.4); border-radius:50%;width:10px; height:10px; margin: 5px auto;
 line-height:inherit; line-height:1em;
	
}
.carousel_text_block{width:1170px; margin:0 auto;height:300px; left:0; right:0;}
/*css3 arrow..
..........................................................................*/
.arrow_box {
	position: relative;
	background:rgba(255,255,255,0.2);
	border: 1px solid #f5f5f5;
	padding:0px 5px 5px 5px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(213, 213, 213, 0);
	border-right-color:rgba(255,255,255,0.2);
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(245, 245, 245, 0);
	border-right-color: #f5f5f5;
	border-width: 11px;
	margin-top: -11px;
}
.arrow_box h4{ margin-bottom:0px; border-bottom:solid 1px rgba(0,0,0,0.19); font-weight:normal; line-height:1.7em;}
.arrow_box p{ font-size:13px;}
.fluid-bg{height:130px;background-color:rgba(0,0,0,0.05); border-top:solid 1px rbga(0,0,0,1); -webkit-box-shadow:1px 1px 1px rbga(0,0,0,1);}
.top-space{margin-top:120px;}
.ss-right .t-btn,
.ss-left .t-btn{ 
border-radius:50%;
background-color:rgba(0,0,0,0.1);
color:#fff;
display: inline-block;
font-size: 30px;
line-height: 0.56em;
padding: 8px;
text-decoration:none;
opacity:0.05;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
  }
.ss-right:hover .t-btn,
.ss-left:hover .t-btn{ 
border-radius:50%;
background-color:rgba(0,0,0,0.3);
color:#fff;
display: inline-block;
font-size: 30px;
line-height: 0.56em;
padding: 8px;
opacity:1;
-o-transition:.7s;
-ms-transition:.7s;
-moz-transition:.7s;
-webkit-transition:.7s;
}
.btn-down-page{ 
width:30px; height:30px;
 border:solid 4px #CECECE;
background-color:#f1f1f1;
transform:rotate(45deg);

color:#ccc;
display: inline-block;
text-decoration:none;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
  }
 .page-cover
 {
	 width:100%;
	 clear:both;
	 height:auto;
	 display:block;
	 border:solid 1px #d5d5d5;
 }
.page-cover-reco
{
	max-width:100%;
}
.flow-txt-block{
	margin-top:50px;
	border: dotted 2px #e9e9e9;
	border-radius:25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:padding-box;
	-moz-box-sizing:padding-box;
	-webkit-box-sizing:padding-box;
	-o-box-sizing:padding-box;
	-ms-box-sizing:padding-box;
	padding:30px;
	position: relative;
	
}
.flow-txt-block h3{
	font-weight:normal; 
	font-size:18px; 
	line-height:1.6em;
	text-align:left;
	color:#4a4a4a;
}

 .flow-txt-block:before {
	right: 100%;
	top: 49%;
	content: " ";
	height: 0;
	width:70px;
	border-top: dotted 2px #e9e9e9;
	position: absolute;
	pointer-events: none;
	}
.flow-txt-block:after {
	right: 100%;
	top:50%;
	content: " ";
	height:15px;
	width:15px;
	position: absolute;
	pointer-events: none;
	background-color:#e5e5e5;
	border-radius:50%;
	margin-right:60px;
	margin-top:-10px;
	}
.flow-arrow{
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
.block-shadow,
#slider-block{
	background-color:#fff;
	box-shadow:0 0px 3px #DDDDDD;
	-moz-box-shadow:0 0px 3px #DDDDDD; 
	-webkit-box-shadow:0 0px 3px #DDDDDD; 
	-o-box-shadow:0 0px 3px #DDDDDD; 
	-ms-box-shadow:0 0px 3px #DDDDDD; 
	padding:8px !important;
	
}
#slider-block{
padding:8px !important;	
}





/*footer syle...
-------------------------------------------------------------------------------------------*/
#copy_right{ 
position:fixed; 
  bottom:0px; 
  padding:5px 0;
  width:100%; min-height:10px; 
  background-color:#DFDFDF;
  box-shadow:-1px 1px 5px #000;
  z-index:100000000;
  font-size:11px;
  margin-left:0 !important;
}
#copy_right .span8{
  margin-left:0 !important;	
}
#copy_right .span3{
  margin-right:0 !important;
  text-align:right;	
}
#top_fix-nav{ width:100%; height:auto; position:fixed; top:0; z-index:9999999999999999;}
.inquiry-form-bg{padding:0 30px 0 30px; background-color:#f1f1f1;}

/* slide pannel style here...
-----------------------------------------------------------------------------*/
.general-heading {
    color: #333333;
    float: none;
    font-size:24px;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom:10px;
    margin-top: 0;
    text-transform:inherit;
}