
/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
body{
	padding:0;
	margin:0;
    font-family: 'Open Sans', sans-serif;
	background:#f5f5f5; 
	font-size:16px;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.maxw1170px{ max-width:1170px; margin:0 auto;}
input[type="button"],input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
/*-----start-header----*/

.logo{ margin:0px 0px; float:left;}
.top-header{
	background:#ecf0f1;
	padding:10px 0;
}

.header-left{
	float:left;
	margin-top: 5px;
}
.header-left ul li{
	display:inline-block;
}
.header-left ul li a,.header-right ul li a{
	color:#777777;
	font-size:15px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
}
.header-right ul li a{
	margin-right: 5px;
}
.header-left ul li a:hover,.header-right ul li a:hover{

	color:#3498db;
}
.header-right ul li{
	display:inline-block;
}
.header-right{
	float:right;
	position:relative;
}
.sign-up-right a{
	position:absolute;
	top: 24%;
	right: 40.5%;
	color: #777777;
	font-size: 15px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}
.sign-up-right a:hover{
	color: #3498db;
}
.header-right ul li.last {
	color: #fff;
	background: #3498db;
	border-radius: 50%;
	padding: 3px 10px;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}
.header-right ul  li.login {
	padding: 0em 4.5em 0 0;
}
i.user{
	width:30px;
	height:30px;
	background: url('../images/img-sprite.png') no-repeat 0px 2px;
	display:inline-block;
	cursor:pointer;
	vertical-align:bottom;
}
i.lock{
	width:30px;
	height:30px;
	background: url('../images/img-sprite.png') no-repeat -30px 2px;
	display:inline-block;
	cursor:pointer;
	vertical-align:bottom;
}
i.cart{
	width:30px;
	height:30px;
	background: url('../images/img-sprite.png') no-repeat -60px 2px;
	display:inline-block;
	cursor:pointer;
	vertical-align:bottom;
}
.wrap{
	width:100%;
	margin:0 auto;
}
.logo{
	float:left;
}
.search{
	float:right;
	width: 35%;
}
/*--start-search--*/
.search2 {
	position: relative;
	background: #fff;
	padding: 7px;
	width: 100%;
	float: right;
	margin: 14px 0px 0px 0em;
	border: 1px solid #D3CFCF;
}
.search2 input[type="text"] {
	outline: none;
	color: #777777;
	background: none;
	font-size: 14px;
	border: none;
	width: 90%;
	float: right;
}
.search2 input[type="submit"] {
	background: url('../images/img-sprite.png') no-repeat -90px 0px;
	width:30px;
	height:30px;
	border: none;
	cursor: pointer;
	position: absolute;
	outline: none;
	top: 3px;
}
.top{
	background:#fff;
	padding:7px 0px; 
	min-height:70px;
}
.navigation-strip h4 {
	float: left;
	color: #fff;
	font-size: 1.3em;
	font-weight: 300;
	margin-top: 5px;
}
.top-menu{
	float:right;
}
.top-menu ul li{
	display:inline-block;
}
.top-menu ul li a{
	text-decoration:none;
	color:#000;
	font-size: 19px;
	font-weight: 700; 
	text-transform:uppercase !important;
}
/* start menu */
.h_nav h4{
	border-bottom: 1px solid rgb(236, 236, 236);
	font-size: 1em;
	color: #000;
	line-height: 1.8em;
	text-transform: uppercase;
	margin-bottom: 4%;
	width: 100%;
}
.h_nav h4.top{
	margin-top: 12%;
}
.h_nav ul li{
	display: block;
}
.h_nav ul li a{
	display: block;
	font-size: 0.95em;
	color: #555;
	text-transform: capitalize;
	line-height: 1.8em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	line-height: 2.5em;
}
.h_nav ul li a:hover{
	color:#00405d;
	text-decoration:underline;
}
i.arrow{
	width:22px;
	height:22px;
	background: url('../images/img-sprite.png') no-repeat 0px -30px;
	display:inline-block;
	cursor:pointer;
	vertical-align: middle;
	margin-left:20px;
}
.banner {
	padding: 0;
}
/*--- slider-css --*/
.slider {position: relative;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width:100%;
  border: 0;
  }
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 14px;
	width: 14px;	
	display: inline-block;
	background:#fff;
	border-radius:50%;
}
.callbacks_here a:after{
	background:#3498db;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 5%;
	z-index: 999;
	left: 47%;
}
ul.callbacks_tabs.callbacks2_tabs {
	position: absolute;
	bottom: 10%;
	z-index: 999;
	left: 45%;
}

