/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Bree Serif', serif;
font-family: 'PT Sans', sans-serif;
Fonts ends */


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
}
img.alignright {
	float:right;
	margin:0 0 1em 1em
}
img.alignleft {
	float:left;
	margin:0 1em 1em 0
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
a img.alignright {
	float:right;
	margin:0 0 1em 1em
}
a img.alignleft {
	float:left;
	margin:0 1em 1em 0
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
/* Reset ends */


/* Main */
body {
	background: #ffffff;
	font-size: 13px;
	font-family: 'PT Sans', sans-serif;
	color: #4a4a4a;
}
.inner {
	width: 967px;
	margin: 0 auto;
}
/* Main ends */


/* Header */
#header-wrap {
	position: fixed;
	height: auto;
	width: 100%;
	z-index: 100;
	background:#fff;
	top:0px;
}
#header {
	height: 89px;
	font-family: 'Montserrat', sans-serif;
}
.top-bar {
	background: #383636;
	height: 34px;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 34px;
	text-transform: uppercase;
}
.top-bar a {
	color: #fff;
	text-decoration: none;
}
.top-bar a:hover {
	text-decoration: underline;
}
#logo {
	margin: 0;
	padding: 0;
	float: left;
	width: 232px;
	height: 43px;
	margin: 21px 0 0;
}
#logo a {
	text-indent: -9000px;
	width: 232px;
	height: 43px;
	display: block;
	background: url(images/logo.png) no-repeat;
}
/* Header ends */


/* Menu */
#menu {
	float: right;
	position: relative;
	z-index: 1000;
}
#menu ul {
}
#menu ul li {
	float: left;
	position: relative;
}
#menu ul li a {
	text-decoration: none;
	color: #333333;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 16px;
	line-height: 88px;
	display: block;
}
#menu ul li a:hover {
	color: #db1f25;
}
#menu ul ul {
	position: absolute;
	width: 180px;
	padding: 0 15px;
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: none;
	box-shadow: 0 0 8px 2px #000;
}
#menu ul ul li {
	float: none;
}
#menu ul ul li a {
	line-height: 20px;
	background: url(images/dots.png) repeat-x left bottom;
	padding: 11px 0;
}
#menu ul ul li:last-child a {
	background: none;
}
.btn-signup {
	padding: 27px 0 0 16px;
}
.shadow-hider {
	position: absolute;
	top: -10px;
	left: -8px;
}
/* Menu ends */


/* Banner */
#banner {
	height: 491px;
	background: url(images/banner.png) no-repeat center #736964;
	border-bottom: #fff 4px solid;
	text-align: center;
	padding: 50px 0 0;
	overflow: hidden;
	margin-top:125px;
}
#banner h1 {
	font-size: 52px;
	color: #f5f2f0;
	font-family: 'Bree Serif', serif;
	font-weight: normal;
	line-height: 50px;
	margin: 0 0 35px;
}
#banner .inner {
	position: relative;
	height: 491px;
}
.iphone-ipad {
	width: 784px;
	height: 255px;
	position: absolute;
	left: 93px;
	bottom: -255px;
}
/* Banner ends */


