.web-design-development-company {
	background: #f0efef url(../../images/magento_banner.png) no-repeat top center;
	display: block;
	margin: 0 auto;
	padding: 88px 0 114px 0;
}
.header-block {
	width: 40%;
	display: inline-block;
}
.header-block h1 {
	color: #3b4244;
	font-size: 68px;
	line-height: 67px;
	font-weight: 100;
	margin: 0 0 30px 0;
}
.header-block h6 {
	color: #3b4244;
	font-size: 22px;
	line-height: 25px;
}
.page-block {
	display: block;
	padding-bottom: 90px;
}
.page-block:after {
	display: table;
	clear: both;
	content: "";
}
.page-block h2 {
	font-size: 36px;
	color: #454545;
	background: url(../../images/under-heading.jpg) no-repeat bottom center;
	text-align: center;
	font-weight: 100;
	padding:40px 0 17px 0;
	margin: 0 0 40px 0;
}
.page-block h2.no-bg {
	background: none;
}
.page-block h2 span {
	color: #565656;
	font-size: 24px;
	display: block;
}
.page-block p {
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 16px;
	color: #565656;
	line-height: 24px;
	margin: 0 0 6px 0;
}
.row .cell {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.page-block .grid-1 {
	display: inline-block;
	/*width:230px;
	margin:0 25px;*/
	min-width: 230px;
	width: 21%;
	margin: 0 1%;
}
.page-block .grid-1 .img-wrap {
	width: 170px;
	display: inline-block;
	border-radius: 50%;
	display: block;
	height: 170px;
	background: #f2f0f0;
	margin: 0 auto 22px;
}
.page-block .grid-1 h3 {
	font-size: 24px;
	color: #1a2325;
	line-height: 34px;
}
.page-block .grid-1 h3 strong {
}
.page-block.row-bg {
	background: url(../../images/magento_service_bg.jpg) no-repeat center bottom #e3e4e6;
}
.page-block .grid-2 {
	text-align: center;
	display: inline-block;
	width: 372px;
	border-radius: 5px;
	vertical-align: top;
	background: #fff;
	border-radius: 5px;
	margin: 0 8px;
}
.m-price {
	display: block;
	position: relative;
	border-radius: 4px 4px 0 0;
	background: #12a2de;
	padding: 25px 0 25px;/*min-height:236px;*/
}
.premium .m-price {
	background: #f09c2a;/*padding: 65px 0 28px;*/
}
.std:hover {
	/*	background:#f1f1f1;*/
	color:#f09c2a;
}
.std:hover .add {
	background:#f09c2a;
}
.std {
	min-height: 68px;
	padding:14px 0 0px;
	font-weight:bold;
	cursor:pointer;
}
.std:hover .img-arrow {
	background-position:0 0;
}
.img-arrow {
	background: url(../../images/arrow-megento.png) no-repeat;
	height:13px;
	width:13px;
	display: inline-block;
	margin:0 5px 0 0;
	background-position:0 -20px;
}
.add {
	border:2px solid transparent;
	border-radius:100%;
	width:18px;
	height:18px;
	display:inline-block;
	font-size:13px;
	line-height:1;
	background:#000;
	color:#fff;
	text-align:center;
}
.grid-2.premium ul.m-features li:first-child {
	border-top: 1px solid #dfe0e9;
}
.m-price h6, .m-price h4 {
	color: #fff;
	display: block;
}
.m-price h6 {
	border-bottom: 2px solid #fff;
	display: inline-block;
	font-size: 26px;
}
.m-price h5 {
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 17px;
}
.m-price h4 {
	font-size: 41px;
}
ul.m-features {
	display: block;
	margin: 0 0 20px;
	padding: 0 20px 10px;
}
ul.m-features li {
	font-size: 16px;
	line-height: 17px;
	font-weight: 400;
	color: #565656;
	border-bottom: 1px solid #dfe0e9;
	padding: 15px 0;
	position: relative;
}
ul.m-features li span {
	font-size: 13px;
}
ul.m-features li:first-child {
	border-top: none;
}
/*.premium ul.m-features li{padding:10px 0 11px;}*/
/*.premium ul.m-features li:first-child{
	color:#f09c2a;
}*/
.m-order-price {
	display: inline-block;
	background: #fff;
	border-radius: 5px;
	color: #12a2de;
	font-size:20px;

	

	transition: all 0.3s;
	
	height:40px;
    line-height:38px;
    padding: 0 20px;
}
 .table-price .tbl-pkg tr:last-child td:nth-child(3) .m-order-price {
	background: #fff;
	color:#f09c2a;
}
 .table-price .tbl-pkg tr:last-child td:nth-child(4) .m-order-price {
	background: #fff;
	color:#7fc241;
}
.m-order-price:hover,  .table-price .tbl-pkg tr:last-child td:nth-child(3) .m-order-price:hover,  .table-price .tbl-pkg tr:last-child td:nth-child(4) .m-order-price:hover {
	background: #333;
}
.enquire-now {
	display: inline-block;
	clear: left;
	margin-bottom:0px;
	margin-top: 10px;
	font-weight:600;
	color:#fff;
	font-size:18px;
}
.enquire-now:hover {
	text-decoration: underline;
}
.page-block .grid-2 .blue-txt {
	color: #12a2de;
}
.page-block .grid-2.premium .org-txt {
	color: #f09c2a;
}
.tool-tip {
	display: inline-block;
	width: 17px;
	height: 17px;
	position: relative;
	border-radius: 50%;
}
.page-block .grid-2 .tool-tip {
	background: #12a2de;
	font-weight: 700;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	cursor: pointer;
}
.page-block .grid-2 .tool-tip .bubble {
	position: absolute;
	background: rgba(18, 162, 222, .9);
	bottom: 28px;
	display: none;
	font-weight: 400;
	font-size: 13px;
	width: 250px;
	padding: 5px;
	border-radius: 3px;
	z-index: 9;
	right: -10px;
}
.page-block .grid-2 .tool-tip .bubble:before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(18, 162, 222, .9);
	position: absolute;
	bottom: -6px;
	right: 13px;
	content: "";
}
.page-block .grid-2 .tool-tip:hover .bubble {
	display: block;
}
.custom-row {
	display: block;
	margin: 0 -2%;
	text-align: center;
}
.custom-row .grid-3 {
	width: 237px;
	margin: 40px 2% 0;
	background: #eeeeee;
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	padding: 29px 0 0 0;
	border: 1px solid #d5cfcf;
}
.mag-srv-txt {
	display: table;
	width: 100%;
}
.custom-row .grid-3 p {
	padding: 0 15px;
	font-size: 16px;
	line-height: 20px;
	display: table-cell;
	vertical-align: middle;
	color: #777777;
	height: 40px;
	overflow: hidden;
}
.mag-pkg {
	display: block;
	border-radius: 0 0 4px 4px;
	height: 78px;
	padding: 0 25px;
	margin: 15px -1px -1px -1px;
}
.mag-pkg:after {
	display: table;
	clear: both;
	content: "";
}
.mag-pkg h6 {
	float: left;
	font-size: 34px;
	color: #fff;
	font-weight: 600;
	margin: 12px 0 0 0;
}
.mag-pkg h6 sup {
	font-weight: 400;
	vertical-align: top;
}
.mag-pkg a.mag-price {
	font-weight: 400;
	color: #fff;
	text-decoration: underline;
	font-style: italic;
	margin: 29px 0 0 0;
	display: inline-block;
}
.mag-pkg.bg-1 {
	background: #12a2de;
}
.mag-pkg.bg-2 {
	background: #7fc241;
}
.mag-pkg.bg-3 {
	background: #f24332;
}
.mag-pkg.bg-4 {
	background: #f09c2a;
}
.page-cta {
	background: #eeeeee;
	padding: 45px 0;
}
.cta-container {
	display: table;
	width: 100%;
}
.cta-container .cta-cell {
	display: table-cell;
	vertical-align: middle;
}
.cta-container h3 {
	font-size: 32px;
	color: #171717;
}
.cta-container h3 strong {
}
.cta-container a.more {
	background: none repeat scroll 0 0 #f24332;
	border: medium none;
	color: #fff;
	display: inline-block;
	font-family: 'helveticaneuecyrmedium';
	font-size: 28px;
	font-style: normal;
	font-weight: 100;
	padding: 30px 60px;
	white-space: nowrap;
	border-radius: 5px;
	transition: all 0.3s;
}
.cta-container a.more.small {
	font-size: 23px;
	padding: 30px;
}
.cta-container a.more:hover {
	background: none repeat scroll 0 0 #1a2325;
	color: #fff;
}
 .mag-quote{
	background: url(../../images/mag-bg.png) repeat;
	padding:45px 0;
	text-align:center;
}
.mag-quote h2 {
	font-size: 35px;
	color: #fff;
	line-height: 36px;
	margin-bottom:25px;
}
.mag-quote h3 {
	font-size: 28px;
	color: #fff;
	line-height: 36px;
}
.mag-quote h3 span {
	font-size: 16px;
	color: #a6a8a9;
	display: block;
	font-family: 'Open Sans';
	line-height: 24px;
	font-weight: 400;
}