/* who we are */
.who{background: #f1f1f1;padding: 40px 0px;border-top: 1px solid #333;}
.who_r{ text-align:right;}
.who_l{ text-align:left;}
.who h1{ font-size:48px; color:#F63;}
.who p{ color: #404040;font-size: 15px;text-align: left;line-height: 28px;}
.more{ color:#000; font-size:17px; display:block; margin-top:15px; text-decoration:underline; width:95px; float:right; text-transform:capitalize;}
.more_r{ color:#000; font-size:17px; display:block; margin-top:15px; text-decoration:underline; width:95px; text-transform:capitalize;}
.more_r:hover{ text-decoration:none; color:#F63;}
.more:hover{ text-decoration:none; color:#F63;}
.about_2{background: #F2F2F2;padding: 25px 15px;box-shadow: 0px 0px 4px 0px #CFCFCF;}
.about_img img{ width:100%;box-shadow: 0px 15px 22px 0px #DFDFDF; border-radius:5px; margin-top:10px;}

.about_3{ min-height:300px; padding:30px 0px;}
.about_3 h1{ font-size:17px; color:#333; text-align:center;}
.about_2 img{ border: 1px solid #CCC;padding: 2px;height: 200px;margin: 10px auto 30px;display: block;}
.value_img img{width:100%;box-shadow: 0px 15px 22px 0px #A7A7A7; border-radius:5px; margin-top:10px;}
.vision_img img{ width:100%;box-shadow: 0px 15px 22px 0px #AFAFAF; border-radius:5px; margin:10px 0px 60px 0px;}
.chat_img img{ width:100%;}



/* end who we are */
.team_area{ text-align:center;}
.team_area p{ line-height:30px;}
.team_img img{ width:100%;box-shadow: 0px 15px 22px 0px #A7A7A7; border-radius:5px; margin:10px 0px 45px 0px;}
.team{ background:#EFEFEF; padding:40px 0px; margin-top:25px;}
.team h1{ font-size:40px; color:#0d65a4; margin:0px; padding-bottom:30px;}
.team h2{ font-size:25px; color:#3C3C3C; margin:0px; padding-bottom:30px;}
.team p{ font-size: 15px;line-height: 31px;color: #404040;}
.team1 img{ width:100%; border:1px solid #CCC; padding:6px;}

/*--gallery-Part-starts-Here--*/
/*-- portfolio --*/
.port { background:#F2F2F2; padding:20px 0px; margin-top:25px;}
.portfolio {padding: 0.5em 0em;}
.portfolio p{ width:80%; margin:0 auto;}
.project-section-head h3{text-transform: uppercase;
	color: #FFF;
	font-weight: 500;
	font-size: 3.2em;
}	
.project-section-head p{
	color: #FFF;
	font-weight: 400;
	font-size: 1.3em;
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 31%;
	display: none;
	float: left;
	overflow: hidden;
	margin: 0em 0.5em;
}
div#portfoliolist {
  padding: 0.5em 0 3em;
}
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;
}
.portfolio img {
	width:100%;
	transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}
.portfolio .label {
	position: absolute;
	width: 100%;
	height:40px;
	bottom:-40px;
}
.portfolio .label-bg {
	background: #22B4B8;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.portfolio .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	padding:5px 8px;
}
.portfolio .text-category {
	display:block;
	font-size:9px;
	font-size: 12px;
	text-transform:uppercase;
}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; 
}
.row:after,
.clearfix:after {
  clear: both; 
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.zoom-icon {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	display: block;
	left: 0;
	top: -152px;
	width: 290px;
	height: 219px;
	background: url(../images/zoom.png) center center no-repeat rgba(77, 78, 98, 0.45);
	cursor: pointer;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.grid_box .zoom-icon {
	top: -5px;
	width: 100%;
	height: 280px;
}
.grid_box a:hover .zoom-icon {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=99); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}
.entertain_box{
	margin-bottom:3em;
}

.portfolio h3 {
  color: #000; 
  font-size: 2.6em;
  font-weight: 600; 
  border-bottom:1px solid #000; 
  padding:0px 0px 10px 0px; 
  margin-bottom:30px;
}
.portfolio h3:after{ background:#0D65A4; width:160px; height:4px; top:54px; content: ""; opacity: 1; left:0px; position:absolute}
/*--single--*/
.artical-links{
	padding: 10px 0px;
	border:1px dashed rgba(0, 0, 0, 0.61);
	border-left: none;
	margin-top: 5px;
	border-right: none;
}
.artical-links ul li{
	display:inline-block;
}
.artical-links ul li:last-child{
	float:right;
}
.artical-links ul li a span{
	vertical-align:top;
}
.artical-links ul li small{
	background:url(../images/img-sprite.png)no-repeat -20px -136px;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right:3px;
	vertical-align: middle;
}
.artical-links ul li small.admin{
	background-position:-49px -136px;
}
.artical-links ul li small.no{
	background-position:-75px -138px;
}
.artical-links ul li small.posts{
	background-position:-102px -136px;
}
.artical-links ul li small.link{
	background-position:-127px -136px;
}
.artical-links ul li a{
	color: #50504f;
	padding-left: 20px;
}
.artical-links ul li a:hover{
	text-decoration:underline;
}
.artical-content h3 {
  color: #b72706;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 0px;
  font-size: 1.5em;
  margin: 0;
}
.artical-content p {
	color: #50504f;
	font-size: 1em;
	line-height: 1.8em;
	margin: 1em 0;
}
/*---comment-box----*/
.table-form{
	width:100%;
}
.table-form form input[type="text"]{
	outline: none;
	padding: 1em;
	margin-top: 23px;
	color: #50504f;
	overflow: hidden;
	width: 40%;
	display: block;	
	font-size: 1em;
}
.table-form textarea{
	padding: 1em;
	margin-top: 25px;
	outline:none;
	color:#50504f;
	width:60%;
	height:135px;
	resize: none;
	font-size: 1em;
}
.table-form input[type="submit"] {
	background: #b72706;
	text-transform: uppercase;
	color: #fff;
	font-size: 1em;
	display: block;
	outline: none;
	border:none;
	font-weight: 700;
	padding: 0.4em 1em;
	margin: 0.8em 0 0;
}
.table-form input[type="submit"]:hover{
	background:#E4DD2C;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.artical-commentbox h3, .comment-grid-top h3 {
	color: #b72706;
	text-align: left;
	text-transform: uppercase;
	padding-top: 1em;
	margin: 0;
	font-size: 1.5em;
}
.top-comment-left{
	float: left;
	width: 13%;
}
.top-comment-right{
	float: left;
	width:84%;
	margin-left:1em;
}
.top-comment-right ul{
	padding: 0;
	margin: 0;
}
.top-comment-right ul li {
	display: inline-block;
	color: #333;
	padding: 0.3em;
	font-weight: 700;
}
.top-comment-right ul li a{
	text-decoration: none;
	font-size: 1.1em;
	color: #FFF600;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.top-comment-right ul li a:hover{
	color: #000;
}
.top-comment-right p {
	color:#50504f;
	font-size: 1em;
	margin: 0;
}
.top-comment-right ul li span.left-at{
	font-size: 1.2em;
}
.top-comment-right ul li span.right-at{
	font-size: 1em;
}
.comments-top-top {
	margin: 1.5em 0;
	background: #eee;
	padding: 2em;
	width: 70%;
}
.single-page-artical {
	padding: 2em 0 4em;
}
.blog-top p {
	font-size: 1em;
	color: #fff;
	line-height: 1.8em;
	text-align: left;
	margin: 1em 0;
}
.artical-links ul {
  padding: 0;
}

/*---*/
/*--gallery-Part-Ends-Here--*/

/*--client--*/
.clients {border-top: 1px solid #F2F2F2;background: #F6F6F6; padding:40px 0px;}
.work-title{ position:relative;}
.work-title h2{ color:#fff; font-size:30px;margin: 0px; padding: 0px 0px 15px 0px;text-shadow: 1px 2px 2px #2B2B2B; border-bottom:1px solid #fff; margin-bottom:15px;}
.work-title h2::after {position: absolute;bottom:-1px;left: 0%;width: 15%;height: 4px;background: #F63;content: "";opacity: 1;}
.clients h3{ color:#fff; font-size:15px; font-weight:700; text-transform:uppercase;text-shadow: 1px 1px 3px #121212;}
.clients_img{ background:#606060; border:1px solid #000; padding:5px;}
.clients_img img{ width:100%}
.clients p{ color:#929292; padding-top:10px;}
.read{ background:#3498DB; max-width:120px; color:#fff; font-size:14px; padding:10px 15px; float:right; text-transform:uppercase; transition:all .3s ease-in-out; border-radius:3px; text-align:center; display:block;}
.read:hover{ background:#0D65A4; text-decoration:none; color:#fff; }

.read_more{ color:#FFF; font-size:18px; display:block; float:right; margin:20px 0px; text-transform:capitalize;}
/*-- end client--*/

/*-- provide--*/
.provide{ background:#464646;  min-height:100px; text-align:center; padding:20px 0px;}
.provide h1{ font-size:40px; color:#fff; font-weight:700; margin-bottom:6px;}
.provide h1 span{ color:#F60; font-size:35px;}
.provide p{ color:#C6C6C6; margin:0px;}
.click{ width:125px; background:#F60; color:#FFF; padding:5px 15px; border-radius:5px; font-size:15px; transition:all .3s ease-in-out; text-align:center; margin:14px auto 0px; text-transform:uppercase; display:block;}
.click:hover{ background:#c55205; color:#FFF; text-decoration:none; transition:all .3s ease-in-out;}
/*--end provide--*/

/*-- who we sre --*/
.who_we{ background:#fff; padding:30px 0px; min-height:580px;}
.whowe{ position:relative;}
.who_we h1{ font-size:40px; border-bottom:1px dashed #333 !important; padding: 0px 0px 8px 0px; margin-bottom:25px;}
.who_we h1 span{ color:#F60;}
.who_we h1:after{ background:#0D65A4; width:100px; height:3px; top:51px; left:0px; content: ""; opacity: 1px; position:absolute;}
.who_we h2{ font-size:18px; color:#F63; margin:10px 0px;}
.who_we p{ margin-top:15px; color:#777777; font-size:14px;}
.who_bro{ border-bottom:1px solid #ACACAC; padding-bottom:30px;}
.who_we h3{ font-size:16px; color:#7F7F7F; float:right; margin-top:10px;}
.who_we h4{ font-size:22px; margin-top:15px;}
.readmore{ color:#000; font-size:17px; display:block; float:right; text-transform:capitalize; margin-top:5px;}
.readmore:hover{ color:#F63;}

.professional{ background:#F3F3F3; min-height:485px; padding:25px 0px;}
.pro{ position:relative}
.pro h2{ font-size:35px; color:#000; margin-bottom:25px; border-bottom:1px solid #000; padding:0px 0px 10px 0px;}
.pro h2::after{ background:#F60; height:4px; width:170px; position:absolute; left:0px; top:47px; bottom:0px; content: ""; opacity: 1;}
.who_we p img{ margin:-6px 0px 0px 0px; padding-right:3px;}
.who_img{ margin:20px 0px; border-radius:15px;}
.who_img img{ width:100%;border-radius:15px;}
.job{ margin-top:20px; height:205px;}
.job ul{ margin:0px; padding:0px;}
.job ul li{ list-style:inside; margin-bottom:6px;}
.job ul li a{ text-decoration:none; font-size:18px; color:#c06c3e; padding:8px; font-weight:300;}
.job ul li a:hover{ color:#ff5500}
/*-- end who we sre --*/

/*-- Professional --*/
.methodology{ min-height:400px; background:#F5F5F5; padding-bottom:35px;}
.methodology p{color: #404040;font-size: 15px;padding-bottom: 15px;line-height: 28px;}
.methodology h4{font-size: 27px;color: #0D65A4;text-transform: uppercase;padding-bottom: 10px;}
.methodology h2{font-size:37px; color:#fff;text-align:center; padding:3px 0px; background:#0D65A4;position:relative; height:55px; margin-bottom:20px;}
.methodology h2:after{ content: "";  border-top: 35px solid transparent;border-bottom: 35px solid transparent;border-right: 35px solid #f5f5f5;position: absolute; right: 0; top: -7px;}
.methodology h2:before{ content: "";  border-top: 35px solid transparent;border-bottom: 35px solid transparent;border-left: 35px solid #f5f5f5;position: absolute; left: 0; top: -7px;}
.media{border: 1px solid #C3C3C3;padding:10px;border-radius:2px; margin-top:10px; }
.media_area{ min-height:155px;}
.arrow{ text-align:center; margin-top:5px;}
.media-body h3{font-size:30px; font-weight:600; color:#828282 !important; }
.media-body h4{ font-size:20px; font-weight:600; color:#000; margin-bottom:5px;}
.height{ min-height:530px;}
.thumbnail .caption h3{ font-size:15px; margin:12px 0px; border-bottom:0px;}
.thumbnail .caption p{ font-size:14px; color:#777777;}
.thumbnail img{ width:100%; border-radius:5px;}
/* end Professional --*/

/*-- about --*/
.about{ margin-top:0px;}
.about h2{ font-size: 27px;color: #0D65A4;text-transform: uppercase;padding-bottom: 15px;}
.about img{ margin-bottom:25px;}
.about p{ color: #404040;font-size: 15px;line-height: 28px; padding-bottom:30px;}
.aboutus{ background:#F1F1F1; min-height:350px; padding:25px 0px; margin-top:30px;}
.aboutus h2{ font-size:40px; color:#000;}
.about_area{ margin:30px 0px;}
.about_area ul{ padding:0px; margin-left:150px;}
.about_area ul li{ margin-bottom:10px; list-style-type:decimal;}
.about_area ul li a{ font-size:20px; padding:7px; color:#4F4F4F}
.about_area ul li a:hover{ color:#F60; text-decoration:none;}
.Why_area{margin:30px 0px; padding:0px 10px;}
.Why_area ul{ padding:0px; margin:0px;}
.Why_area ul li{ margin-bottom:10px; list-style-type:decimal;}
.Why_area ul li a{ font-size:17px; padding:7px; color:#000}
.Why_area ul li a:hover{ color:#F60; text-decoration:none;}

.about_area img{ width:100%; border:1px solid #767676; margin-bottom:20px; padding:3px; min-height:200px;}
.about_area h1{ font-size:22px; color:#090909; margin:0px; text-align:center;}
.about_area h1 a{ font-size:22px; color:#090909; margin:0px; text-align:center;}

.Vision{ margin-top:30px;}
.Vision h3{ font-size:30px; color:#0D65A4; font-weight:bolder;}
.Vision p{ margin-bottom:10px;}
.Vision ul{ margin-left:100px; padding:0px; list-style:url(../images/fd1.png)}
.Vision ul li{ color:#000; font-size:21px; margin-top:6px;}
.Vision ul li p{ color:#5E5858; font-size:15px;}
.Integrity{ width:100%}
.Integrity ul{ margin-left:70px; padding:0px;list-style:url(../images/fd.png);}
.Integrity ul li{ font-size:19px; color:#000;}
.Integrity ul li p{color:#5E5858; font-size:15px;}
.about_l{ margin-top:25px; height:60px;}
.about_l ul{ list-style:none; padding:0px; margin:0px;}
.about_l ul li p{ float:right; width:82%}
.about_l ul li span{ color:#F60;width: 15%;float: left;font-size: 20px;}
.latest{ margin-top:25px;}
.new{ width:70px; height:70px; background:#F60; border-radius:50%; color:#000; padding:15px; display:block; text-align:center; font-size:19px; line-height:18px;}
.news{ margin-top:10px;}
.new:hover{ background:#bc4c01; color:#fff; text-decoration:none; transition:all .3s ease-in-out}
.mega ul{ padding:0px; margin:0px;}
.mega ul li{ margin-bottom:5px; border-bottom:1px solid #e78c03; color:#FFF;}
/*-- end about --*/

/*-- Permanent --*/
.Permanent{ background:#f5f5f5;padding-bottom: 30px;}
.Permanent h2{font-size: 27px;color: #0D65A4;text-transform: uppercase;padding-bottom: 15px;}
.Permanent h3{ font-size:27px; color:#000; border-bottom:1px solid #C0C0C0; padding:10px 0px 3px 0px;}
.Permanent p{ color: #404040;font-size: 15px; padding-bottom:15px;line-height: 28px;}
.Permanent h4{ font-size: 27px;color: #0D65A4;text-transform: uppercase;padding-bottom: 10px;}
.Permanent h5{ font-size: 25px;color: #0D65A4;text-transform: uppercase;padding: 30px 0px 15px;}
.Services{ margin-top:20px;}
.Services h5{ font-size:30px; margin:5px 0px 0px 35px; color:#000;}
.Permanent h6{ font-size:18px; color:#000; }
.Permanent h6 span{ color:#000; font-size:21px; font-weight:500;list-style-type: circle}
.managed{ margin:15px 0px 15px 15px;}
.managed h1{font-size:18px; color:#000;}
.managed p{ font-size:16px; margin:10px 22px;}
.tempora{ min-height:55px; margin-top:25px;}
.tempora h1{font-size: 27px;color: #0D65A4;text-transform: uppercase;padding-bottom: 15px;}
.tempora p{color: #404040;font-size: 15px;line-height: 28px;padding-bottom: 15px;}
.Services ul{ padding:0px; margin:0px;}
.Services ul li{ font-size:15px;}
.submission{ min-height:235px;}
.submission h3{font-size:22px; color:#000; border-bottom:1px solid #C0C0C0; padding:10px 0px 5px 0px; margin-bottom:10px; font-weight:600;}
.submission h1{ font-size:22px; color:#000; margin-left:35px;}
.submission h1 span{ color:#000; font-size:21px;}
.submission p{ margin-left:55px; margin-top:0px;}
.submission_area{ min-height:60px;}
.facility_area{ min-height:235px;border-top:1px solid #C0C0C0;}
.facility{ margin-top:15px;}
.facility_img img{width:100%;box-shadow: 0px 15px 22px 1px #BBBBBB; border-radius:5px; margin:10px 0px 45px 0px;}
.facility_img p{ color:#8A8A8A;}
.facility h1{font-size:22px; color:#000;}
.facility h1 span{ color:#000; font-size:20px;}
.facility p{margin-left:25px; margin-top:0px;}
.Permanent ul{ margin: 0px;padding: 0px 15px;}
.Permanent ul li{ margin-bottom: 5px;padding: 0px;color: #404040;list-style: outside; font-size:15px;}
.Permanent ul li a{ font-size:18px; color:#000;}
.Permanent ul li a:hover{ color:#FFBA69}
.Permanent ul li p{ color:#8A8A8A; margin-top:0px; padding-left:16px;}
.Permanent ul li.co{ margin-bottom:30px;}
.value_area{ min-height:235px; margin:100px 0px;}
.value_area h1{ font-size:21px; color:#000; text-align:center; margin:0px; text-transform:uppercase;}
.value{ text-align:center;}
.value img{ width:195px; height:195px; border:1px solid #0e3e7c; margin:0 auto 15px;}
.training_img img{width:100%;box-shadow: 0px 15px 22px 0px #D0D0D0; border-radius:5px; margin:10px 0px 45px 0px;}
.payroll_img img{width:100%;box-shadow: 0px 15px 22px 1px #BDBDBD; border-radius:5px; margin:10px 0px 45px 0px;}
.function_img img{width:100%;box-shadow: 0px 10px 18px 0px #CDCDCD; border-radius:5px; margin:10px 0px 45px 0px;}
.temporary_img img{width:100%;box-shadow: 0px 15px 22px 0px #AAAAAA; border-radius:5px; margin:10px 0px 45px 0px;}
.methodology_img img{width:100%;box-shadow: 0px 15px 22px 1px #E7E7E7; border-radius:5px; margin:10px 0px 35px 0px;}
.industry_img img{width:100%;box-shadow: 0px 15px 15px 1px #D3D3D3; border-radius:5px; margin:10px 0px 40px 0px;}
.recruitment_img img{width:100%;box-shadow: 0px 14px 22px 0px #ABABAB; border-radius:5px; margin:10px 0px 40px 0px;}
.client_img img{width:100%;box-shadow: -1px 17px 24px 2px #D4D4D4; border-radius:5px; margin:10px 0px 0px 0px;}
.client_img1 img{width:100%;box-shadow: -1px 17px 24px 2px #D4D4D4; border-radius:5px; margin:10px 0px 35px 0px;}
.contact_img img{ width:100%; border-radius:5px;}
.chat_img2 img{ width:100%;}
/*-- end Permanent --*/

.industry{ padding-bottom: 30px;}
.industry h1{ font-size:24px; color:#0D65A4; padding-bottom:15px;}
.industry h2{ font-size:37px; color:#fff;text-align:center; padding:3px 0px; background:#0D65A4;position:relative; height:55px; margin-bottom:20px;}
.industry h2:after{ content: "";  border-top: 35px solid transparent;border-bottom: 35px solid transparent;border-right: 35px solid #f5f5f5;position: absolute; right: 0; top: -7px;}
.industry h2:before{ content: "";  border-top: 35px solid transparent;border-bottom: 35px solid transparent;border-left: 35px solid #f5f5f5;position: absolute; left: 0; top: -7px;}
.industry h3{font-size:30px; color:#000; margin:20px 0px;}
.industry p{color: #404040;font-size: 15px;padding-bottom: 15px;line-height: 28px;}
.industry h4{font-size: 27px;color: #0D65A4;text-transform: uppercase;padding-bottom: 10px;}
.industry ul{ margin:0px; padding:0px 20px;}
.industry ul li{ margin-bottom: 5px;padding: 0px;color: #404040;list-style: outside;font-size: 15px;}

/* footer */
.footer_area{ width:100%}
.footer_area h1{ font-size:18px; color:#fff;font-weight: 900;font-family: 'Open Sans',sans-serif;text-transform: uppercase;}
.footer_area ul{ margin:15px 0px; padding:0px;}
.footer_area ul li{ list-style:none; margin-bottom:3px;}
.footer_area ul li a{ font-size:15px; color:#e7e7e7;}
.footer_area ul li a:hover{ color:#F30; text-decoration:none;}
ul.general-info { margin:20px 0px;}
.social-icons{ margin-top:20px;}
.need h3{font-size:17px; color:#fff;font-weight: 900;font-family: 'Open Sans',sans-serif;text-transform: uppercase;}
.contact_from{ border:3px solid #0D65A4; width:150px; height:40px; display:block; padding:2px 0px; text-align:center; font-size:20px; border-radius:2px; margin-top:20px; color:#fff;}
.contact_from:hover{ background:#0D65A4; color:#FFF; border-radius:2px;}
.contact h2{font-size:18px; color:#fff;font-weight: 900;font-family: 'Open Sans',sans-serif;text-transform: uppercase;}
.phone {min-height: 25px;float: left;width: 100%;margin-top: 20px;}
.ph_img{ float:left; margin-right:10px;}
.phone h3{font-family: 'Open Sans',sans-serif;font-size:20px; color:#e7e7e7;}
.phone h4{font-family: 'Open Sans',sans-serif;font-size:16px; color:#e7e7e7;line-height: 21px;}
.phone h4 span{ font-size:14px;}
.phone h3 a{font-family: 'Open Sans',sans-serif;font-size:15px; color:#e7e7e7;}
/* end footer */


/*-- responsive-mediaquries --*/



.right-grid {
	border-right: 1px solid #B9B9B9;
	padding:0;
	background: #fff;
	min-height: 449px;
}
.right-grid-top {
	padding: 2em;
	border-bottom: 1px solid #B9B9B9;
}
.r-sale {
	background: #34495e;
	float: left;
	width: 44%;
	padding: 3em 0;
	margin-right:4%;
}
.r-discount {
	float: right;
	width: 52%;
}
.r-sale h6 {
	color: #fff;
	font-size: 21px;
	font-weight: 300;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.r-sale h2 {
	color: #fff;
	font-size: 3.8em;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.r-discount span {
	background: #666666;
	display: block;
	padding: 6px 1.5em;
	color: #fff;
	letter-spacing: 1.8em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
}
.r-discount h2 {
	color: #666666;
	font-size: 4.5em;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.r-discount p{
	color: #666666;
	font-size:2em;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
.r-discount a {
	color: #000;
	font-size: 1.1em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.r-discount a:hover {
	padding-left: 10px;
}
.r-discount a:hover{
	color:#3498db;
}
.right-grid-bottom-left h3 {
	color: #666666;
	font-size: 2.25em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	margin-bottom:10px;
}
.right-grid-bottom-left p{
	background:#f39c12;
	color:#fff;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	padding:3px 18px;
	margin:5px 0;
	width:65%;
}
.right-grid-bottom-left h5 {
	color: #666666;
	font-size: 1.2em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	margin:10px 0 4px 0;
}
.right-grid-bottom-left h2{
	color: #e74c3c;
	font-size: 1.9em;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	margin:10px 0;
}
.right-grid-bottom-left a{
	color: #000;
	font-size: 1.1em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.right-grid-bottom-left a:hover {
	padding-left: 10px;
	color:#3498db;
}
.right-grid-bottom {
	padding: 1.4em 2em;
}
.right-grid-bottom-left{
	float:left;
	width:70%;
}
.right-grid-bottom-right{
	float:right;
	width:30%;
}
.right-grid-bottom-right img {
	width: 100%;
}
.new-arrivals{
	padding:3em 0;
	border: 1px solid #B9B9B9;
	background:#fff;
}
.product-item img {
	width: 100%;
}
.best-sellers{
	background:#000;
	padding: 2.5em 2em;
}
.best-sellers-head{
	float:left;
	margin-right: 10%;
}
.best-sellers-menu{
	float:left;
	margin-top: 10px;
}
.best-sellers-menu ul li{
	display:inline-block;
	margin: 0 2.5em;
}
.best-sellers-head h3 {
	color: #fff;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size:2.5em;
	font-weight:700;
}
.best-sellers-menu ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	padding: 10px 20px;
	border: 2px solid #000;
}
.best-sellers-menu ul li a.active{
	color:#3498db;
	border: 2px solid #3498db;
	border-radius: 25px;
}
.best-sellers-menu ul li a:hover{
	color:#3498db;
	border: 2px solid;
	border-radius: 25px;
}
.product-item a h3 {
	text-transform: uppercase;
	font-size: 2.4em;
	font-weight: 300;
	color: #2980b9;
	margin: 18px 0 5px 0;
}
.product-item a{
	color: #000;
	font-size: 1.1em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.product-item a:hover{
	color:#3498db;
}
.new-arrival-head h3{
	text-transform: uppercase;
	font-size: 3.7em;
	font-weight: 300;
	line-height:1.3em;
	color: #000;
	margin:0.6em 0 1.5em 0;
	font-family: 'Open Sans', sans-serif;
}
.new-arrival-head a{
	color: #000;
	font-size: 1.1em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	padding: 9px 27px;
	border: 2px solid #000;
	border-radius: 25px;
	z-index:1;
}
.new-arrival-head a:hover{
	border-radius:0;
}
/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Button 1d */
.btn-1d {
	overflow: hidden;
}

.btn-1d:after {
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	background: #000;
	border-radius:0;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.btn-1d:hover,
.btn-1d:active {
	color: #0e83cd;
}

.btn-1d:hover:after {
	width: 90%;
	opacity: 1;
}

.btn-1d:active:after {
	width: 101%;
	opacity: 1;
}
/* Button 1f */
.btn-1f {
	overflow: hidden;
}

.btn-1f:after {
	width: 101%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.btn-1f:hover,
.btn-1f:active {
	color: #0e83cd;
}

.btn-1f:hover:after {
	height: 75%;
	opacity: 1;
}

.btn-1f:active:after {
	height: 130%;
	opacity: 1;
}
i.go{
	width: 20px;
	height: 20px;
	background: url('../images/img-sprite.png') no-repeat -22px -32px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 7px;
}
.product-item h3 {
	text-transform: uppercase;
	font-size: 2.4em;
	font-weight: 300;
	color: #2980b9;
	margin: 18px 0 5px 0;
}
/* --#flexiselDemo3 {
	display: none;
}-- */
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin:3em 0;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0 auto;
	width:100%;
  	background: #FFF;
}
.nbs-flexisel-item {
	float: left;
	margin:0px;
	padding:0px;
	cursor: pointer;
	position: relative;
	display: inline-block;
}
.course_demo{
	background: #FFF;
	padding: 3% 3% 3% 3%;
}
.course_demo1{
	background: #FFF;
	padding: 1% 3% 1% 3%;
}
.nbs-flexisel-item img {
	  width: 45%;
	  cursor: pointer;
	  position: relative;
	  margin-bottom: 0px;
	  display:inline;
	  border-radius: 7px;
	  -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  width:60px;
  height:60px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
.nbs-flexisel-nav-left {
  	left: -5em;
	background: url(../images/img-sprite.png) 0px -52px no-repeat;
}
.nbs-flexisel-nav-right {
	right: -5em;
	background: url(../images/img-sprite.png) -60px -52px no-repeat;
}
.client{
	width:70%;
	margin:0 auto;
}
.client img {
	width: 90%;
}
.ipad {
	width: 85%;
	margin: 0 auto;
	border: 1px solid #DDD;
	padding: 20px 13px 40px 19px;
}
.ipad h4 {
	color: #000000;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	margin-top:1.5em;
}
.ipad h3 {
	color: #3498db;
	text-transform: uppercase;
	font-size: 1.75em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	margin: 6px 0 12px 0px;
}
.ipad ul li a {
	color: #727272;
	text-transform: capitalize;
	font-size: 1.1em;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
}
.ipad ul li a:hover {
	color: #3498db;
}
i.cart-1 {
	width: 20px;
	height: 20px;
	background: url('../images/img-sprite.png') no-repeat -42px -31px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	margin: 0 3px 0 2em;
}
i.heart {
	width: 20px;
	height: 20px;
	background: url('../images/img-sprite.png') no-repeat -62px -31px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	margin: 0 4px 0 1em;
}

.device {
	border: 1px solid #B9B9B9;
}
.shipping{
	background:#fff;
	border: 1px solid #B9B9B9;
	padding:1.8em;
	margin-right:3%;
	width:31.333%;
}
.return{
	background:#fff;
	border: 1px solid #B9B9B9;
	padding:1.8em;
	margin-right:0;
	width:31.333%;
}
.footer {
	background: #396CAB;
    padding: 40px 0px;
}
.shipping h3,.return h3 {
	color: #777777;
	font-size: 2em;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}
i.shipping-icon{
	width: 55px;
	height: 35px;
	background: url('../images/img-sprite.png') no-repeat -122px 0px;
	display:inline-block;
	vertical-align: sub;
	margin-right: 10px;
}
i.correct-icon{
	width: 55px;
	height: 35px;
	background: url('../images/img-sprite.png') no-repeat -187px 0px;
	display:inline-block;
	vertical-align: sub;
}
i.return-icon{
	width: 55px;
	height: 35px;
	background: url('../images/img-sprite.png') no-repeat -243px 0px;
	display:inline-block;
	vertical-align: sub;
}
.shipping p,.return p {
	color: #777777;
	font-size: 1.1em;
	line-height:1.5em;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	margin:1em 0 0 5px;
}
.social-icons i{
	width: 60px;
	height: 60px;
	display:inline-block;
	cursor:pointer;
}

i.twitter{ background:url(../images/img-sprite1.png) no-repeat; width:48px; height:48px;
}
i.twitter:hover{ background-position:0px -48px; transition:all .3s ease-in-out;
}
i.facebook{
	background:url(../images/img-sprite1.png) no-repeat -48px 0px;width:48px; height:48px; 
}
i.facebook:hover{
	background-position:-48px -48px; transition:all .3s ease-in-out;
}
i.googlepluse{
	background:url(../images/img-sprite1.png) no-repeat -96px 0px;width:48px; height:48px;
}

i.googlepluse:hover{
	background:url(../images/img-sprite1.png) no-repeat -96px -48px;transition:all .3s ease-in-out;
}
i.pinterest{
	background:url(../images/img-sprite1.png) no-repeat -144px 0px;width:48px; height:48px;
}
i.pinterest:hover{
	background:url(../images/img-sprite1.png) no-repeat -144px -48px;transition:all .3s ease-in-out;
}
i.linkedin{
	background:url(../images/img-sprite1.png) no-repeat -192px 0px;width:48px; height:48px;
}
i.linkedin:hover{
	background:url(../images/img-sprite1.png) no-repeat -192px -48px;transition:all .3s ease-in-out;
}
.follow h3,.subscribe h3,.help h3{
	color: #fff;
	text-transform: uppercase !important;
	font-size: 17px;
	font-weight: 900;
	font-family: 'Open Sans', sans-serif;
	text-transform:capitalize;
}
.follow p,.subscribe p,.help p{
	font-family: 'Open Sans', sans-serif;
	color:#777777;
	font-size:1.15em;
	font-weight:400;
	/*margin:10px 0;*/
}
.help a{
	text-transform:uppercase;
	color:#fff;
	padding:8px 18px;
	background:#3498db;
	text-decoration:none;
	font-size:15px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	border:1px solid #3498db;
}
.help a:hover{
	border:2px solid #3498db;
	background:#fff;
	color:#3498db;
}
.help p{
	margin-bottom:1.45em;
}
.contact-section {
	/*border-bottom: 1px solid #B9B9B9;*/
	/*padding: 3em 0 2em 0;*/
}
.subscribe input[type="text"] {
	width: 65%;
	color: #606060;
	font-size: 15px;
	padding: 10px 10px;
	border: 1px solid #B9B9B9;
	outline: none;
	margin: 5px 5px 0 0;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
}
.subscribe input[type="submit"] {
	color: #3498db;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	border: 2px solid #3498db;
	background: #fff;
	padding: 9px 23px;
	outline: none;
	font-family: 'Open Sans', sans-serif;
}
.subscribe input[type="submit"]:hover{
	color:#fff;
	background:#3498db;
}
.cards {
	/*padding: 1.5em 0;
	border-top: 1px solid #B9B9B9;*/
	border-bottom: 1px solid #B9B9B9;
}
.copyright {
	padding: 15px 0;background: #275A99;
}
.copyright p{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:400;
	color:#fff;
}
.copyright p a{
	color: #3498db;
	margin-left: 5px;
	color:#fff;
}
.copyright p a:hover{ text-decoration:underline; color:#000;}
.footer-middle {
	padding: 3em 0;
}
.about-text.text-right h4{
	color:#3498db;
	font-size:1.3em;
	font-weight: 600;
}
.about-text.text-right p {
	color: #505050;
	font-size: 1.05em;
	font-weight: 600;
	line-height: 1.5em;
	margin-top: 5px;
}
.different-products ul li {
	display: inline-block;
}
.different-products ul li.first{
	color:#777777;
	font-size:15px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
}
.different-products ul li a{
	color:#222222;
	font-size:15px;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
.different-products ul li a:hover{
	color:#3498db;
	text-decoration: underline;
}

/*-- mobiles-page-starts-here --*/
.main {
	padding: 2em 2em;
	background: #fff;
	border: 1px solid #B9B9B9;
	margin-bottom: 2em;
}
.content h2{ 
	font-size:23px;
	color:#6C6C6C;
}
.content_top{
	padding:15px 20px;
	border:1px solid #EBE8E8;
	border-radius:3px;
	margin-bottom: 1em;
}
.content_bottom{
	padding:15px 20px;
	border:1px solid #EBE8E8;
	border-radius:3px;
	margin:2em 0 1em 0;
} 
.heading{
	float:left;
	margin-right:10%;
}
.heading h3{
	font-size:22px;
	color:#602D8D;
	text-transform:uppercase;
}
.sort,.show{
	float:left;
	width:14%;
	margin-left:1.6%;
	padding-top:5px;
}
.sort p,.show p{
	display:inline;
	font-size:0.8125em;
	color: #333;
}
.sort select,.show select{
	display:inline;
	font-size:1.1em;
	color: #333;
	margin-left:2px;
}
.page-no{
	float:right;
	padding-top:5px;
}
.page-no p{
	display:inline;
	font-size:0.8125em;
	padding:0.3em 0;
	color: #333;
}
.page-no ul{
	display:inline;
}
.page-no li{
	display:inline;
}
.page-no li a{
	font-size:0.8125em;
	color: #333;
	line-height: 1.6em;
	padding:5px 5px;
}
.page-no li a:hover,.page-no li.active{
	color:#602D8D;
	text-decoration:underline;
}
/**** Grid 1_0f_4 ****/
.grid_1_of_4{
	display: block;
	float:left;
	margin: 1% 0 1% 2.6%;
	box-shadow: 0px 0px 3px rgb(150, 150, 150);
}
.grid_1_of_4:first-child { 
	margin-left: 0; 
} 
.images_1_of_4 {
	width: 23%;
	padding:1.5%;
	text-align:center;
	position:relative; 
}
.images_1_of_4  img{
	max-width:100%;
}
.discount{
	background:url(../images/discount-img.png) no-repeat 0 0;
	position: absolute;
	top: 30px;
	width: 42px;
	height: 42px;
}
.discount span.percentage{
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 40px;
}
.images_1_of_4  h2 {
	color: #3498db;
	font-size:0.9em;
	font-weight : normal;
	margin-top: 1em;
}
.images_1_of_4  p {
	font-size:0.8125em;
	padding:0.4em 0;
	color: #333;	
}
.images_1_of_4  p span.strike{
	font-size:18px;
	color:#444;
	text-decoration:line-through;
}
.images_1_of_4  p span.price{
	font-size:18px;
	color: #CC3636;
	margin-left:15px;
}
.images_1_of_4 .button{
	margin-top:.3em;
	line-height:1.9em;
	float:left;
	width:50%;
}
.images_1_of_4 .button a{
		padding:7px 20px;
		font-size:0.8em;
}
.images_1_of_4 .button a{
	font-size: 14px;
	line-height: 15px;
	text-transform: none;
	color: #737370;
	text-decoration: none!important;
	background: url(../images/button-bg.png) repeat-x 0 0 #E8E8E8;
	display: inline-block;
	border-left: 1px solid #D4D4D4!important;
	border-right: 1px solid #ADADAD!important;
	border-top: 1px solid #E0E0E0!important;
	border-bottom: 1px solid #9C9C9C!important;
	cursor: pointer!important;
	margin: 0 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
}
.images_1_of_4 .button a:hover{
     color:#70389C;
     background: #E8E8E8;
}
.images_1_of_4 .button span img{
	position:absolute;
}
.images_1_of_4 .button a.cart-button{
	padding:7px 5px 7px 38px; 
}
/* start-sarees-page */
/* start handbags */
h2.style{
	font-size: 2em;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;
}
h2.top{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 2em;
	color: #3498db
}
/* start main */
/* start grids_of_3 */
.grids_of_3{
	text-align:center;
	margin: 2% 0;
}
.grid1_of_3{
	float: left;
	width: 29.333%;
	margin-left: 4.3333%;
	border: 1px solid rgb(223, 223, 223);
	position: relative;
	text-transform: uppercase;
}
.grid1_of_3:first-child{
	margin-left: 0;
}
.grid1_of_3 img {
	width: 100%;
}
.grid1_of_3 a{
	padding: 2%;
	display: block;
	text-decoration: none;
}
.grid1_of_3 img{
	margin-top: 8%;
}
.grid1_of_3 h3{
	margin: 5% 0 4%;
	font-size: 1.6em;
	color: #000000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.grid1_of_3:hover h3,.grid1_of_3:hover h4 span{
	color: rgb(0, 0, 0);
}
.b_btm{
	position: absolute;
	width: 100%;
	border-bottom: 6px solid #3498db;
	left: 0px;
	display: block;
	bottom: 0px;
}
.price1{
	display: block;
	margin-bottom: 40px;
}
.price1 h4{
	font-size: 1.5em;
	color: #999999;	
}
.price1 h4 span{
	display: inline-block;
	font-size: 0.95em;
	background: #3498db;
	color: #ffffff;
	padding: 8px 20px;
	margin-left: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/*----*/
h3.cate {
	color: #fff;
	font-size: 1.7em;
	padding: 0.6em ;
	background: #000;
	margin: 0;
}
/*----*/
ul.kid-menu{
	display: block !important;
}
.menu {
	width: auto;
	height: auto;
	padding: 0;
	list-style: none;
	margin: 0;
	background: #FBFBFC;
}
ul {
	padding: 0;
	list-style: none;
}
.menu > li > a {
	width: 100%;
	line-height: 3.5em;
	text-indent: 1.2em;
	display: block;
	position: relative;
	color: #000;
	font-size: 1.1em;
	text-decoration:none;
	border-bottom: 1px solid #ddd;
	font-weight:700;
}
.menu ul li a {
	
	width: 100%;
	display: block;
	position: relative;
	font-size:1.1em;
	font-weight: 400;
	color: #000;
	text-decoration:none;
	border-bottom: 1px solid #ddd;
	font-weight:700;
	line-height: 3.5em;
	text-indent: 1.2em;
}
.menu ul li a:hover{
	background: #3498db;
	color: #fff;;
}
.menu > li > a:hover, .menu > li > a.active {
	background:#fff;
}
.menu ul.kid-menu li a{
	border-bottom: none;
}
ul.kid-menu{
	padding: 0;
	margin: 0;	
}
ul.kid-menu li{
	list-style: none;
	border-bottom: 1px solid #ddd;
}

ul.kid-menu li.menu-kid-left{
	border-bottom:none;
}
ul.cute li{
	background: #fff;
}
.arrow-img {
	padding: 0em 0em 0 5em;
}
.img-arrow{
	padding: 0 0 0 6.9em;
}
.img-left-arrow{
	padding: 0 0 0 4.4em;
}
/*--menu--*/
/*----*/
.sub-cate,.slide-grid,.banner-bag,.banner-off{
	float: left;
	width: 22%;
}
.top-nav{
	border: 1px solid #ddd;
}
.menu-chain{
	width:100%;
	margin: 2em 0;
}
.chain{
	margin: 0 auto;
	padding: 3em 0;
}
.chain-grid span.star{
	background: url(../images/img-sprite.png)-208px -14px;
	width: 52px;
	height: 52px;
	display: block;
	position: absolute;
	top: 2%;
	right: 2%;
}
span.reducedfrom {
	color: #555;
	text-decoration: line-through;
	margin-right: 8%;
	font-size:1.1em; 
}
span.actual {
	font-weight: 500; 
	color:#3498db;
    font-weight: 700; 
    font-size:1.2em;
}
span.dolor-left-grid{
	font-size: 1.7em;
}
.chain-watch h6{
	padding: 0;
}
.chain-watch {
	padding: 1em ;
}
.grid-chain-bottom h6{
	margin: 0;
	font-size: 1.3em;
	color: #000;
	font-weight: 700;
	padding: 0.8em 0.5em 0;
}
.chain-grid{
	border: 1px solid #ddd;
	position: relative;
	float:left;
	width: 30.7%;
	margin: 0 31px 0 0;
}
.menu-chain{
	width:100%;
	margin: 2em 0;
}
.sed-left-top,.grid-top-chain{
	margin: 0;
}
.star-price {
	padding: 1em 0.5em;
}
.chain{
	margin: 0 auto;
	padding: 2em 0;
}
.chain-grid span.star{
	background: url(../images/img-sprite.png)-208px -14px;
	width: 52px;
	height: 52px;
	display: block;
	position: absolute;
	top: 2%;
	right: 2%;
}
span.reducedfrom {
	color: #555;
	text-decoration: line-through;
	margin-right: 8%;
	font-size:1.1em; 
}
a.view-all {
	font-size: 0.9em;
}
a.view-all span{
	background: url(../images/arrow2.png)0px 0px;
	width: 15px;
	height: 14px;
	display:inline-block;
}
a.view-all{
	text-decoration: none;
	font-size: 1em;
	color:#000;
	font-weight:700;
}
.latest-products {
	float: right;
	margin-left: 3%;
	width: 75%;
}

/*-- Brand Page Starts Here --*/
.brand{
}
.brand-content-bar{
	width:73%;
	margin-right:2%;
	float:right;
	min-height:400px;
	background:#f5f5f5;
	padding:1em 2em;
}
.brand-side-bar{
	width:25%;
	float:right;
	box-shadow: -5px 4px 50px -21px #000;
}
/*-- products Page Starts Here --*/
ul.path{
	padding:0;
}
ul.path li{
	display: inline-block;
	color:#000;
	font-size:0.875em;
}
ul.path li a{
	color:#000;
}
ul.path li.actev{
	color:#3498db;
}
h3.page-hed{
	font-size:1.2em;
	color:#000;
	font-weight:700;
	margin:1em 0;
	text-transform:uppercase;
}
.load a {
	padding: 1em;
	color: #fff;
	background: #3498db;
	text-decoration: none;
	display: block;
	width:25%;
	margin:0 auto;
	font-weight:600;
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	border-radius: 6px;
	z-index: 1;
}
.load a:hover{
	color:#3498db;
	background:#3498db;
}
/*----My-Account-----*/
/* start registration */
.registration{
	padding: 1.2% 0% 0 0;
}
.registration h2{
	font-size: 2em;
	color: #00405d;
	text-transform: capitalize;
	margin-bottom: 4%;
	font-weight: 300;
}
.reg_fb {
	margin-right: 4%;
	display: block;
	background: #1A367D;
	transition: all 0.5s ease-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;
	transition: all 0.3s ease-in-out;
	width: 48%;
	float: left;
	margin-bottom: 10px;
}
.reg_fb img {
	background:#1A367D;
	padding: 5px;
	float: left;
	border-right:2px solid #07205F;
}
.reg_fb i {
	color: #fff;
	padding: 5px 10px 0 0;
	display: inline-block;
	font-size: 1.1em;
	text-transform: capitalize;
	font-style: normal;
}
.login h5 {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	margin: 9px 0 13px 0;
}
.require {
	color: #F00;
	font-size: 11px;
}
.cus_info_wrap label {
	float: left;
	display: block;
	font-size: 14px;
	padding: 5px 0 0;
}
.cus_info_wrap {
	margin-bottom: 15px;
	padding: 0 25px;
}
.cus_info_wrap input[type="text"] {
	width: 71%;
	padding: 4px;
	font-size: 13px;
	font-weight: 400;
	border:1px solid #D6D6D6;
	outline:none;
}
.botton{
	background: #175ed4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	border: 0;
	color: #fff;
	font-weight: 700;
	height: 31px;
	font-size: 14px;
	text-transform: uppercase;
	width: 80px!important;
	text-align: center;
}
.labelTop.confirmpass {
	margin-top: -9px;
	line-height: 1;
}
.sign-up.text-center {
	border: 1px solid #D6D6D6;
	border-left:none;
	padding: 2em 0 0 0;
	min-height: 456px;
	width: 38%;
}
.sign-up h4{
	margin-bottom:2em;
}
.forgetit a {
	color: #000;
	font-size: 13px;
	display: block;
	float: left;
	margin-bottom: 0.5em;
	text-decoration:none;
}
.forgetit input[type="text"] {
	width: 71%;
	padding: 7px;
	font-size: 11px;
	text-align:left;
	font-weight:400;
	border: 1px solid #D6D6D6;
	outline: none;
	margin: 0px -4px 0 0;
}
.forgetit {
	padding: 25px 5em 0 25px;
	border-top: 1px solid #B6B6B6;
	margin-top: 1.7em;
}
.login.text-center {
	border: 1px solid #D6D6D6;
	padding: 2em 0 0 0;
	min-height: 456px;
	width: 38%;
}
.botton1 {
	margin-right: 5.8em;
	margin-top:1.5em;
}
.labelTop {
	display: block;
	font-weight: bold;
	text-align: left;
	color: #444;
	float: left;
	width: 29%;
}
.reg_gp {
	display: block;
	background: #DD4B39;
	transition: all 0.5s ease-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;
	transition: all 0.3s ease-in-out;
	width: 48%;
	float: left;
	margin-bottom: 10px;
}
.reg_gp img {
	background:#DD4B39;
	padding: 5px;
	float: left;
	border-right:2px solid #D14A3A;
}
.reg_gp i {
	color: #fff;
	padding: 5px 10px 0 0;
	display: inline-block;
	font-size: 1.1em;
	text-transform: capitalize;
	font-style: normal;
}
.how_to p {
	font-size: 11px;
	font-weight: 300;
	color: #000;
	display: block;
}
.how_to p img {
	margin: 0 2px 3px 0px;
}
.login-signup-form {
	width: 80%;
	margin: 2em auto;
}
.how_to {
	background: #F8F8F8;
	padding: 0.7em 2em;
	border: 1px solid #D6D6D6;
	margin: 15px 25px;
}
.benefits p {
	font-size: 12px;
	font-weight: 300;
	color: #000;
	line-height: 1.6em;
	display: block;
	border-bottom: 1px dotted #000;
	padding-bottom: 8px;
	margin-top: 8px;
}
.benefits{
	padding: 0 10px 10px;
	background:#F6F6F6;
	width: 22%;
	margin-left: 2%;
}
.benefits h4 {
	color: #029ECB;
	font-size: 16px;
	margin: 13px 0 10px 0;
}
.login h4,.sign-up h4 {
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 700;
	color: #3498db;
}
/*--login--*/
.login-left {
	background: url(../images/bg-login.gif) no-repeat right bottom #ffffff;
	border: 1px solid #ececec;
	padding: 20px;
	min-height: 343px;
	width:49%;
	margin-right:2%;
}
.login-right {
	background: url(../images/bg-login-2.gif) no-repeat right bottom #ffffff;
	border: 1px solid #ececec;
	padding: 20px;
	min-height: 343px;
	width:49%;
}
.login-left h3, .login-right h3 {
	color:#000;
	font-size: 1.5em;
	padding-bottom: 0.5em;
	font-weight:600;
}
.login-left p, .login-right p {
	color: #555;
	display: block;
	font-size: 0.9em;
	margin: 0 0 2em 0;
	line-height: 1.5em;
}
.acount-btn {
	background: #3498db;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
}
.form-list label {	
	color: #000;
	font-weight: bold;
	position: relative;
	z-index: 0;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 0;
}
.sgn {
	width: 100%;
}
.sgn input#is_subscribed {
	float: left;
	width: 2%;
}
.sgn label {
	width: 50%;
	margin-top: 6px;
}
.form-list li.control input.radio, .form-list li.control input.checkbox {
	margin-right: 6px;
}
.main-container .radio, .main-container .checkbox {
display: inline-block;
margin-top: 0;
}
.acount-btn:hover, .login-right input[type="submit"]:hover{
	background:#000;
	text-decoration:none;
	color:#fff;
}
.login-right form {
	padding: 1em 0;
}
.login-right form div {
	padding: 0 0 2em 0;
}
.login-right span {
	color: #555;
	font-size: 0.875em;
	padding-bottom: 0.2em;
	display: block;
	font-weight: 700;
	text-transform: uppercase;
}
.login-right input[type="text"] {
	border: 1px solid #EEE;
	outline-color:#3498db;
	width: 96%;
	font-size:0.8125em;
	padding: 0.5em;
}
.login-right input[type="submit"] {
	background: #3498db;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border:none;
	outline:none;
}
a.forgot {
	font-size: 1em;
	margin-right: 11px;
}
ul.breadcrumbs{
	padding:0;
	list-style:none;
	float:left;
}
ul.breadcrumbs li{
	display:inline-block;
	font-size:1.1em;
	color:#000;
}
ul.breadcrumbs li.women{
	background:#5BBD50;
	padding:3px;
}
ul.previous{
	padding:0;
	list-style:none;
	float:right;
}
ul.previous li a{
	color:#999;
	font-size:1.1em;
}
.mens-toolbar {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 2em;
}
.mens-toolbar .sort {
	float: left;
	width: 20.5%;
}
.sort-by {
	color:#000;
	font-size: 0.8125em;
	text-transform: uppercase;
}
.sort-by label{
	font-weight:normal;
}
.mens-toolbar .pages {
	float: right;
	margin: 0;
}
ul.women_pagenation.dc_paginationA.dc_paginationA06 {
	float:right;
	padding:0;
	list-style:none;
}
.pages{
	float:right;
}
.pages .limiter {
	color: #000;
	font-size: 0.8125em;
	text-transform: uppercase;
}
.pages .limiter select {
	padding: 0;
	margin: 0 0 1px;
	vertical-align: middle;
}
ul.women_pagenation li {
	float: left;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	list-style:none;
}
ul.women_pagenation li a {
	color:#000;
	display: block;
	padding:4px 8px;
	text-decoration: none;
	font-size: 0.8125em;
	text-transform:uppercase;
}
ul.women_pagenation li.active a{
	background:#26d2fc;
	color:#fff;
}
ul.women_pagenation li a:hover{
	background:#26d2fc;
	color:#fff;
}
.login-page {
	padding: 2em 0;
}
.registration_left{
	float: left;
	width: 45.33333%;
	margin-left: 9.333%;
}
.registration_left:first-child{
	margin-left: 0;
}
.registration span{
	color: #777777;
}
.registration_form{
	display: block;
}
.registration_form div{
	padding:10px 0;
}
.sky_form1{
	margin-bottom: -30px;
}
.sky_form1 ul{
	padding:0;
	list-style:none;
}
.sky_form1 ul li{
	float: left;
	margin-left: 20px;
}
.sky_form1 ul li:first-child{
	margin-left: 0;
}
label {
	margin-bottom: 0;
	font-weight: normal;
	width:100%;
}
p.required {
	font-size: 10px;
	text-align: right;
	color: #ff0000;
	margin:0;
}
.registration_form input[type="text"],.registration_form input[type="email"],.registration_form input[type="tel"],.registration_form input[type="password"]{
	padding: 8px;
	display: block;
	width:100%;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #333333;
	-webkit-appearance: none;
	text-transform: capitalize;
	background: #FFFFFF;
	border: 1px solid rgb(231, 231, 231);
	font-weight: normal;
}
.registration_form input[type="submit"]{
	-webkit-appearance: none;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	text-transform: capitalize;
	display: inline-block;
	background:#3498db;
	padding: 10px 20px;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	cursor:pointer;
	border:none;
	outline:none;
	font-size:1em;
	margin-bottom: 5px;
}
.registration_form input[type="submit"]:hover{
	color: #ffffff;
	background:#000;
}
.terms{
	text-decoration:underline;
	text-transform:capitalize;
	color: #00405d;
}
.terms:hover{
	text-decoration:none;
}
.forget a{
	text-transform: capitalize;
	color: #999999;
	text-decoration: underline;
	font-size: 1.3em;
}
.forget a:hover{
	text-decoration: none;
}
/*-- login-page-starts-here-- */
.contact-box {
	width: 60%;
	margin: 3em auto 5em;
}
.login-box{
	margin-bottom:2em;
}
.form small, .form-t small, .form-y small {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 400;
	color: #606060;
	margin-bottom:0.5em;
}
.text select {
	width: 100%;
	padding: 10px;
	outline:none;
	border:1px solid #f68236;
}
.form {
	margin: 0em 0 2em;
}
.form-t {
	float: left;
	width: 49%;
	margin-bottom:2em;
}
.form-y{
	float:right;
	width:49%;
	margin-bottom:2em;
}
.text input[type="text"], .text input[type="password"]{
	width:100%;
	padding:10px;
	outline:none;
	-webkit-appearance:none;
	border:1px solid #3498db;
}
.text textarea{
	width:100%;
	resize:none;
	height:200px;
	padding:10px;
	outline:none;
	border:1px solid #f68236;
}
.text{
	margin-top:0.5em;
	text-align:center;
}
.text input[type="submit"]{
	font-size:0.8em;
	color:#fff;
	border:0px;
	background:#3498db;
	padding:15px 30px;
	text-align:center;
	outline:none;
	text-transform:uppercase;
	-webkit-appearance: none;
	cursor: pointer;
}
.text input[type="submit"]:hover,.reg a:hover{
	background:#000;
}
.text a:hover{
	color:#f68236;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
}
.pag-nav{
	padding:1em 0;
}
ul.p-list{
	padding:0;
}
ul.p-list li{
	display:inline-block;
}
ul.p-list li a{
	color:#303030;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:400;
	text-decoration:none;
}
ul.p-list li.act {
	color:#3498db;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:400;
	text-decoration:none;
}
ul.p-list li a:hover{
	color:#f68236;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	-o-transition:0.5s all;
}
.coats{
	margin-top:3em;
	text-align:center;
}
h3.c-head{
	font-size:2em;
	text-transform:uppercase;
	color: #303030;
	font-weight:600;
	margin:0;
}
.coats small a{
	font-size:1em;
	font-weight:400;
	font-family:Georgia;
	color:#606060;
	font-style: italic;
	background:url(../images/show.png)no-repeat right;
	padding-right:10px;
	cursor: pointer;
	text-decoration: none;
}
.coats small a:hover{
	border-bottom:2px solid #606060;
}
.coat-row{
	padding:3em 0 2em;
}
.coat-column{
	width:22%;
	float:left;
	margin-right:4%;
	position:relative;
}
.coat-column1{
	width:22%;
	float:right;
	position:relative;
}
.prod-desc{
	text-align:center;
}
.prod-desc h4{
	font-size:1em;
	font-weight:600;
	color:#303030;
	margin:0;
}
.prod-desc small{
	font-size:0.85em;
	font-weight:400;
	color:#606060;
}
.coat-column a, .coat-column1 a{
	text-decoration:none;
}
.coat-column a img, .coat-column1 a img{
}
.coat-column:hover .mask, .coat-column1:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.coat-column .mask, .coat-column1 .mask{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(219,127,8, 0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	padding: 10px 15px;
	background: rgba(255, 255, 255, 0.82);
	-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
	box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
	color: #000;
	font-size: 0.85em;
	font-weight: bold;
}
.coat-column .mask, .coat-column1 .mask{
	position:absolute;
	top:35%;
	left:35%;
	cursor: pointer;
}
.look{
	border-top:1px solid #606060;
	margin:2em 0;
	text-align:center;
	padding:2em 0 1em;
}
.look h3{
	font-size:1.5em;
	font-weight:400;
	font-family: Georgia;
	color:#606060;
	font-style: italic;
}
.reg{
	margin:2em 0;
}
.reg a{
	font-size:0.8em;
	color:#fff;
	border:0px;
	background:#3498db;
	padding:15px 30px;
	text-align:center;
	outline:none;
	text-transform:uppercase;
	text-decoration:none;
}
.text a{
	font-size:0.8em;
	color:#fff;
	border:0px;
	color:#606060;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:400;
	font-style: italic;
}
.login-bot{
	margin-bottom:5em;
}
section#main {
	border: 1px solid #DDDDDD;
	padding:3em;
	background: #fff;
}



/*--- Contact- Starts Here ---*/
.singel_right {
	margin-top: 10px;
}
.span_1_of_contact {
	width: 60.1%;
	font-family: 'Roboto', sans-serif;
	float:left;
}
p.comment-form-author {
	margin-bottom: 2em;
}
.contact-form label {
	display: block;
	font-size: 18px;
	color: #000; 
	margin-bottom:8px;
	
}
.contact-form input[type="text"] {
	padding: 10px;
	width: 95%;
	color: #9198A3;
	font-size: 0.9em;
	background: #fff;
	outline: none;
	display: block;
	border: 1px solid #eee;
}
.contact-form textarea {
	padding: 10px;
	display: block;
	width: 98%;
	background: #fff;
	border: 1px solid #eee;
	outline: none;
	color: #9198A3;
	font-size: 0.9em;
	-webkit-appearance: none;
	resize: none;
	height: 150px; 
	margin-top:15px;
}
.contact-form input[type="submit"] {
	display: inline-block;
	padding: 13px 25px;
	background: #3498db;
	color: #FFF;
	font-size: 1em;
	line-height: 18px;
	text-transform: uppercase;
	border: none;
	outline: none;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
}
.contact-form input[type="submit"]:hover{
	background:#000;
}
.contact_grid {
	display: block;
	float: left;
	width: 37%;
}
.span_2_of_contact_right h3 {
	font-size: 1.25em;
	font-weight: bold;
	color: #000;
	margin-bottom: 1.5em;
}
.address {
	margin-bottom: 1em;
}
.contact_address, .contact_email {
	overflow: hidden;
	font-size: 0.95em;
	color: #999;
	line-height: 1.5em;
}
.contact_email a{
	color: #999;
	text-decoration:none;
}
.contact_email a:hover{
	color:#3498db;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
}
.map{
	margin:2em 0;
}
.map iframe{
	width:100%;
	height:350px;
}
.new-product{ 
	/*padding-top:60px;*/
}
.new-product p{color: #404040;font-size: 15px;padding-bottom: 15px;line-height: 28px;}


ul.product-top-list{
	padding:0;
	float: left;
}
ul.product-top-list li{
	display: inline-block;
	font-size:0.82em;
	color:#777;
}
ul.product-top-list li a{
	color:#000;
}
ul.product-top-list li span.act{
	background:yellow;
}
p.back{
	float: right;
	font-size:0.82em;
}
.new-product-top {
	/*padding: 0em 0 2em;*/
}
/*-- order-starts-here --*/
.order.text-center {
	background: #fff;
	padding: 12em 0 16em 0;
	border: 1px solid #BBBBBB;
	margin-top: 3em;
}
.order.text-center h4 {
	color: #000;
	font-size: 1.8em;
	font-weight: 500;
}
.order.text-center p{
	font-size:0.95em;
	font-weight:700;
	margin-bottom:1.5em;
}
.order.text-center a{
	color:#fff;
	font-size:1em;
	font-weight:700;
	background:#000;
	padding:0.8em 4.2em;
	border-radius:5px;
	text-decoration:none;
}
.form-control{ width:95%; height:40px;}
.botgap{ width:95%; height:40px; padding:6px 12px; border:1px solid #ccc; border-radius:4px;}
.fild{ margin-top:20px;}
label{ color:#000;}
.checkbox{ margin-bottom:15px;}
.Send{ background:#0D65A4; border:none; text-align:center; font-size:25px; color:#fff; margin:20px auto 0px; display:block; padding:0px 40px; transition:all .3s ease-in-out; font-weight:300; text-transform:capitalize; height:50px;}
.Send:hover{ background:#03497b; color:#FFF;transition:all .3s ease-in-out}
address{ color:#000; margin:20px 0px;}
.info h3{ font-size:30px; color:#0D65A4;}
.contact-form h3{ color:#0D65A4; margin:0px; padding-bottom:30px; font-size:30px;}


/*-- responsive-design-starts-here --*/




@media screen and (max-width: 1024px) {.banner {width: 100%;}.follow{ width:100%}.general-info li h2{ font-size:14p}.product-item h3 {font-size: 2em;margin: 14px 0 5px 0;}.read{ margin-top:20px;}.contact{ width:109%}.need{ float:right; margin-top:0px; width:120%}.who_we h1{ font-size:35px;}.who_we h4{ font-size:20px;}.Why_area ul li a{ font-size:15px; padding:0px;}.about_l ul li p{ width:80%}.about_l ul li span{ width:20%}.industry h3{ font-size:25px;}.industry h1{ font-size:18px; font-weight:700;}.thumbnail .caption h3{ font-size:13px;}.bg{ width:17%}.value_area h1{ font-size:17px;}.about_2 img{ height:150px;}.about_area h1{ font-size:17px;}.bg4{ margin-left:-24px;}}
	
	
	


@media screen and (max-width: 980px){.who_r {width: 50%;text-align: right;float: left;}.who_l {width: 50%;text-align: left;float: right;}.general-info li h2{ font-size:16px;}.clients h3{ margin-top:10px;}.need{float: right;width:43%;margin-top: -105px;}.about_l ul li p{ width:90%}.about_l ul li span{ width:10%}.Permanent h4{ font-size:26px;}.industry h3{ font-size:18px; font-weight:700;}.industry h1{ font-size:24px; text-align:center; font-weight:500;}.thumbnail .caption h3{ font-size:16px;}.media{ text-align:center;}.bg{ width:30%; margin:0px 0px 40px 60px; float:left;}.botgap{ margin-bottom:15px;}.contact_img img{ margin-bottom:15px;}.bg4{ margin-left:0px;}.bg1{ width:50%; float:left; margin-bottom:35px;}.bg2{ width:50%; float:left;}.logo{ margin-left:-100px;}}

	
@media screen and (max-width: 800px){.logo{ margin-left:-20px}}	
@media screen and (max-width: 768px) {.top-menu {float: left;}.bg_l{text-align:center;}.who_r{ text-align:cente;}.bg_r{ text-align:center;}.navigation-strip h4 {display: none;}.top-menu ul li a {padding: 15px;}.top-menu ul li a {font-size: 14px;}}.megamenu>li>a {padding: 15px 25px;}.h_nav ul li a {padding: 0;}p.required {font-size: 10px;text-align: right;color: #ff0000;margin: 0;}}
@media screen and (min-width: 767px){.footer_area{ width:50%; float:left;}.follow{ width:100%;}.media{ border-top:1px solid #C3C3C3;}}

@media screen and (max-width: 640px) {i.cart-1 {margin: 0 3px 0 3.65em;}.who_l{ width:100%}.who_r{ width:100%}.who h1{ font-size:48px; text-align:center;}bg_r{ text-align:center;}.top-menu{ width:100%}.more_r{ float:right;}.need{float: right;width:43%;margin-top: -105px;}#portfoliolist .portfolio{ width:47%}.Why_area{ margin:30px 20px;}.Why_area ul li a{ font-size:20px; padding:0px;}.about_l ul li p{ width:90%}.about_l ul li span{ width:10%}.Send{ float:left;}.Permanent h3{ font-size:20px;}.Permanent h4{ font-size:22px;}.Permanent ul li{ padding:0px;}.Services h5{ margin:0px;}.industry h3{ font-size:16px; font-weight:700;}.industry h1{ font-size:23px; text-align:center;}.bg{ width:35%; margin:0px 0px 50px 60px; float:left;}.bg1{ width:50%; float:left; margin-bottom:35px;}.bg2{ width:50%; float:left;}.media{ border:none; margin-top:25px;}.about_2 img{ height:200px;}.logo{ margin-left:5px;}}


@media screen and (min-width: 639px){.footer_area{ width:57%; float:left;}.follow{ width:100%;}.new{ float:left; margin-right:15px;}}


@media screen and (max-width: 480px) {.login-signup-form {width: 100%;}.cards.text-center img {width: 100%;}.follow{ margin:20px 0px;}ul.general-info{ margin:5px 0px; width:55%}.general-info li.phone{ margin-bottom:0px;}.copyright p{font-size: 18px;}.need{width:100%;margin-top:0px;}.about_area ul li a{ font-size:18px;}#portfoliolist .portfolio{ width:44%}.provide h1{ font-size:37px;}.new{ margin:0 auto; width:90px; height:90px; padding:25px;}.news p{ text-align:center;}.Why_area{ margin:30px 20px;}.Why_area ul li a{ font-size:20px; padding:0px;}.about_l ul li p{ width:85%}.about_l ul li span{ width:15%}.Permanent h2{ font-size:25px; padding:13px 0px;}.Permanent ul li{ padding:0px;}.Permanent ul li a{ font-size:14px;}.Services h5{ margin:0px;}.submission h2{ font-size:17px;}.industry h3{ font-size:23px;}.industry h4{ font-size:21px;}.industry h1{ font-size:24px; text-align:center;}.Vision ul{ margin-left:20px;}.about_area ul{ margin-left:20px;}.bg{ width:50%; margin:0 auto 20px; float:none}.value_area h1{ font-size:18px;}.industry ul{ margin-left:0px;}}
	
	

@media screen and (max-width: 360px){.contact{ width:86%}.general-info li.phone{ margin-bottom:5px;}ul.general-info{ margin:5px 0px; width:87%}.follow{ margin:10px 0px;}.copyright p{font-size: 14px;}.about_area ul{ margin-left:15px;}.about_area ul li a{ font-size:15px;}.provide h1{ font-size:45px;}.who_we h2{ font-size:16px;}.who_we h1{ font-size:35px;}.Why_area{ margin:30px -5px;}.Why_area ul li a{ font-size:17px; padding:0px;}.about_l ul li p{ width:80%}.about_l ul li span{ width:20%}.Permanent h2{ font-size:18px; padding:15px 0px;}.Permanent ul li{ font-size:15px;}.Permanent h4{ font-size:18px;}.Permanent h3{ font-size:22px;}.submission h2{ font-size:18px;}.industry h3{ font-size:17px; font-weight:700;}.industry h1{ font-size:22px; text-align:center;}.methodology h2{ font-size:22px; padding:15px 0px;}.Integrity ul{ margin-left:40px;}.bg{ width:62%; margin:0 auto 20px;}.value_area h1{ margin-bottom:30px;}.team h1{ font-size:21px;}.team h2{ font-size:17px; text-align:center;}.bg1, .bg2{ width:100%} }

@media screen and (max-width: 320px) {.copyright p {font-size: 13px;}ul.general-info{ margin:5px 0px; width:100%}.follow{ margin:10px 0px;}.general-info li.phone{ margin-bottom:0px;}.provide h1{ font-size:40px;}.who_we h4{ font-size:19px;}.Professional h2{ font-size:27px;}.Why_area{ margin:10px -5px;}.Why_area ul li a{ font-size:14px; padding:0px;}.Permanent h3{ font-size:19px;}.managed h1{ font-size:16px;}.submission h2{ font-size:13px;}.industry h3{ font-size:14px; font-weight:700;}.industry h4{ font-size:18px;}.industry ul{ margin-left:0px;}.thumbnail .caption h3{ font-size:13px;}.width{ width:-1px}.logo img{ margin-left:-18px;}.about_2 img{ height:170px;}#menu-toggle {display: block; margin-top:-20px;}}
	