/* Content */
h2 {
	font-size: 46px;
	line-height: 44px;
	color: #4a4a4a;
	font-weight: normal;
	font-family: 'Bree Serif', serif;
	margin: 0 0 40px;
}
h2 a {
	color: #4a4a4a;
	text-decoration: none;
}
h3 {
	font-size: 25px;
	color: #383636;
	line-height: 23px;
	font-family: 'Bree Serif', serif;
	margin: 0 0 15px;
	font-weight: normal;
}
h4 {
	font-size: 21px;
	color: #4a4a4a;
	line-height: 23px;
	font-family: 'Bree Serif', serif;
	margin: 0 0 12px;
	font-weight: normal;
}
h5 {
	font-size:18px;
	font-family: 'PT Sans', sans-serif;
	font-weight:normal;
	color:#4a4a4a;
	margin-bottom:17px;
}
#content {
	background: green;
}
#options {
	background: #efe9e6;
	padding: 38px 0 36px;
}
#options .inner {
	background: url(images/options-sep.png) repeat-y left;
	padding: 35px 0 0 40px;
	width: 927px;
}
#options a {
	color: #4a4a4a;
	text-decoration: none;
}
.opt-icon {
	width: 54px;
	height: 140px;
	float: left;
}
.icon1 {
	position: relative;
}
.icon2 {
	position: relative;
}
.icon3 {
	position: relative;
}
.opt-1 {
	width: 223px;
	float: left;
	margin: 0 125px 0 0;
}
.opt-2 {
	width: 176px;
	float: left;
	margin: 0 131px 0 0;
}
.opt-3 {
	width: 191px;
	float: left;
}
#services {
	text-align: center;
	padding: 52px 0 40px;
}
.service {
	width: 191px;
	height: 330px;
	border-radius: 17px;
	padding: 13px 15px 0;
	float: left;
	margin: 0 27px 0 0;
	cursor: default;
}
.service a {
	text-decoration:none;
}
.service img {
	margin: 0 0 17px;
}
.service p {
	padding: 0 22px;
}
.service:hover {
	background: #efe9e6;
}
.get-started {
	background: url(images/jhalar.png) repeat-x bottom #383636;
	height: 146px;
	font-size: 21px;
	color: #fff;
	font-family: 'Bree Serif', serif;
	text-align: center;
	line-height: 146px;
}
.get-started a {
	margin: 0 0 0 22px;
}
.pull-tab {
	height: 29px;
	display: block;
	background: #383636;
	position: relative;
}
.pull-tab img {
	position: absolute;
	left: 50%;
	bottom: -39px;
	margin-left: -42px;
}
#clients {
	text-align: center;
	padding: 53px 0 80px;
}
#clients h2 {
	margin: 0 0 60px;
}
.client-logo {
	display: inline-block;
	width: 182px;
	height: 117px;
	overflow: hidden;
	position: relative;
}
.client-logo img {
	position: absolute;
	left: 0;
	top: 0;
}
.overlay {
	z-index: 100;
}
#demo {
	background: #efe9e6;
	padding: 55px 0;
}
#demo h4 {
	margin: 0 0 30px;
}
#demo .inner {
	width: 800px;
}
#demo .btn-red-3 {
	font-size: 21px;
	color: #fff !important;
	text-decoration: none;
	line-height: 48px !important;
	display: inline-block;
	padding: 0 31px !important;
	background: #db1f25;
	border-radius: 24px;
	box-shadow: 4px 4px 0 0 #c0b6b2;
	font-family: 'Bree Serif', serif;
}
#demo p {
	margin: 0 0 25px;
}
.demo-text {
	width: 400px;
	float: left;
	text-align: right;
	padding: 50px 0 0;
}
.mobile-hand {
	width: 313px;
	height: 309px;
	float: right;
}
.mobile-hand-img {
	right:-100px;
	position: relative;
	opacity:0;
}
#contact {
}
#contact .inner {
	width: 1021px;
}
#contact h3 {
	font-size: 40px;
	margin: 0 0 30px;
}
.links {
	padding: 125px 0 0;
	line-height: 24px;
	width: 550px;
	float: right;
}
.links ul {
	float: left;
	width: 182px;
}
.links a {
	color: #757575;
	text-decoration: none;
}
.links a:hover {
	color: #db1f25;
}
.contact-form {
	width: 409px;
	float: left;
	padding: 75px 0;
	margin: 0 62px 0 0;
}
label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #6e6e77;
	padding: 0 0 2px;
}
input[type=text], input[type=email] {
	border: #e4e4e4 1px solid;
	border-radius: 6px;
	margin: 0 0 16px;
	width: 230px;
	padding: 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
}
textarea {
	border: #e4e4e4 1px solid;
	border-radius: 6px;
	margin: 0 0 16px;
	width: 397px;
	height: 123px;
	padding: 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.btn-red-1 {
	font-size: 14px;
	color: #fff !important;
	text-decoration: none;
	line-height: 32px !important;
	display: inline-block;
	padding: 0 15px !important;
	background: #db1f25;
	border-radius: 15px;
	box-shadow: 3px 3px 0 0 #dddddd;
	border: 0;
	cursor: pointer;
}
.btn-red-2 {
	font-size: 26px;
	color: #f5f2f0 !important;
	text-decoration: none;
	line-height: 58px !important;
	display: inline-block;
	padding: 0 34px !important;
	background: #db1f25;
	border-radius: 30px;
	box-shadow: 4px 4px 0 0 #372f2a;
	font-family: 'Bree Serif', serif;
}
.btn-red-3 {
	font-size: 21px;
	color: #fff !important;
	text-decoration: none;
	line-height: 48px !important;
	display: inline-block;
	padding: 0 31px !important;
	background: #db1f25;
	border-radius: 24px;
	box-shadow: 4px 4px 0 0 #171616;
	font-family: 'Bree Serif', serif;
}
.disable {
	opacity: 0.6;
	cursor: default;
}
/* Content ends */
/*client*/
.banner-client {
	background:url(images/clients-banner.png) no-repeat center !important;
	height:241px !important;
	padding:0 !important;
	text-align:center;
}
.banner-client .inner {
	padding-top:50px;
}
.banner-client .btn-red-2 {
	width:223px !important;
	line-height:49px !important;
	padding:0px 0px !important;
	font-size:21px;
}
#client-logos, .about-us, #example, #pricing, #demo-text {
	width:890px;
	text-align:center;
	margin:0 auto;
	padding:35px 0px 50px 0px;
}
#client-logos p, .about-us p, #example p, #pricing p, #demo-text p {
	padding-bottom:30px;
	border-bottom:1px solid #c4c4c4;
}
.client-logos-inner {
	overflow:hidden;
	padding:35px 0 0 0;
}
.client-logos-inner ul {
	padding-left:40px;
}
.client-logos-inner li {
	float: left;
	width: 182px;
	height: 117px;
	margin: 0 22px 22px 0;
	position: relative;
	overflow: hidden;
}
.client-logos-inner li .slide-overlay {
	background: #db1f25;
	width: 182px;
	height: 80px;
	position: absolute;
	top: 0;
	left: -182px;
	padding: 37px 0 0;
}
.client-logos-inner li .slide-overlay a {
	margin: 0 9px;
}
/*about-us*/
.banner-about-us {
	background:url(images/about-us-banner.png) no-repeat center !important;
	height:241px !important;
	padding:0 !important;
	text-align:center;
}
.banner-about-us h1 {
	padding-top:87px;
}
.about-us {
	width:936px;
}
.about-top-text {
	width:890px;
	margin: 0 auto;
}
.about-us-inner {
	padding:50px 0 70px 0;
	overflow:hidden;
	margin: 0 auto;
}
.profile {
	width:425px;
	overflow:hidden;
	margin:0 85px 35px 0;
	float:left;
}
.profile img {
	width:225px;
	height:339px;
	float:left;
}
.profile-detail {
	text-align:left;
	width:169px;
	float:right;
	padding:20px 0 0 0;
}
.profile-detail h3 {
	font-size:24px;
	color:#4a4a4a;
	font-weight:normal;
	margin-bottom:12px;
}
.profile-detail p {
	border:none;
}
/*example*/
.banner-example {
	background:url(images/banner-example.png) no-repeat center !important;
	height:241px !important;
	padding:0 !important;
	text-align:center;
}
.banner-example h1 {
	padding: 38px 0 0 0;
}
.example-inner {
	margin:0 auto;
	padding:50px 20px;
	overflow:hidden;
}
.demo {
	width:203px;
	float:left;
	margin-right:118px;
}
.demo img {
	margin:0 0 35px 0;
	width:192px;
	height:187px;
}
.demo .btn-red-3 {
	font-size: 21px;
	color: #fff !important;
	text-decoration: none;
	line-height: 48px !important;
	display: inline-block;
	padding: 0 31px !important;
	background: #383636 !important;
	border-radius: 24px;
	box-shadow: 4px 4px 0 0 #d8d8d8;
	font-family: 'Bree Serif', serif;
	margin-bottom:25px;
}
.demo .btn-red-3:hover {
	opacity:0.8;
}
.demo a {
	color:#000;
	font-size:11px;
}
/*pricing*/
.banner-pricing {
	background:url(images/banner-pricing.png) no-repeat center !important;
	height:241px !important;
	padding:0 !important;
	text-align:center;
}
.banner-pricing h1 {
	padding:60px 0 0 0;
}
.pricing-inner {
	overflow:hidden;
	padding:50px 30px 70px 30px;
}
.risk-free {
	width:342px;
	background:#ebebeb;
	padding:0 0 40px 0;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	float:left;
}
.risk-free2 {
	left:-100px;
	opacity:0;
	position:relative;
}
.long-term {
	float:right !important;
	right:-100px;
	opacity:0;
	position:relative;
}
.long-term h3 {
	background:#51a23b !important;
}
.risk-free h3 {
	color:#fff;
	background:#3d68b1;
	line-height:84px;
	margin-bottom:35px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.risk-free h5 {
	color:#5f5f5f;
	font-weight:bold;
	margin-bottom:20px;
}
.risk-free p {
	font-size:14px;
	color:#5f5f5f;
	font-family: 'PT Sans', sans-serif;
	margin-bottom:22px;
	border:none !important;
	padding:0px !important;
}
.risk-free .btn-red-3 {
	box-shadow: 4px 4px 0 0 #bdb8b6;
}
.pricing-arrow img {
	margin-top:132px;
}
/*feature*/
.banner-feature {
	background:url(images/features-banner.png) no-repeat center !important;
	height:243px !important;
	padding:0 !important;
	text-align:center;
}
.banner-feature h1 {
	padding:40px 0 0 0;
}
#feature {
	text-align:center;
	margin:0 auto;
	padding:35px 0px 0px 0px;
}
.top-text {
	width:890px;
	text-align:center;
	padding-bottom:30px;
	margin:0 auto;
	border-bottom:1px solid #c4c4c4;
}
.top-text p {
}
.category {
	width:850px;
	padding:60px 0px 0 0px;
	margin:0 auto;
	position: relative;
	height: 286px;
}
.category .inner {
	width:321px;
	float:right;
	padding-bottom:30px
}
.inner img {
	margin:0 0 12px 0;
}
.inner p {
	font-size:12px;
	color:#4a4a4a;
	line-height:18px;
	font-family:Tahoma, Geneva, sans-serif;
}
.inner h3 {
	font-size:24px;
}
.outer p {
}
.outer {
	background:#efe9e6;
}
.outer .category {
}
.outer .inner {
	float:left;
}
.align-right {
	float:right;
}
.align-left {
	float:left;
}
.customized .inner {
	padding-bottom:60px !important;
}
.profassionally .inner {
	padding-bottom:60px !important;
}
.profassionally .align-right {
	margin-top:23px;
}
.local-search .inner {
	padding-bottom:78px;
}
.local-search {
	padding-bottom:3px;
}
.mobile {
	padding:40px 0 18px 0 !important;
}
.mobile .inner {
	padding:47px 0 47px 0;
}
.support {
	padding:60px 0 50px 0 !important;
}
.support .inner {
	padding:30px 0 37px 0;
}
.web-portal .align-right {
	margin-top:20px;
}
.web-portal {
	padding-bottom:6px;
}
.web-portal .inner {
	padding-bottom:63px;
}
.promotion {
	padding: 10px 0 60px 0;
}
.promotion .inner {
	padding-top:40px !important;
}
.social-media {
	padding:60px 0 40px 0;
}
.red-btn {
	font-size:21px !important;
	padding:10px 25px !important;
	border-radius:35px !important;
	font-family: 'Bree Serif', serif;
}
.profassionally-img, .mobile-img, .web-img, .socialmedia-img {
	position: absolute;
	right: -100px;
	opacity: 0;
}
.local-search-img, .support-img, .customized-img, .promotion-img {
	position: absolute;
	left: -100px;
	opacity: 0;
}
/*contact*/
.banner-contact {
	background:url(images/contact-banner.png) no-repeat center !important;
	height:243px !important;
	padding:0 !important;
	text-align:center;
}
.banner-contact h1 {
	padding:67px 0 0 0;
}
#contact-us {
	width:865px;
	margin:0 auto;
	padding:60px 0px;
	overflow:hidden;
}
.contact-us-form {
	width:416px;
	float:left;
}
.contact-us-form label {
	font-size:12px;
	color:#333333;
	font-weight:bold;
	margin-bottom:5px;
}
.contact-us-form label span {
	color:#db1f25;
}
.contact-us-form input[type=text], .contact-us-form input[type=email], .contact-us-form textarea {
	width:92%;
	padding:15px 4%;
	border-radius:15px;
	background:#eaeaea;
	border:none;
	font-size:14px;
	color:#333;
	margin-bottom:24px;
	resize:none;
}
.link-address {
	width:326px;
	float:right;
}
.social-links {
	margin-bottom:20px;
}
.social-links a {
	margin:0 3px 0 0;
}
.social-links-footer{
	margin-left: auto;
	margin-right: auto;
	width:200px;
	margin-top:50px;
	margin-bottom:-100px;
	
}
.link-address h3 {
	font-size:24px;
	margin-bottom:15px;
}
.link-address p {
	line-height:18px;
}
.link-address p a {
	text-decoration:none;
	color:#333;
}
.link-address p a:hover {
	text-decoration:underline;
}
.map {
	width:326px;
	height:265px;
	margin-top:40px;
}
.view-large {
	text-decoration:none;
	color:#333 !important;
}
.view-large:hover {
	text-decoration:underline;
}
/*case-study*/
.case-study h1 {
	padding-top:10px !important;
}
#case-study {
	margin:0 auto;
	padding:35px 0 90px 0;
	overflow:hidden;
}
.case-1 {
	width:740px;
	padding:50px 0 0 0;
	margin:0 auto;
	overflow:hidden;
}
.case-1 .align-right {
	margin-top:125px;
}
.case-inner {
	width:462px;
	overflow:hidden;
	float:left;
	margin-left:27px;
}
.case-inner h3 {
	line-height:29px;
	margin:0 0 20px 0;
}
.case-inner h3 a {
	color: #383636;
	text-decoration:none;
}
.case-inner p a {
	text-decoration:none;
	color:#626262;
}
.case-inner p a:hover {
	color:#db1f25;
	text-decoration:underline;
}
.case-inner p {
	line-height:18px;
	font-size:12px;
	color:#626262;
	padding-right:46px;
}
/*testimonial*/
#testimonial {
	padding:0 0 50px 0;
}
#testimonial .inner {
	padding:50px 0 0 0;
	margin:0 auto;
	width:890px;
	border-top: 1px solid #c4c4c4;
}
.testimonial-1 {
	width:770px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:50px;
}
.testimonial-inner {
	width:340px;
	margin-left:40px;
	float:left;
	padding-top:5px;
}
.testimonial-inner p {
	line-height:18px;
	font-size:12px;
	color:#626262;
}
/* demo*/
.banner-demo {
	background:url(images/demo-banner.png) no-repeat center !important;
	height:241px !important;
	padding:0 !important;
	text-align:center;
}
.banner-demo h1 {
	padding: 62px 0 0 0;
}
#demo-mobile {
	background:url(images/mobile-feature-bg.png) repeat-x 0px 235px;
}
.mobile-features {
}
.mobile-features .inner {
	width:990px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:10px;
}
.feature-overview {
	float:left;
	width:435px;
	padding:55px 0 0 0;
}
.first- {
	margin-bottom:70px;
}
.feature {
	overflow:hidden;
	margin-bottom:20px;
}
.feature img {
	float:left;
}
.feature .text {
	float:right;
	width:345px;
	padding:5px 0 0 0;
}
.feature-btn {
	margin:60px 0 0 130px;
	padding: 8px 35px 8px 35px !important;
}
.vendor {
	background:url(images/vendor-banner.png) no-repeat center !important;
}
.vendor h1 {
	padding-top:85px;
}
.vendor-inner {
	padding:50px 0 120px 0;
	width:890px;
	margin:0 auto;
}
.vendor-inner h3 {
	margin-bottom:25px;
}
.vendor-inner p {
	line-height:24px;
}
.qus1 {
	text-align:left;
	margin:0 0 20px 195px;
}
.qus1 h3 {
	margin-bottom:5px;
	padding-top:12px;
}
.qus1 img {
	float:left;
	margin-right:20px;
}
.vendor-btn {
	box-shadow: 3px 4px 0 0 #7a716b !important;
	font-size: 26px !important;
	padding: 13px 25px !important;
	margin-top:35px;
}
/* Visibilties */
.visible-phone {
	visibility: hidden;
	display: none;
}
.visible-desktop {
	visibility: visible;
}