.mag-quote .cta-cell
{
	margin:30px 0 0;
}
.mag-quote .cta-cell p
{
	color: #fff;
    font-size:24px;
}
.mag-quote .cta-cell .more.small
{
	display: inline-block;
	background: #f24534;
	border-radius: 5px;
	color: #fff;
	font-size: 26px;
	height: 60px;
	line-height: 58px;
	padding: 0 45px;
	transition: all 0.3s;
	display:inline-block;
	margin:30px 0 0;
}
.mag-quote .cta-cell .more.small:hover {
	background: #fff;
	color: #f24534;
}

.mag-quote .mag-rfq {
	width: 100%;
	display: inline-block;
	background: #151c1e;
	padding: 40px 50px 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px;
}
.mag-quote .mag-rfq fieldset {
	width: 100%;
	position: relative;
	float: left;
	padding: 0;
	margin: 20px 0 0;
	border: none;
	outline: none;
}
.mag-quote .mag-rfq fieldset.half-col {
	width: 48%;
}
.mag-quote .mag-rfq fieldset.rt-field {
	float: right;
}
.mag-quote .mag-rfq fieldset .field {
	background-color: #fff;
	background-position: right 12px;
	background-repeat: no-repeat;
	border-radius: 7px;
}
.mag-quote .mag-rfq fieldset .field input, .mag-quote .mag-rfq fieldset .field textarea {
	padding: 10px 50px 10px 20px;
	border-radius: 7px;
	border: 1px solid #fff;
}
/*.mag-quote .mag-rfq fieldset .field.textarea{
	padding:10px 20px;
}*/
.mag-quote .mag-rfq fieldset input {
	height: 52px;
	width: 100%;
	border: none;
	background: none;
	font-size: 16px;
	outline: none;
	color: #adb0b0;
}
.mag-quote .mag-rfq fieldset textarea {
	height: 100px;
	width: 100%;
	border: none;
	background: none;
	outline: none;
	resize: none;
	line-height: 24px;
	font-family: 'Open Sans';
	font-size: 16px;
	color: #adb0b0;
	padding: 10px 20px;
}
.mag-quote .mag-rfq fieldset input[type="submit"] {
	background:#f24332;
	border:none;
	outline:none;
	border-radius:7px;
	font-size:23px;
	text-align:center;
	color:#fff;
	padding:15px 0 18px 0;
	height:inherit;
	display:inline-block;
	transition:all 0.5s;
	margin-top:20px;
	margin-bottom:25px;
	cursor:pointer;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.mag-quote .mag-rfq fieldset input[type="submit"]:hover {
	background: #fff;
	color: #f24332;
}
.mag-quote .mag-rfq fieldset .field.user {
	background-image: url(../../images/img-201.png);
}
.mag-quote .mag-rfq fieldset .field.mail {
	background-image: url(../../images/img-202.png);
}
.mag-quote .mag-rfq fieldset .field.phone {
	background-image: url(../../images/img-203.png);
}
.mag-quote .mag-rfq fieldset .field.skype {
	background-image: url(../../images/img-204.png);
}
.mag-quote .mag-rfq fieldset .field .c-padd {
	padding: 10px 20px;
}
.captcha {
	display: block;
	height: 52px;
	background: #e3daed;
	margin: 0 30px 0 0;
	padding: 5px;
	float: none;
	position: relative;
	overflow: hidden;
	max-width: 187px;
}
.captha-img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: -99999px;
	right: -99999px;
	top: -99999px;
	bottom: -99999px;
	margin: auto;
}
.mag-quote .mag-rfq fieldset .field input.error, .mag-quote .mag-rfq fieldset .field textarea.error {
	background-color: #f5dede;
	border-color: #e9b4b4;
}
label.error {
	display: none!important;
}
ul.b-class {
}
ul.b-class li {
	display: block;
	font-size: 16px;
	line-height: 24px;
	background: url(../../images/tick-2.png) no-repeat 0 22px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: left;
	padding: 13px 50px 13px 50px;
}
.page-block.grey {
	background: #e3e4e6;
}
.accordian-container {
	display: block;
	padding-bottom: 80px;
}
.acc_trigger {
	display: block;
	position: relative;
	padding: 20px 52px 0 0;
	font-size: 18px;
	color: #1a2325;
	font-weight: 400;
	margin: 15px 0 0 0;
	background: url(../../images/dash_bg.png) repeat-x top;
	cursor: pointer;
}
.acc_trigger:first-child {
	background: none;
	margin-top: 0;
}
.acc_trigger.last {
	background: url(../../images/dash_bg.png) repeat-x top, url(../../images/dash_bg.png) repeat-x bottom;
	padding-bottom: 16px;
}
.acc_trigger span {
	width: 12px;
	height: 11px;
	display: block;
	background: url(../../images/acc-exp.png) no-repeat 0 0;
	position: absolute;
	right: 20px;
	top: 25px;
}
.acc_trigger.active span {
	background: url(../../images/acc-exp.png) no-repeat 0 bottom;
}
.acc_trigger.active.last {
	background: url(../../images/dash_bg.png) repeat-x top;
	padding-bottom: 0;
}
.acc_container {
	display: block;
	padding: 25px 25px 25px 80px;
	margin: 20px 0 30px 0;
	background: url(../../images/img-208.png) no-repeat 0 center #fff;
}
.acc_container p {
	color: #565656;
	font-size: 15px;
	line-height: 20px;
	text-align: left;
}
.custon_feat {
	padding-left: 2%;
	padding-right: 2%;
}
.prime-hover {
	background-color: #fff;
	border: 1px solid #12a2de;
	border-top:none;
}







