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

@font-face {	font-family: 'Raleway-Regular'; src: url("../raleway-regular.html"); }
@font-face {	font-family: 'RobotoCondensed-Light'; src: url("../robotocondensed-light.html"); }
@font-face {	font-family: 'RobotoCondensed-Bold'; src: url("../robotocondensed-bold.html"); }
 /* This CSS is used for the Show/Hide functionality. */
   .more {      display: none;     }
   a.showLink, a.hideLink {   display: none; text-decoration: none; color: red; padding-left: 8px;    }
   a.hideLink {
      background: transparent url(../up.html) no-repeat left; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #36f; }
/*#### This CSS is used for the Show/Hide functionality. ####*/


*::-moz-selection {    background: none repeat scroll 0% 0% #36C1C8;}
*::-moz-selection {    background: none repeat scroll 0% 0% #4A6892/*36C1C8*/;    color: #FFF;}
body { overflow: hidden;height: 100%; margin: 0; padding: 0; overflow-y: scroll; overflow-x: hidden; background: #fff;  -webkit-font-smoothing: antialiased;    -moz-font-smoothing: antialiased; font-size: 100%; font-family: 'Raleway-Regular'; }



.scrollup{ width:40px; height:40px;	text-indent:-9999px; opacity:0.3; position:fixed; bottom:20px; z-index: 1001; right:50px; display:none; background: url('../icon_top.html') no-repeat; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; }
.scrollup:hover{ opacity:.8; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; }


.wrapper { width: 85%; margin: 0 auto; padding: 0; float: none; position: relative; } .img { float: left; height: 100%; margin-right: 7px; }
.clear { clear: both; } .left { float: left; } .right { float: right; } .row, .row1, .row2 { width: 100%; float: left;} .row {  padding: 20px 0; } .row1 { padding: 0; }
.full-width { width: 100%; }
.row1 iframe { width: 100%; height: 560px; padding: 0; }
.row2 iframe { width: 100%; height: 250px; padding: 0; }

.col-sw-1, .col-sw-2, .col-sw-3, .col-sw-4, .col-sw-5, .col-sw-6, .col-sw-7, .col-sw-8, .col-sw-9, .col-sw-10, .col-sw-11, .col-sw-12   { position: relative; margin: 0; padding: 10px; }
.col-sw-1, .col-sw-2 { width: 50%;} .col-sw-1 { float: left;} .col-sw-2 { float: right;} .col-sw-3 { width: 25%; float: left; } .col-sw-4 { float: left; width: 33%; }
.col-sw-5 { float: right; width: 25%; } .col-sw-6 { float: left; width: 50%;  padding: 0px 0px; text-align: left; }
.col-sw-7, .col-sw-8 { width: 33%; } .col-sw-7 { float: left;} .col-sw-8 { float: right;}  .col-sw-9 { width: 100%; float: left; }  .col-sw-10 { width: 35%; float: left; }
.col-sw-11 { width: 20%; float: left; } .col-sw-12 { width: 45%; float: left; }

.col-lw-1, .col-lw-2, .col-lw-3, .col-lw-4, .col-lw-5, .col-lw-6, .col-lw-7  { position: relative; margin: 0; padding: 10px; }
.col-lw-1 { width: 45%; float: left; } .col-lw-2 { width: 60%; float: left;} .col-lw-3 { float: right; width: 70%; }
.col-lw-4, .col-lw-5 { width: 65%; }  .col-lw-4 { float: left; } .col-lw-5 { float: right; } .col-lw-6 { width: 100%; float: left; }
.col-lw-7 { float: left; width: 74%; }

.col-1 { background: #F3F3F3; } 

.float-left { float: left; width: 100% } .float-right { float: right; }
.pad-top { padding-top: 25px;}
.pad-btm30 { padding-bottom: 30px;}

a:visited, a:link {  font-family: 'Raleway-Regular' ; color: #fb2f3a; text-decoration: none; font-family: Arial, sans-serif; font-size: 13px; margin: 5px 0; padding: 10px 0; font-weight: normal; }
a:hover { color: #000; text-decoration: none; }
a[name] {
  padding-top: 100px;
  display: 0; /* required for webkit browsers */
}

.clndr-up { z-index: 5; }

.space { padding: 30px 0 0 0; width: 100%; float:left; }
em { color: #4a6892; } .text-center { text-align: center; } .bold { font-weight: 600; }
.text-left { text-align: left; } .text-italic { font-style: italic; }   .text-right { text-align: right; }
p { font-family: 'Raleway-Regular' ; font-size: 16px; color: #656161; margin: 0; padding: 5px 0; text-align: justify; line-height: 24px; }  
p strong { font-weight: 600; }
h1, h2, h3, h4, h5, h6 {  font-family: 'RobotoCondensed-Light' ;   }
h1 {font-size: 35px; color: #423c3c; line-height: 50px; margin: 0; padding: 0; text-align: center; }
h2 {font-size: 35px; color: #423c3c; font-weight: 400; line-height: 40px; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 18px; color: #fff;  line-height: 40px; margin: 0; padding: 0; }
h4 {  font-size: 28px; color: #423c3c;  line-height: 35px; margin: 0; padding: 0 0 7px 0; }
h5 { font-size: 24px; color: #423c3c; font-weight: 500;  line-height: 24px; margin: 0; padding: 0 0 2px 0; } 
h6 {  font-size: 22px; color: #423c3c;  line-height: 24px; margin: 0; padding: 0 0 3px 0; }


.section_title_line1 {    width: 360px;    height: 3px;    padding: 0px;    margin: 0px auto 0px;    text-align: center;    background:  url(../png/section_title_line1.png)  no-repeat scroll 0px 0px transparent;}
.section_title_line2 {    width: 360px;    height: 3px;    padding: 0px;    margin: 1px auto 0px;    text-align: center;    background: url(../png/section_title_line2.png)  no-repeat scroll 0px 0px transparent;}
.section_title_line3 {    width: 100%; float: left;    height: 3px;    padding: 0px;    margin: 0px;    text-align: center;    background: url(../png/section_title_line3.png)  no-repeat scroll 0px 0px transparent;}
.section_title_line4 {    width: 100%; float: left;    height: 3px;    padding: 0px;    margin: 5px auto 0 auto;    text-align: center;    background: url(../png/section_title_line4.png)  no-repeat scroll 0px 0px transparent;}

.btn { border: none; font-family: 'Raleway-Regular' ; background: #ef1c2b; color: #fff;	cursor: pointer;	padding: 10px 20px;	display: inline-block;	margin: 20px 0px 10px 0;	text-transform: uppercase;	 border-radius: 5px; font-size:14px; outline: none;-webkit-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s;	-moz-transition: all 0.9s;	transition: all 0.9s; }
.btn:hover { color: #fff; background: #3c2c2d; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s;	-moz-transition: all 0.9s;	transition: all 0.9s; }

/* right scroll ease-in-out */
.login-regis { background: #fafafa url(../right-regis.html) left no-repeat; width: 250px; height: 240px; padding: 0 0 0 15px; position: fixed; top: 125px; right: -225px; z-index: 1001; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
.login-regis:hover { right: 0; cursor:; }
/* right scroll ease-in-out */
.login-regis ul { margin: 0; padding: 10px; width: 100% }
.login-regis ul li { margin: 0; padding: 5px; width: 100%; line-height: 24px; border-bottom: 1px solid #d3d3d3; }
.login-regis ul li:last-child { border-bottom: none; }
.login-regis ul li a { font-family: 'Raleway-Regular' ; font-size: 14px; color: #000; } .login-regis ul li a:hover { color: #005da4; }

.bottom-regis {  background: #fafafa url(../bottom-regis.html) top no-repeat; width: 240px;   padding: 15px 5px 0 5px; position: fixed; bottom: -117px; right: 13%; z-index: 1001; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  }
.bottom-regis:hover { bottom: 0; }
.bottom-regis ul { margin: 0; padding: 10px; width: 100% }
.bottom-regis ul li { margin: 0; padding: 5px; width: 100%; line-height: 24px; border-bottom: 1px solid #d3d3d3; }
.bottom-regis ul li:last-child { border-bottom: none; }
.bottom-regis ul li a { font-family: 'Raleway-Regular' ; font-size: 14px; color: #000; } .bottom-regis ul li a:hover { color: #005da4; }

/*---# right scroll ease-in-out  #---*/


.m-top { margin-top: 15px; }

.brdr-right { border-right: 1px solid #888; }
.brdr-top { border-top: 1px solid #888; }

.brdr-t { border-top: 1px solid #e5e5e5 }
.brdr-ryt { border-right: 1px solid #e5e5e5 } 
.brdr-ryt-dot { border-right: dotted #999 1px; }
.hr { width: 100%; float: left; margin: 0; padding:2px 0; border-top: 1px solid #2c2c2c; }
/* Input Type */
input[type="text"], input[type="password"], input[type="email"], input[type="www"], input[type="tel"] {   background: none repeat scroll 0% 0% #FFF; height: 40px;  border: 1px solid #d3d3d3/*E5E5E5*/;    border-radius: 3px;    box-sizing: border-box;    color: #8c8c8c;   font-family: 'Raleway-Regular' ;    padding: 0px 9px;	width: 100%;	margin-bottom: 8px; display: block;  box-shadow: inset 1px 1px 2px #dedede; }
textarea { resize: none;    background: none repeat scroll 0% 0% #FFF; height: 106px;  border: 1px solid #d3d3d3/*E5E5E5*/;    border-radius: 3px;    box-sizing: border-box;    color: #8c8c8c; font-size: 13px;  font-family: 'Raleway-Regular' ;    padding: 7px 9px; 	width: 100%;	margin-bottom: 8px; display: block;  box-shadow: inset 1px 1px 2px #dedede;}
textarea:focus {  background:none; height: 106px;  box-shadow: inset 1px 1px 2px #dedede;}


select { background: none repeat scroll 0% 0% #FFF; height: 40px;  border: 1px solid #d3d3d3/*E5E5E5*/;    border-radius: 3px;    box-sizing: border-box;    color: #8c8c8c;   font-family: 'Raleway-Regular' ;    padding: 0px 9px;	width: 100%;	margin-bottom: 8px; display: block;  /* -webkit-appearance: none;  -moz-appearance: none;  appearance: none;*/ box-shadow: inset 1px 1px 2px #dedede; }
select:focus {  outline: 0 solid #ccc;}

/*# Input Type #*/

.btn-s { background: #F4BB36; border: 1px solid rgba(255,255,255,.4);   -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    -moz-background-clip: padding;    -webkit-background-clip: padding-box;    background-clip: padding-box;  padding: 10px 20px; margin: 0; font-size: 17px; color: #fff;  text-decoration: none; font-family: 'Raleway-Regular'; border-radius: 3px; }


/* ==========================
 --- Parallax ---
============================= */
#parallax1{	 background: url(../parallax2_a.html) no-repeat 50% 0 fixed ; margin: 0 auto;  max-width: 1920px;  }
#parallax1 article { position: relative; top: 0px; }
.transparent { margin: 0; padding: 50px 0 0 0; width: 100%; }

/* === Fixed css ===== */.fixed-header { float: left; width: 100%; margin: 0; padding: 0; position: fixed; z-index: 1001; box-shadow: 1px 1px 5px #CCC; }/* === Fixed css ===== */

#top { width: 100%; margin: 0; padding: 0; height: 25px; background: #25242C; }
.tLink { margin: 0; padding: 0; float: right; color: #5b5b5b; width: 70%; font-size: 12px; font-family: Arial, sans-serif; }
.tLink .topmenu { float: left; width:63%; margin: 0; padding: 0; }
.tLink .topmenu ul { margin: 0; padding: 0; float: right; }
.tLink .topmenu ul li { display: inline-block;  list-style-type: none; } .tLink .topmenu ul li a em { color: #F2D300; } .tLink .topmenu ul li a em:hover { color: #fff; }
.tLink .topmenu ul li a { font-family: Arial, sans-serif; font-size: 12px; color: #fff; padding: 0 5px; margin: 0; line-height: 25px; text-decoration: none; }
.tLink .topmenu ul li a:hover { color: #F2D300/*727272*/; text-decoration: none; }
.tLink-cn { float: right; margin: 0 0 0 5px; padding: 0; width: auto; color: #fff; width: 35%; }
.tLink-cn ul { margin: 0; padding: 0; }
.tLink-cn ul li { font-size: 12px; font-family: Arial, sans-serif; color: #fff; margin: 0 5px 0 0; line-height: 26px;  text-align: left; list-style-type: none; display: inline; }
.tLink-cn ul li a { color: #fff; }  .tLink-cn ul li a:hover { color: #fff; text-decoration: underline }
.tLink-cn .misscall { background: url(../t-cn.html) no-repeat 0px -2px;  padding: 0 0 0 20px; }
.tLink-cn .buyonline { background: url(../buy-online.html) no-repeat 0 -5px; padding: 0 0 0 25px;  }

.tLink-cn img { border-left: 1px solid #5b5b5b; border-right: 1px solid #5b5b5b; padding: 0 3px; margin-right: 5px; float: left;  }

section#header { width: 100%; margin: 0; padding: 0; height: 77px; background: #fafafa; }

section#header .logo { float: left; margin: 0; padding: 0; }
section#header .buyOn { border-radius: 2px; background: #ef1c2b; box-shadow: 1px 1px 1px #666; float: right;  margin: 5px 22px 0 0; padding: 8px 10px 5px 10px; font-family: 'Raleway-Regular'; font-size: 14px; }
section#header .buyOn a{ color: #fff; font-size: 14px; }  
section#header .buyOn img { float: left; margin: -5px 10px 0 0; width: 25px;  }
/*# menu start #*/
.menu { width: 100%; float: left; margin-top: -58px; font-family: 'Raleway-Regular' ; 	background: #fafafa; z-index: 1001; }
.sb-retail { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../retail-chain.html) no-repeat; padding: 0px 5px 3px 12px; }
.sb-retail:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background:  url(../retail-chain.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;/* -webkit-transform: scale(1.1);    -moz-transform: scale(1.1);    -o-transform: scale(1.1);    transform: scale(1.1);*/ }
.sb-phrma { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../pharmacy-2.html) no-repeat; padding: 0px 5px 0px 10px; }
.sb-phrma:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background:url(../pharmacy-2.html) no-repeat 0px -50px; padding: 0px 5px 0px 10px;}
.sb-apperal { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../garments.html) no-repeat; padding: 0px 5px 0px 15px; }
.sb-apperal:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background:url(../garments.html) no-repeat 0px -50px; padding: 0px 5px 0px 15px;}
.sb-elec { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../_95cd.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-elec:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../_95cd.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-jewel { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../jewellery.html) no-repeat; padding: 0px 5px 0px 5px; }
.sb-jewel:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../jewellery.html) no-repeat 0px -50px; padding: 0px 5px 0px 5px;}
.sb-paint { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../paint.html) no-repeat; padding: 0px 5px 0px 10px; }
.sb-paint:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background:  url(../paint.html) no-repeat 0px -50px; padding: 0px 5px 0px 10px;}
.sb-restau { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../restaurant.html) no-repeat; padding: 0px 5px 0px 10px; }
.sb-restau:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background:   url(../restaurant.html) no-repeat 0px -50px; padding: 0px 5px 0px 10px;}
.sb-book { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../bookstore.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-book:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background:   url(../bookstore.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-fmcg { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../fmcg.html) no-repeat; padding: 0px 5px 0px 15px; }
.sb-fmcg:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background:   url(../fmcg.html) no-repeat 0px -50px; padding: 0px 5px 0px 15px;}
.sb-ply { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../plywood.html) no-repeat; padding: 0px 5px 0px 5px; }
.sb-ply:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background:   url(../plywood.html) no-repeat 0px -50px; padding: 0px 5px 0px 5px;}
.sb-mandi { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../mandi.html) no-repeat; padding: 0px 5px 0px 15px; }
.sb-mandi:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../mandi.html) no-repeat 0px -50px; padding: 0px 5px 0px 15px;}
.sb-carpet { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../carpet.html) no-repeat; padding: 0px 5px 0px 5px; }
.sb-carpet:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../carpet.html) no-repeat 0px -50px; padding: 0px 5px 0px 5px;}
.sb-spare { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../spare.html) no-repeat; padding: 0px 5px 0px 10px; }
.sb-spare:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../spare.html) no-repeat 0px -50px; padding: 0px 5px 0px 10px;}
.sb-cosmetic { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../cosmetic-2.html) no-repeat; padding: 0px 5px 0px 5px; }
.sb-cosmetic:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../cosmetic-2.html) no-repeat 0px -50px; padding: 0px 5px 0px 5px;}
.sb-super { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../supermarket.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-super:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../supermarket.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-supply { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../supply.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-supply:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../supply.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-sfa { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../sfa.html) no-repeat; padding: 0px 5px 0px 10px; }
.sb-sfa:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../sfa.html) no-repeat 0px -50px; padding: 0px 5px 0px 10px;}
.sb-manfctr { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../manufacture.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-manfctr:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../manufacture.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-pay { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../payroll.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-pay:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../payroll.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-account { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../free_accounting.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-account:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../free_accounting.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-exsice { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../exsice.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-exsice:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../exsice.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-counter { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../counter.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-counter:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../counter.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-bill { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../billing.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-bill:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../billing.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-pos { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../pos.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-pos:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../pos.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-erp { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../erp.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-erp:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../erp.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-salon { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../salon-spa.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-salon:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../salon-spa.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-mobile { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../mobile_store.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-mobile:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../mobile_store.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-pharM { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../pharma_manufacturing.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-pharM:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../pharma_manufacturing.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-warehouse { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../warehouse_manangement.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-warehouse:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../warehouse_manangement.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-c_f { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../c-n-f.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-c_f:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../c-n-f.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
/* new addited paage */
.sb-starter { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background:  url(../starter.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-starter:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../starter.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-assem { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background:  url(../assembling.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-assem:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../assembling.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-ayur { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background:  url(../ayurvedic_homeopathic.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-ayur:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../ayurvedic_homeopathic.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-autoind { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background:  url(../auto-industry.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-autoind:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../auto-industry.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-textile { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background:  url(../textile.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-textile:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../textile.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-porcess { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background:  url(../process.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-porcess:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../process.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}
.sb-food { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s;  background: url(../food-beverage.html) no-repeat; padding: 0px 5px 0px 12px; }
.sb-food:hover { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition:  0.5s; transition: 0.5s; background: url(../food-beverage.html) no-repeat 0px -50px; padding: 0px 5px 0px 12px;}

/*# menu end #*/

/* request for demo */
.req-demo { float: right; width: 150px; margin-top: -55px; padding:5px; border-left: 1px solid #afafaf; }
.req-demo p { font-size: 13px; line-height: 18px; color: #000; font-weight: 500; text-align: left;  }
.req-demo img { float: left; padding-right: 5px; }




#tag_line { float: left; margin: 0; padding: 10px 0; width: 100%; background: #eeeeee; text-align: center; }
#tag_line h1 { font-family: 'Raleway-Regular'; font-size: 45px; letter-spacing: 1px;  text-align: center ; color: #000; margin: 0; padding:0; line-height: 50px; }
#tag_line h1 em { font-family: 'RobotoCondensed-Light', sans-serif;  font-size: 35px; color: #645e5e;}
#tag_line p { font-size: 17px; color: #000; text-align: center;  font-family: 'Raleway-Regular'; margin: 0; padding: 0; }
#tag_line p em { font-style: italic;}
#tag_line .btn { padding: 15px 30px; background: #ef1c2b;	display: inline-block;	margin: 25px 0; }
#tag_line .btn:hover { color: #fff; background: #3c2c2d; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s;	-moz-transition: all 0.9s;	transition: all 0.9s; }


/*========== Home service section =========*/
#banner, #why, #strength, #service, #clients, #customers, #con-d, #fotter { width: 100%; float: left; }
#banner { margin: 100px 0 0 0; }
.service-box{ margin:10px 0; } .service-content, .service-image{ padding: 0 10px; width: 100%;}

#why { padding: 20px 0; background: #fff; background: url(../content-bg.html)  repeat scroll 0% 0% transparent; }
#why ul { margin: 0px 0 0px 0; padding: 0 30px; text-align: center; }
#why ul li { display: inline-block; list-style-type: none; width: 33%; text-align: left;  }
#why ul li a { font-family: 'Raleway-Regular'; color: #656161; font-size: 17px; line-height: 35px; padding: 0px 10px 0 15px; margin: 0 0 0 0px; text-decoration: none; text-align: center; background: url(../li-bg.html) no-repeat 0px 5px; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s; -moz-transition: 0.9s; }
#why ul li a em { font-size: 13px; color: #656161; }
#why ul li a:hover { text-decoration: none;-webkit-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s; -moz-transition: 0.9s; margin-left: 20px; }

#strength { background: url(../parallax-1.html) repeat 50% 0 fixed ; margin: 0 auto;  max-width: 1920px; padding: 20px 0; text-align: center; }
#strength h1 { color: #fff; margin-bottom: 7px;}
#strength span { height: 1px; width: 8%; margin: 0 0 20px 0; background: none repeat scroll 0% 0% #FFF; display: inline-block;}
#strength p {  color: #fff; font-size: 22px; }
#strength p em { color: #F4BB36; }
.counting_box { padding:20px 0px 0 0; margin: 10px 0 0 0; float: left; width: 100; }  .fact-number { margin:0; padding:; }
.counting_box .icon { float: left; padding: 10px 0; }
.fact-number .factor {	display: inline-block;	line-height: 50px;	padding:5px 0px; color: #fff; font-family: 'RobotoCondensed-Light';  font-size: 60px; font-weight: 500}
#clients { padding: 10px 0 0 0;  margin: 20px 0 0 0; }
#clients p { text-align: center; }
#clients span { height: 1px; width: 15%; margin: 7px 0; background: none repeat scroll 0% 0% #4c4c4c; display: inline-block;}
#clients iframe { width: 100%; margin: 0 0 -40px 0; padding: 0;}
ul.marquee { float: left; display: block;padding: 0;	margin: 0; border: 0 3px solid #ef1c2b;	list-style: none;	line-height: 1;	position: relative;	overflow: hidden; width: 100%;	height: 110px; }
ul.marquee li { position: absolute;	top: -999em; left: 0; display: block;	white-space: nowrap; padding: 3px 5px; }

div#wn { position:relative; width:100%;height:40px; overflow:hidden;	}
div#inner1{ white-space:nowrap;    }
div#inner1 img {    padding-right:4px;    }


#customers { padding: 50px 0; text-align: center; background: url(../why-differ.html)  repeat scroll 0% 0% transparent;  }
.vedio_clip { float: left; margin: 0 13px; padding: 0; width: 31%; height: 250px; background: #1b1c1d; border-radius: 3px; border: 8px solid #fff; box-shadow: 0 0 3px #ccc; }

#com-enquriy { width: 100%; margin: 0; padding: 0;  float: left; background: #232323; }  /*new css for common Enquriy*/
#com-enquriy iframe { width: 100%; margin: 0; padding: 0; height: 490px }
#con-d { background: url(../parallax-2.html) repeat 50% 0 fixed ; margin: 0 auto;  max-width: 1920px; padding: 20px 0; text-align: left;  }
#con-d input { height: 43px;    border: 1px solid rgba(255,255,255,.4);    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    -moz-background-clip: padding;    -webkit-background-clip: padding-box;    background-clip: padding-box;     display:block;    font-family: 'Raleway-Regular' ;    font-size:14px;    color:#fff;    padding-left:20px;    padding-right:20px;    margin-bottom:20px; width: 95%;}
#con-d input[type=submit] {    cursor:pointer;}
#con-d input.name { background: rgba(255, 255, 255, 0.4) url(../icon_name.html) no-repeat scroll 16px 14px; 	  padding-left:45px;}
#con-d input.email { background: rgba(255, 255, 255, 0.4) url(../icon_email.html) no-repeat scroll 16px 14px;	  padding-left:45px;}
#con-d input.message {	background: rgba(255, 255, 255, 0.4) url(../icon_message.html) no-repeat scroll 16px 14px;	  padding-left:45px;}
#con-d input.mobile {	background: rgba(255, 255, 255, 0.4) url(../icon_mobile.html) no-repeat scroll 16px 14px;	  padding-left:45px;}
#con-d textarea{ resize: none; background: rgba(255, 255, 255, 0.4) url(../gemicon_message.html) no-repeat scroll 16px 16px;     width: 276px;    height:80px;    border: 1px solid rgba(255,255,255,.6);    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;    -moz-background-clip: padding;    -webkit-background-clip: padding-box;    background-clip: padding-box;     display:block;    font-family: 'Raleway-Regular' ;    font-size:14px;    color:#fff;    padding-left:45px;    padding-right:20px;    padding-top:12px;    margin-bottom:20px;    overflow:hidden; width: 95%;}
#con-d ::-webkit-input-placeholder { color: #fff;} :-moz-placeholder{ color: #fff; }  #con-d ::-moz-placeholder { color: #fff;} :-ms-input-placeholder { color: #fff;}


#con-d input:focus, textarea:focus { 	  background-color: rgba(0, 0, 0, 0.2);    -moz-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);    -webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);    box-shadow: 0 0 5px 1px rgba(255,255,255,.5);	  overflow: hidden; }
#con-d h1{font-family: 'RobotoCondensed-Light' ;  font-size: 45px; font-weight: normal !important; color: #fff; padding: 0 0 10px 0; text-align: left; }
#con-d p{ color: #fff; padding: 0; }
#con-d ul {  margin: 0px 0 0px 0; padding: 5px 0; line-height: 24px; width: 100%; font-family: 'RobotoCondensed-Light' ;  }
#con-d ul li { display: inline-block; list-style-type: none; color: #fff; font-size: 17px; margin: 0 0 0 0px; padding: 10px 0 10px 50px; font-size: 17px; margin-bottom: 5px; }
#con-d ul li.info_mob { background: url(../icon_mob.html) no-repeat 0px 5px; color: #fff; }
#con-d ul li.info_ph { background: url(../icon_ph.html) no-repeat 0px 5px; color: #fff; }
#con-d ul li.info_loc { background: url(../icon_loc.html) no-repeat 0px 5px;  color: #fff;  }
#con-d ul li.info_mail { background: url(../icon_email2.html) no-repeat 0px 5px;  color: #fff; }

/*#con-d ul li.twitter {  background: url(../images/follow-icon1.png) no-repeat 0px 5px;  color: #fff;  }
#con-d ul li.facebook { background: url(../images/follow-icon2.png)no-repeat 0px 5px; color: #fff;  }
#con-d ul li.google_plus {  background: url(../images/follow-icon3.png)  no-repeat 0px 5px;  color: #fff;  }
#con-d ul li.linkdin {  background: url(../images/follow-icon4.png)  no-repeat 0px 5px;  color: #fff;  }
#con-d ul li.you_tube {  background: url(../images/follow-icon5.png)  no-repeat 0px 5px;  color: #fff;  }*/

#con-d .col-sw-2 img { width: 100%; }
#con-d .follow { padding: 0; margin: 25px 0 0 0; width: 100%; float: left;  color: #fff; }
#con-d .follow h1 { padding: 3px 0 0 0; margin: 0; font-size: 30px }
#con-d .follow li { margin: 0 0px 0 0; float: left; text-align: left; padding: 10px 10px 0 0; }

fotter { float: left; width: 100%; margin: 0; padding:0; background: #232323; }
fotter iframe  { width: 100% ; height: 315px; background: none; margin: 0; padding:0; border: 0;} 

#fotter { background: #3a3a3a/*25242C*/; padding:5px 0 0px 0; text-align: left; color: #C0C0CA ; }
#fotter h3 { text-align: left; color: #f2f2f2; font-size: 20px; }
.col-sw-4 { width: 33.3%; float: left; }
#fotter ul { margin: 8px 8px 0 0; padding: 0; width: 47%; float: left }
#fotter ul li { color: #5E5E5E ; padding: 0px 0 5px 0px; text-align: left; width: 100%; list-style-type: none; }
#fotter ul li a { font-size: 12px; color: #868686; background: url(../li-bg2.html) no-repeat -2px 15px; padding-left: 5px;  }
#fotter .news { float: left; margin: 0; padding: 5px 0; width: 100%; }
#fotter .news a { font-size: 12px;  margin: 0; padding: 0; }
#fotter .news-img { float: left; margin: 0; padding: 0; width: 20%; }
#fotter .news-content { float: left; width: 75%; margin: 0; padding: 0; }
#fotter .news-content p { padding: 0; margin: 0; line-height: 18px; }
#fotter .gal { float: left; margin: 0; padding: 10px 0 0 0; width: 100%; }
#fotter .gal img { float: left; margin: 0 10px 10px 0; padding: 0; /*border: 2px solid #5E5E5E;*/ } 

.ext { 	perspective: 1000; }
.ext { float: left; height: 65px; width: 65px; margin: 0 10px 10px 0; padding: 0; }
.ext:hover .int, .ext.hover .int { 	transform: rotateY(180deg); }
.int { 	transition: .75s;	transform-style: preserve-3d;}

 
#fotter a{ color: #5E5E5E; font-family: 'Raleway-Regular' ;  font-size: 13px; }
#fotter a:hover { color: #f2f2f2; }
#fotter p { color: #676767/*5E5E5E*//*C0C0CA*/; font-size: 13px; }
#fotter em { color: #8b8a8a; font-size: 13px; line-height: 18px; font-family: 'Raleway-Regular'  }
#fotter p a{ color: #f2f2f2;  }
#fotter p a:hover{ color: #5E5E5E/*f6f6f6*/;  }

.copyright { float: left; margin: 20px 0 0 0; padding: 0; width: 100%; border-top: 1px solid #2c2c2c; background: #232323; }


/* new styles */
.ryt-shdw { float: right; margin: -65px 0 0 0; }
ul.grnl_f { margin: 0 0 10px 0; padding: 0; width: 90%; float: left; }
ul.grnl_f li { list-style-type: none; margin: 0; padding: 8px 0;  }
ul.grnl_f li a { font-family: 'Raleway-Regular'; color: #656161; font-size: 17px; line-height: 24px; padding: 0px 10px 0 15px; margin: 0 0 0 0px; text-decoration: none; text-align: center; background: url(../li-bg4.html) no-repeat 0px 5px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: 0.2s; transition: all 0.2s; }
ul.grnl_f li a:hover { text-decoration: none; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s; -moz-transition: 0.9s; transition: all 0.9s; margin-left: 15px; }
a.grnl-more { margin-left: 15px; font-family: 'Raleway-Regular'; font-weight:500; font-size: 14px; padding: 5px 30px 5px 0; color: #1978a4; background:url(../more_bg.html) no-repeat right; }
         

.booster { float: left; width: 100%; margin-bottom: 15px; }
.booster figure { float: left; width: 20%; padding: 12px; margin: 0 10px 0 0;  border-radius:50%; background: #f1f1f1;  }
.booster:hover figure { background: #e9e9e9;-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: 0.5s; transition: all 0.5s; }
.booster figure img { padding:0; width: 100%; }
.booster figcaption { float: right; width: 75%; }
.booster figcaption h6 { color: #1978a4; }
.booster figcaption a { color: #000; }
.booster .more_bstr1 { float: right; }
.booster .more_bstr2 { float: left; }