/* ============================= */
/* ! Layout for phone version   */
/* ============================= */

@media screen and (max-width: 768px) {
.visible-phone {
	visibility: visible;
	display: inherit;
}
.visible-desktop {
	visibility: hidden;
	display: none;
}
.top-bar .inner {
	margin: 0 auto;
	width: 97%;
}
#header-wrap {
	background: none repeat scroll 0 0 #FFFFFF;
	height: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
#header {
	font-family: 'Montserrat', sans-serif;
	height: 89px;
}
#header .inner {
	margin: 0 auto;
	width: 100%;
}
.btn-menu-phone {
	float:right;
	margin: 35px 18px 0 0;
	background:#db1f25;
	border:none;
	color:#fff;
	font-size:16px;
	border-radius:5px;
	padding:3px 6px;
	cursor:pointer;
	font-weight:bold;
}
.btn-menu-phone:hover {
	background:#ec3137;
}
.shadow-hider {
	display:none;
}
#menu {
	background: none repeat scroll 0 0 #e1dbdb;
	float: left;
	position: relative;
	width: 100%;
	z-index: 1000;
	display:none;
	padding-left:10px;
}
#menu ul li a {
	color: #333333;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 53px;
	padding: 0 13px;
	text-decoration: none;
	text-transform: uppercase;
}
.btn-signup {
	padding: 10px 0 0 5px;
}
#banner {
	background: url("images/banner.jpg") no-repeat scroll center center #736964;
	border-bottom: 4px solid #FFFFFF;
	height: 491px;
	margin-top: 125px;
	overflow: hidden;
	padding: 50px 0 0;
	text-align: center;
}
#banner .inner {
    height: 491px;
    position: relative;
    width: 100%;
}
.banner-contact h1 {
	padding: 50px 0 0;
}
#contact-us {
	margin: 0 auto;
	overflow: hidden;
	padding: 60px 0;
	width: 100%;
}
.contact-us-form {
	float: none;
	margin: 0 auto;
	padding-bottom: 50px;
	width: 60%;
}
.contact-us-form .red-btn {
	border-radius: 35px 35px 35px 35px !important;
	font-family: 'Bree Serif', serif;
	font-size: 16px !important;
	padding: 6px 12px !important;
}
.link-address {
	float: none;
	margin: 0 auto;
	width: 60%;
}
.map {
	height: 265px;
	margin-top: 40px;
	width: 100%;
}
.map iframe {
	width:100%;
	height:100%;
}
#contact .inner {
	margin: 0 auto;
	width: 60%;
}
.contact-form {
	float: none;
	margin: 0 auto;
	padding: 60px 0;
	width: 100%;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
	border: 1px solid #E4E4E4;
	border-radius: 6px 6px 6px 6px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 16px;
	padding: 2px 5px;
	width: 94%;
}
.contact-form textarea {
	border: 1px solid #E4E4E4;
	border-radius: 6px 6px 6px 6px;
	font-family: Arial, Helvetica, sans-serif;
	height: 123px;
	margin: 0 0 16px;
	padding: 2px 5px;
	width: 94%;
}
.links {
	float: left;
	line-height: 24px;
	padding:0px;
	width: 100%;
}
.links ul {
	float: left;
	margin-bottom: 20px;
	width: 182px;
}
/*vendor*/