.table-price
{
	background:#f1f1f1;
	 padding-bottom: 10px;
}
.table-price .tbl-pkg tr th:nth-child(2), .table-price .tbl-pkg tr:last-child td:nth-child(2) {
  background: #12a2de;
}
.table-price .tbl-pkg tr th:nth-child(3), .table-price .tbl-pkg tr:last-child td:nth-child(3) {
  background: #f09c2a;
  border-left: 1px solid #e6b169;
  border-right: 1px solid #e6b169;
}
.table-price .tbl-pkg tr th:nth-child(4), .table-price .tbl-pkg tr:last-child td:nth-child(4) {
  background: #7fc241;
}
.table-price .tbl-pkg tr th span {
  font-size: 28px;
}

 @media screen and (max-width: 800px) {
.web-design-development-company {
 background: url(../../images/magento-pg-logo.png) no-repeat center 25px, url(../../images/magento-mb-bg.png) repeat #f0efef;
 padding: 160px 0 40px;
 text-align: center;
}
.page-block {
padding-bottom:50px;
}
.page-block h2 {
 font-size: 30px;
}
.page-block h2 span {
 font-size: 20px;
}
.page-block h2 {
padding-top:30px;
}
.header-block {
 width: 100%;
}
.header-block h1 {
 font-size: 27px;
 line-height: 35px;
 margin-bottom: 14px;
}
.header-block h6 {
 font-size: 21px;
 line-height: 25px;
}
.page-block p {
 text-align: center;
}
.acc_container p {
 text-align: left;
}
.page-block .grid-1 .img-wrap {
 margin-bottom:5px;
}
.page-block .grid-1 {
 max-width:inherit;
 display:block;
 margin:40px 0 0 0;
 width:inherit;
}
.page-block .grid-1:first-child {
 margin-top: 0;
}
.page-block .grid-2.premium {
 margin-top: 20px;
}
.mag-quote {
padding:40px 0;
}
.acc_container {
 padding: 25px;
 background-image: none;
}
.row .cell {
 display: block;
 width: inherit;
 padding: 0 10px;
}
.page-block .grid-2 {
 display: block;
 max-width: 372px;
 width: auto;
 margin: 0 auto;
}
.cta-container, .cta-container .cta-cell {
 display: block;
 text-align: center;
 margin: 10px 0;
}
.cta-container a.more {
 display: inline-block;
 padding: 25px 30px;
 font-size: 20px;
}
.cta-container a.more.small {
 display: inline-block;
 padding: 25px 10px;
 font-size: 20px;
}
.mag-quote .mag-rfq {
 padding: 15px;
 margin: 25px 0 0 0;
}
ul.b-class li {
 padding: 13px 15px 13px 50px;
}
.mag-quote .mag-rfq fieldset.half-col {
 width: 100%;
}
.page-block.last, .accordian-container {
 padding-bottom: 30px;
}
}
.grid-3 {
	height: 270px;
	overflow: hidden;
	cursor: pointer;
}
.grid-3 img.s-img {
	margin-top: 28px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.grid-3:hover img.s-img {
	margin-top: 0;
}
.grid-3 .mag-srv-txt {
	padding: 15px 0 53px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.grid-3:hover .mag-srv-txt {
	padding: 11px 0 0 0;
}
.custom-row .grid-3.bg-1 .mag-pkg {
	background: #12a2de;
}
.custom-row .grid-3.bg-2 .mag-pkg {
	background: #7fc241;
}
.custom-row .grid-3.bg-3 .mag-pkg {
	background: #f24332;
}
.custom-row .grid-3.bg-4 .mag-pkg {
	background: #f09c2a;
}
.custon_feat .custom-row .grid-3 {
	vertical-align: top;
}
.fieldwrap {
	position: relative;
	width: 100%;
}
.fieldwrap .caption {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 50px;
	text-align: left;
	padding: 0 50px 0 20px;
}
.captcha_wrap {
	display: block;
	min-width: 140px;
	max-width: 200px;
}
.refresh_cp {
	float: right;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #89b208;
	margin: 14px 0 0 5px;
}
.refresh_cp img {
	border-radius: 50%;
}
 @media only screen and (min-width : 801px) and (max-width : 1100px) {
.web-design-development-company {
 background-position:right;
}
}