.top-text {
	border-bottom: 1px solid #C4C4C4;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
	width: 94%;
}
.vendor-inner {
	margin: 0 auto;
	padding: 50px 0 120px;
	width: 94%;
}
.vendor-btn {
	box-shadow: 3px 4px 0 0 #7A716B !important;
	font-size: 17px !important;
	margin-top: 35px;
	padding: 13px 25px !important;
}
.qus1 {
	margin-bottom: 20px;
	margin-left: 10%;
	margin-right: 5px;
	text-align: justify;
}
/*clients*/


#client-logos, .about-us, #example, #demo-text {
	margin: 0 auto;
	padding: 35px 0 50px;
	text-align: center;
	width: 89%;
}
.demo {
	float: left;
	margin-right: 15px;
	width: 203px;
}
#pricing {
	margin: 0 auto;
	padding: 35px 0 50px;
	text-align: center;
	width: 100%;
}
.pricing-arrow {
	display:none;
}
element.style {
	left: 0;
	opacity: 1;
}
.risk-free2 {
	left: -100px;
	opacity: 0;
	position: relative;
}
.risk-free {
	background: none repeat scroll 0 0 #EBEBEB;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	float: left;
	margin: 0 0 30px;
	padding: 0 0 40px;
	width: 342px;
}
.long-term {
	float: right !important;
	position: relative;
}
.about-top-text {
	margin: 0 auto;
	width: 100%;
}
.profile {
	float: none;
	margin: 0 auto 35px !important;
	overflow: hidden;
	width: 425px;
}
#case-study {
	margin: 0 auto;
	overflow: hidden;
	padding: 35px 0 90px;
	width: 94%;
}
.case-1 {
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0 0;
	width: 100%;
}
#testimonial .inner {
	border-top: 1px solid #C4C4C4;
	margin: 0 auto;
	padding: 50px 0 0;
	width: 94%;
}
.testimonial-1 {
	margin: 0 auto 50px;
	overflow: hidden;
	width: 100%;
}
.testimonial-inner {
	float: left;
	margin-left: 40px;
	padding-top: 5px;
	width: 285px;
}

.category {
    height: auto !important;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
    width: 100%;
}
.local-search-img, .profassionally-img, .customized-img, .mobile-img, .web-img, .socialmedia-img, .promotion-img, .support-img {
    float: none;
    margin-bottom: 20px;
	position:inherit;
	width:90%;
	height:auto;
}
.category .inner {
    float: none;
    margin: 0 auto;
    padding-bottom: 30px;
    width: 321px;
}
#banner{
	height:300px;
}
#banner h1 {
    color: #F5F2F0;
    font-family: 'Bree Serif',serif;
    font-size: 52px;
    font-weight: normal;
    line-height: 50px;
    margin: 0 0 12px;
} 

#demo .inner {
    width: 97%;
}
#clients .inner{
	width:96%;
}
.client-seg-img img{
	width:100%;
	height:auto;
}
#services .inner{
	width:96%;
}

.service {
    border-radius: 17px;
    cursor: default;
    display: inline-block;
    float: none;
    height: 330px;
    margin: 0;
    padding: 13px 15px 0;
    vertical-align: top;
    width: 191px;
}

#options .inner {
    background: none;
    padding: 35px 0 0 40px;
    width: 98%;
}
.opt-1 {
    float: left;
    margin: 0 41px 0 0;
    width: 223px;
}

.opt-2 {
    float: left;
    margin: 0 38px 0 0;
    width: 176px;
}

}
@media screen and (max-width: 600px) {
.qus1 {
	margin-bottom: 40px;
	margin-left: 0;
	margin-right: 5px;
	text-align: center;
}
.qus1 img {
	float: none;
	margin-right: 20px;
}
}
@media screen and (max-width: 640px) {
.hide-row {
	display:none;
}
.client-logos-inner {
	margin: 0 auto;
	overflow: hidden;
	padding: 35px 0 0;
	width: 80%;
}
.demo {
	float: left;
	margin:0 15px 30px 30px;
	width: 203px;
}
.demo-resp {
	float: none !important;
	margin: 0 auto !important;
}
.pricing-inner {
	overflow: hidden;
	padding: 50px 0px 70px;
	margin:0 auto;
	width:96%;
}

.risk-free {
	background: none repeat scroll 0 0 #EBEBEB;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	float: none;
	margin: 0 auto 30px;
	padding: 0 0 40px;
	width: 100%;
}
.long-term {
	float: none !important;
	position: relative;
}
.case-inner {
	float: left;
	margin-left: 0;
	overflow: hidden;
	width: 390px;
}
.case-1 .align-right {
	margin-top: -50px;
}
.testimonial-1 img {
	margin: 0 0 12px 100px;
}
.testimonial-inner {
	margin-left: 0;
	padding-top: 5px;
	width: 100%;
}
.banner-feature h1 {
    padding: 15px 0 0;
}
.demo-text {
    float: left;
    padding: 50px 0 30px;
    text-align: center;
    width: 98%;
}

.mobile-hand {
    float: none;
    height: 309px;
    margin: 0 auto;
    width: 313px;
}
#options .inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 35px 0 0;
    text-align: center;
    width: 98%;
}

.opt-1 {
    display: inline-block;
    float: none;
    margin: 0 41px 0 0;
    text-align: left;
    width: 223px;
	vertical-align:top;
}

.opt-2 {
    display: inline-block;
    float: none;
    margin: 0 38px 0 0;
    text-align: left;
    width: 176px;
}

.opt-3 {
    display: inline-block;
    float: none;
    text-align: left;
    width: 191px;
}
.social-links-footer{
	margin-bottom:-50px !important;
}
}
@media screen and (min-width: 641px) and (max-width: 645px) {
		.case-inner {
	float: left;
	margin-left: 0;
	overflow: hidden;
	width: 65%;
}
.case-inner p {
    color: #626262;
    font-size: 12px;
    line-height: 18px;
	padding-right:0px;
}
	.case-1 .align-right {
		margin-top:15px;
}
.demo-text {
    float: left;
    padding: 50px 0 30px;
    text-align: center;
    width: 98%;
}

.mobile-hand {
    float: none;
    height: 309px;
    margin: 0 auto;
    width: 313px;
}
#options .inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 35px 0 0;
    text-align: center;
    width: 98%;
}

.opt-1 {
    display: inline-block;
    float: none;
    margin: 0 41px 0 0;
    text-align: left;
    width: 223px;
	vertical-align:top;
}

.opt-2 {
    display: inline-block;
    float: none;
    margin: 0 38px 0 0;
    text-align: left;
    width: 176px;
}

.opt-3 {
    display: inline-block;
    float: none;
    text-align: left;
    width: 191px;
}
.social-links-footer{
	margin-bottom:-50px !important;
}

	}
@media screen and (min-width: 646px) and (max-width: 767px) {
	.case-inner {
	float: left;
	margin-left: 0;
	overflow: hidden;
	width: 70%;
}
.case-inner p {
    color: #626262;
    font-size: 12px;
    line-height: 18px;
	padding-right:0px;
}

	.case-1 .align-right {
		margin-top:15px;
}
.demo-text {
    float: left;
    padding: 50px 0 30px;
    text-align: center;
    width: 98%;
}

.mobile-hand {
    float: none;
    height: 309px;
    margin: 0 auto;
    width: 313px;
}
#options .inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 35px 0 0;
    text-align: center;
    width: 98%;
}

.opt-1 {
    display: inline-block;
    float: none;
    margin: 0 41px 0 0;
    text-align: left;
    width: 223px;
	vertical-align:top;
}

.opt-2 {
    display: inline-block;
    float: none;
    margin: 0 38px 0 0;
    text-align: left;
    width: 176px;
}

.opt-3 {
    display: inline-block;
    float: none;
    text-align: left;
    width: 191px;
}
.social-links-footer{
	margin-bottom:-50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 639px) {
	.case-1 {
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0 0;
	text-align: center;
	width: 100%;
}
.case-1 .align-left {
	float: none;
}
.case-inner {
	float: left;
	margin-left: 0;
	overflow: hidden;
	width: 100%;
}
.case-inner p {
    color: #626262;
    font-size: 12px;
    line-height: 18px;
	padding-right:0px;
}
.case-1 .align-right {
    margin: 15px -21px 0 0;
    position: relative;
    right: 50%;
}
.get-started {
    background: url("images/jhalar.png") repeat-x scroll center bottom #383636;
    color: #FFFFFF;
    font-family: 'Bree Serif',serif;
    font-size: 19px;
    height: 146px;
    line-height: 62px;
    text-align: center;
}
.get-started a {
    display: table;
    margin: 0 auto;
}
#options .inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 35px 0 0;
    text-align: center;
    width: 98%;
}

.opt-1 {
    display: inline-block;
    float: none;
    margin: 0 41px 0 0;
    text-align: left;
    width: 223px;
	vertical-align:top;
}

.opt-2 {
    display: inline-block;
    float: none;
    margin: 0 38px 0 0;
    text-align: left;
    width: 176px;
}

.opt-3 {
    display: inline-block;
    float: none;
    text-align: left;
    width: 191px;
}
.home h1 {
    color: #F5F2F0;
    font-family: 'Bree Serif',serif;
    font-size: 42px !important;
    font-weight: normal;
    line-height: 50px;
    margin: 0 0 12px;
}
.social-links-footer{
	margin-bottom:-50px !important;
}
}
@media screen and (max-width: 480px) {
.client-logos-inner {
	margin: 0 auto;
	overflow: hidden;
	padding: 35px 0 0;
	width: 63%;
}
.banner-example h1 {
	font-size: 44px !important;
	line-height: 42px !important;
	padding: 13px 0 0;
}
.banner-pricing h1 {
	font-size: 47px !important;
	padding: 31px 0 0;
}
.demo {
	float: none;
	margin: 0 auto !important;
	margin-right: 15px;
	padding-bottom: 70px;
	width: 203px;
}
.case-1 {
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0 0;
	text-align: center;
	width: 100%;
}
.case-1 .align-left {
	float: none;
}
.case-inner {
	float: left;
	margin-left: 0;
	overflow: hidden;
	width: 100%;
}
.case-inner p {
    color: #626262;
    font-size: 12px;
    line-height: 18px;
	padding-right:0px;
}
.case-1 .align-right {
    margin: 15px -21px 0 0;
    position: relative;
    right: 50%;
}
.testimonial-1 img {
	height: auto;
	margin: 0 0 12px;
	width: 100%;
}
.get-started {
    background: url("images/jhalar.png") repeat-x scroll center bottom #383636;
    color: #FFFFFF;
    font-family: 'Bree Serif',serif;
    font-size: 19px;
    height: 146px;
    line-height: 62px;
    text-align: center;
	padding:0 8px;
}
.home h1 {
    color: #F5F2F0;
    font-family: 'Bree Serif',serif;
    font-size: 35px !important;
    font-weight: normal;
    line-height: 50px;
    margin: 0 0 12px;
}
.social-links-footer{
	margin-bottom:-50px !important;
}
}
@media screen and (min-width: 361px) and (max-width: 479px) {
	.opt-1 {
    float: none;
    margin: 0 ;
    text-align: left;
    width: 100%;
	vertical-align:top;
}

.opt-2 {
    float: none;
    margin: 0;
    text-align: left;
    width: 100%;
}

.opt-3 {
    display: inline-block;
    float: none;
    text-align: left;
    width: 100%;
}

#options .inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 35px 0 0;
    text-align: center;
    width: 95%;
}
.home h1 {
    color: #F5F2F0;
    font-family: 'Bree Serif',serif;
    font-size: 35px !important;
    font-weight: normal;
    line-height: 40px !important;
    margin: 0 0 12px;
}
.social-links-footer{
	margin-bottom:-50px !important;
}
}
@media screen and (max-width: 360px) {
.hide-row1 {
	display:none;
}
.banner-client .inner {
	padding-top: 20px;
}
.client-logos-inner {
	margin: 0 auto;
	overflow: hidden;
	padding: 35px 0 0;
	width: 100%;
}
.client-logos-inner ul {
	padding-left: 0px;
}
.client-logos-inner li {
	float: none;
	height: 117px;
	margin: 0 auto 22px;
	overflow: hidden;
	position: relative;
	width: 182px;
}
.banner-example h1 {
	font-size: 38px !important;
	line-height: 35px !important;
	padding: 13px 0 0;
}
.demo {
	float: none;
	margin: 0 auto !important;
	margin-right: 15px;
	padding-bottom: 70px;
	width: 203px;
}
.pricing-inner {
	overflow: hidden;
	padding: 50px 0px 70px;
	margin:0 auto;
	width:96%;
}
.risk-free {
	background: none repeat scroll 0 0 #EBEBEB;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	float: none;
	margin: 0 auto 30px;
	padding: 0 0 40px;
	width: 100%;
}
.profile {
	float: none;
	margin: 0 auto 35px !important;
	overflow: hidden;
	width: 100%;
}
.profile img {
	float: none;
	height: 339px;
	margin: 0 auto;
	width: 225px;
}
.profile-detail {
	float: none;
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: left;
	width: 169px;
}
.case-study h1 {
	padding-top: 10px !important;
	width: 94%;
}
.banner-feature h1 {
    font-size: 36px !important;
    padding: 18px 0 0;
}
.get-started {
    background: url("images/jhalar.png") repeat-x scroll center bottom #383636;
    color: #FFFFFF;
    font-family: 'Bree Serif',serif;
    font-size: 17px;
    height: 146px;
    line-height: 62px;
    text-align: center;
}
#clients {
    padding: 53px 0 40px;
    text-align: center;
}

.btn-red-2{
	font-size:20px;
}

#options .inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 35px 0 0;
    text-align: center;
    width: 95%;
}
	.opt-1 {
    float: none;
    margin: 0 ;
    text-align: left;
    width: 100%;
	vertical-align:top;
}

.opt-2 {
    float: none;
    margin: 0;
    text-align: left;
    width: 100%;
}

.opt-3 {
    display: inline-block;
    float: none;
    text-align: left;
    width: 100%;
}
.home h1 {
    color: #F5F2F0;
    font-family: 'Bree Serif',serif;
    font-size: 32px !important;
    font-weight: normal;
    line-height: 35px !important;
    margin: 0 0 12px;
}
.social-links-footer{
	margin-bottom:-50px !important;
}
}
@media screen and (max-width: 320px) {
.banner-about-us h1 {
	padding-top: 65px;
}
.banner-feature h1 {
    font-size: 36px !important;
    padding: 18px 0 0;
	line-height:40px !important;
}
.social-links-footer{
	margin-bottom:-50px !important;
}
}