.fade a {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4
}
.fade a:hover {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
input, textarea, select {
	outline: none
}
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	font-weight: 500
}
.clear {
	clear: both
}
.row {
	float: left;
	width: 100%
}
.floatLeft {
	float: left !important
}
.floatRight {
	float: right !important
}
a {
	text-decoration: none;
	color: #2e96cc;
	cursor: pointer
}
ul {
	padding: 0;
	margin: 0
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 13px;
	color: #444;
	font-family: 'breuertextregular', Arial, Helvetica, sans-serif
}
.wrapper {
	margin: 0 auto;
	width: 980px;
	min-width: 980px
}
img {
	max-width: 100%
}
.green {
	color: #349E98
}
.orange {
	color: #df2b2b
}
.pt60 {
	padding-top: 60px
}
.pt50 {
	padding-top: 50px
}
.pt18 {
	padding-top: 18px
}
.pt20 {
	padding-top: 20px
}
.pt45 {
	padding-top: 45px !important
}
.pt40 {
	padding-top: 40px !important
}
.lh16 {
	line-height: 16px
}
.vmid {
	vertical-align: middle
}
.commonhead {
	color: #202020;
	cursor: default !important;
	display: block;
	float: left;
	padding: 10px 0 0;
	text-decoration: none;
	width: 100%;
	letter-spacing: -.035em
}
.floatright {
	float: right !important
}
.pt2 {
	padding-top: 2px !important
}
.normalhead {
	color: #252525;
	cursor: default !important;
	display: block;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	letter-spacing: -.035em;
	padding-bottom: 5px;
	text-decoration: none;
	width: 100%
}
.line15 {
	line-height: 15px
}
.f13 {
	font-size: 13px
}
.mb30 {
	margin-bottom: 30px !important
}
.mtc7 {
	margin-top: -7px !important
}
.pb30 {
	padding-bottom: 30px !important
}
.pt5 {
	padding-top: 5px
}
.pt10 {
	padding-top: 10px
}
.pb10 {
	padding-bottom: 10px
}
.mt10 {
	margin-top: 10px
}
.mt25 {
	margin-top: 20px
}
.mb10 {
	margin-bottom: 10px
}
.mb20 {
	margin-bottom: 20px
}
.mb40 {
	margin-bottom: 40px
}
.hide {
	display: none
}
.botline {
	border-bottom: 1px solid #D5D2CB
}
.pl0 {
	padding-left: 0 !important
}
.button1 {
	display: inline-block;
	border-radius: 3px;
	padding: 15px 18px;
	color: #FFF;
	text-decoration: none;
	font-weight: 400;
	font-family: 'breuertextmedium';
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: #222;
	width: 165px
}
.button1:hover {
	background: #df2b2b !important
}
.banner {
	float: left;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #fff !important;
	padding-top: 55px;
	position: relative
}
.banner .mainheadingh3 {
	font-size: 24px;
	font-family: 'HelveticaCE-Bold';
	text-transform: uppercase;
	width: 100%;
	letter-spacing: -1px
}
.banner .innerheading {
	font-size: 115px;
	font-family: 'HelveticaCE-Bold';
	line-height: 90px;
	letter-spacing: -14px !important;
	text-transform: uppercase;
	width: 100%
}
.banner .mainheading {
	font-size: 115px;
	font-family: 'HelveticaCE-Bold';
	line-height: 90px;
	letter-spacing: -14px !important;
	text-transform: uppercase;
	width: 100%
}
.banner .mainheading span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #e85038;
	display: inline-block;
	vertical-align: bottom
}
.banner h1 span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #e85038;
	display: inline-block;
	vertical-align: bottom
}
.banner h4 {
	font-size: 16px;
	line-height: normal
}
.banner.corporate p {
	font-size: 17px;
	line-height: 17px
}
.quicklinks {
	position: fixed;
	right: 0;
	width: 44px;
	top: 180px;
	z-index: 99999;
	line-height: 5px;
	display: none
}
.quicklinks a {
	width: 42px;
	height: 44px;
	display: inline-block;
	background: url(../images/bg/quick_contact.png) no-repeat;
	text-indent: -9999px;
	float: right
}
.quicklinks a.livechat {
	background-position: 0 -45px;
	margin-top: 4px;
	height: 138px
}
.banner h3 {
	font-family: 'HelveticaCE-Bold'
}
.contnet_section {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #444;
	margin-bottom: 40px
}
.col3 {
	float: left;
	width: 100%;
	margin-top: -370px;
	z-index: 9999;
	position: relative
}
.col1 {
	padding: 1px;
	background: #fff;
	border-radius: 3px;
	width: 303px;
	float: left;
	text-align: center;
	min-height: 300px;
	color: #252525;
	font-size: 13px;
	margin-left: 30px
}
.col1:first-child {
	margin-left: 0
}
.col1_inner {
	width: 100%;
	float: left;
	background: #fff;
	padding: 30px 0 0
}
.icons {
	float: left;
	width: 100%
}
.icons a {
	display: inline-block;
	width: 41px;
	height: 40px;
	border-radius: 20px;
	background: url(../images/bg/icon_strip.png) no-repeat #bb3e33;
	transition: all 500ms ease 0
}
.icons a:hover {
	background: url(../images/bg/icon_strip.png) no-repeat #252525
}
.icons a.html5 {
	background-position: -14px -149px
}
.icons a.html5:hover {
	background-position: -14px -200px
}
.icons a.css3 {
	background-position: -80px -149px
}
.icons a.css3:hover {
	background-position: -79px -200px
}
.icons a.responsive {
	background-position: -213px -149px
}
.icons a.responsive:hover {
	background-position: -213px -200px
}
.icons a.w3c {
	background-position: -148px -150px
}
.icons a.w3c:hover {
	background-position: -148px -199px
}
.col1 .icons a.wordpress_icon {
	background-position: -281px -201px
}
.col1 .icons a.wordpress_icon:hover {
	background-position: -280px -150px
}
.col1 .icons a.joomla_icon {
	background-position: -415px -201px
}
.col1 .icons a.joomla_icon:hover {
	background-position: -415px -150px
}
.col1 .icons a.drupal_icon {
	background-position: -347px -202px
}
.col1 .icons a.drupal_icon:hover {
	background-position: -346px -151px
}
.col1 .icons a.magento_icon {
	background-position: -481px -201px
}
.col1 .icons a.magento_icon:hover {
	background-position: -481px -150px
}
.col1 .icons a.ios {
	background-position: -551px -150px
}
.col1 .icons a.android {
	background-position: -615px -150px
}
.col1 .icons a.window {
	background-position: -747px -150px
}
.col1 .icons a.blackberry {
	background-position: -682px -150px
}
.col1 .icons a.ios:hover {
	background-position: -551px -201px
}
.col1 .icons a.android:hover {
	background-position: -615px -201px
}
.col1 .icons a.window:hover {
	background-position: -747px -201px
}
.col1 .icons a.blackberry:hover {
	background-position: -682px -201px
}
.col1 h2 {
	font-size: 20px;
	letter-spacing: -.5px;
	width: 100%;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	padding-top: 25px
}
.col1 p {
	line-height: 16px;
	display: inline-block;
	padding-top: 18px;
	min-height: 85px
}
.col1 a.oredernow {
	font-size: 16px;
	color: #fff;
	font-family: 'HelveticaCE-Bold';
	display: inline-block;
	padding: 14px 55px;
	border-radius: 3px;
	background: #252525;
	transition: all 300ms ease 0
}
.col1 a.oredernow:hover {
	background: #308cd1
}
.col1.black a.oredernow {
	background: #308cd1;
	box-shadow: 1px 1px #5badeb inset;
	border: 1px solid #1d72b2;
	text-shadow: 0 -1px 1px #2179bc
}
.col1.black a.oredernow:hover {
	text-shadow: 0 -1px 1px #000;
	box-shadow: 1px 1px #333 inset;
	border-radius: 3px;
	border: 1px solid #000;
	background: #252525
}
.work_process {
	float: left;
	width: 100%;
	text-align: center;
	color: #252525;
	font-size: 34px;
	padding-top: 45px;
	padding-bottom: 5px
}
.section-heading {
	padding-bottom: 3px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 15px;
	letter-spacing: -.025em;
	color: #252525;
	font-size: 34px;
	text-align: center
}
.work_process h2 {
	padding-bottom: 3px;
	font-family: 'breuertextbold';
	color: #202020;
	font-size: 35px;
	line-height: 28px;
	letter-spacing: -.025em
}
.work_process h5 {
	color: #252525;
	float: left;
	font-size: 16px;
	width: 100%
}
.work_process ul {
	text-align: center
}
.work_process ul li {
	list-style: none
}
.tabs {
	float: left;
	width: 100%;
	margin-top: 45px
}
.tabs ul {
	background: url(../images/bg/line.png) repeat-x left bottom;
	display: block;
	float: left;
	width: 100%
}
.tabs ul li {
	display: block;
	float: left;
	margin-left: 12px;
	border: solid 1px #dadada;
	border-bottom: none;
	line-height: 16px;
	font-size: 13px;
	color: #444;
	border-radius: 3px 3px 0 0;
	transition: all 500ms ease 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 16px
}
.tabs ul li:first-child {
	margin-left: 0
}
.tabs ul li:nth-child(4) {
	float: right;
	margin-left: 0
}
.tabs ul li a {
	display: block;
	float: left;
	color: #444;
	text-decoration: none;
	width: 194px;
	padding: 20px 20px 10px;
	height: 130px
}
.tabs ul li a label {
	background: url(../images/bg/sprite.png) no-repeat left top;
	color: #252525;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 15px;
	min-height: 40px;
	padding: 5px 0 10px 50px;
	transition: all 500ms ease 0;
	letter-spacing: -.005em
}
.tabs ul li.selected {
	background: url(../images/bg/gray-patch.png)
}
.tabs ul li.wordpress a label {
	background-position: 0 0;
	font-weight: 400
}
.tabs ul li.joomla a label {
	background-position: 0 -196px;
	font-weight: 400
}
.tabs ul li.drupal a label {
	background-position: 0 -396px;
	font-weight: 400
}
.tabs ul li.magento a label {
	background-position: 0 -594px;
	font-weight: 400
}
.tabs ul li.wordpress:hover a label {
	background-position: 0 -97px
}
.tabs ul li.joomla:hover a label {
	background-position: 0 -296px
}
.tabs ul li.drupal:hover a label {
	background-position: 0 -495px
}
.tabs ul li.magento:hover a label {
	background-position: 0 -692px
}
.tabs .tab_content {
	float: left;
	border: solid 1px #dadada;
	border-top: none;
	padding: 20px;
	width: 938px;
	background: url(../images/bg/gray-patch.png);
	border-radius: 0 0 3px 3px;
	display: none
}
.tabs .tab_content:first-child {
	display: block
}
.services_col {
	float: left;
	width: 510px;
	color: #444;
	font-size: 12px
}
.tabs .tab_content h3 {
	color: #252525;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	padding-bottom: 10px;
	width: 100%;
	letter-spacing: -.025em
}
.tabs .tab_content p {
	line-height: 17px;
	margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px
}
.tabs .tab_content a {
	color: #252525;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-transform: uppercase
}
.tabs .tab_content a:hover {
	color: #349E98;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-transform: uppercase
}
.logo_section {
	float: left;
	padding-left: 30px;
	margin-top: 20px
}
.tabs .tab_content .feature_section {
	float: right;
	width: 210px
}
.tabs .tab_content .feature_section .heading-sub {
	color: #252525;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	padding-bottom: 10px;
	width: 100%;
	letter-spacing: -.015em
}
.tabs .tab_content .feature_section ul {
	float: left;
	width: 100%;
	background: none !important;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 17px;
	font-size: 14px
}
.feature_section ul li {
	background: url(../images/bg/bullet.png) no-repeat left 5px;
	display: block;
	line-height: 16px;
	padding: 0 0 0 12px;
	border: none !important;
	margin: 1px 0 0
}
.feature_section ul li:nth-child(4) {
	float: left
}
.project_example {
	float: left;
	width: 100%;
	color: #252525;
	font-size: 16px;
	padding: 50px 0 40px
}
.project_example h2 {
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 15px;
	letter-spacing: -.035em;
	color: #252525;
	font-size: 34px;
	padding-bottom: 7px
}
.project_example h5 {
	width: 100%;
	text-align: center;
	padding-bottom: 50px
}
.slider1 {
	float: left;
	width: 100%
}
.slider1 .slide {
	position: relative
}
.examle_title {
	background: url(../images/bg/transparent.png) repeat;
	bottom: 4px;
	color: #FFF;
	display: block;
	left: 4px;
	padding: 12px;
	position: absolute;
	width: 274px
}
.examle_title h6 {
	font-size: 14px;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 400
}
.examle_title span {
	font-size: 10px
}
.our_feature {
	float: left;
	width: 100%;
	color: #444;
	border: 1px solid #dbdbdb;
	border-radius: 3px
}
.ourfeature_mid {
	float: left;
	width: 929px;
	background: #fff;
	padding: 24px
}
.our_feature .section-heading {
	font-size: 34px;
	width: 100%;
	letter-spacing: 0 !important;
	float: left;
	text-align: center;
	margin-bottom: 25px;
	color: #252525;
	font-family: 'Roboto', sans-serif;
	line-height: inherit
}
.our_feature h2 span {
	background: #fff;
	padding: 5px 10px;
	display: inline-block
}
.ourfeautre_content {
	float: left;
	width: 100%
}
.ourfeautre_content_left {
	float: left;
	font-size: 12px;
	width: 27%
}
.ourfeautre_content_left label {
	background: none repeat scroll 0 0 #349E98;
	color: #FFF;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 2px;
	padding: 0 8px;
	width: auto;
	letter-spacing: -.2px
}
.ourfeautre_content_left p {
	margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 16px;
	font-size: 14px
}
.ourfeautre_content_right {
	float: left;
	width: 70%;
	margin-left: 3%
}
.ourfeautre_content_row {
	float: left;
	margin: 0 0 0 5%;
	padding: 0 0 15px;
	width: 45%;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 15px
}
.ourfeautre_content_row figure {
	background-image: url(../images/bg/icon_strip.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 55px;
	margin: 7px 13px 20px 0;
	float: left;
	transition: all 500ms ease 0
}
.ourfeautre_content_row h4 {
	color: #252525;
	font-size: 18px;
	padding: 5px 0 3px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: -.015em;
	line-height: 18px
}
.ourfeautre_content_row figure.fi1 {
	background-position: -8px -76px
}
.ourfeautre_content_row figure.fi2 {
	background-position: -207px -77px
}
.ourfeautre_content_row figure.fi3 {
	background-position: -74px -77px
}
.ourfeautre_content_row figure.fi4 {
	background-position: -273px -77px
}
.ourfeautre_content_row figure.fi5 {
	background-position: -141px -77px
}
.ourfeautre_content_row figure.fi6 {
	background-position: -340px -77px
}
.ourfeautre_content_row:hover figure.fi1 {
	background-position: -8px -10px
}
.ourfeautre_content_row:hover figure.fi2 {
	background-position: -207px -11px
}
.ourfeautre_content_row:hover figure.fi3 {
	background-position: -74px -11px
}
.ourfeautre_content_row:hover figure.fi4 {
	background-position: -273px -11px
}
.ourfeautre_content_row:hover figure.fi5 {
	background-position: -141px -11px
}
.ourfeautre_content_row:hover figure.fi6 {
	background-position: -340px -11px
}
.contact_section {
	float: left;
	width: 100%;
	background: url(../images/bg/banner_bg.jpg) repeat;
	padding: 55px 0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-top: 50px;
	text-transform: uppercase;
	letter-spacing: -.015em
}
.contact_section .contact-heading {
	font-size: 26px;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -.045em;
	line-height: 25px
}
.contact_option {
	float: left;
	width: 100%;
	margin-top: 25px
}
.contact_option_row {
	padding: 25px 14px;
	width: 279px;
	background: #fff;
	border-radius: 5px;
	float: left;
	font-size: 16px;
	text-transform: none;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	margin-left: 25px;
	cursor: pointer
}
.contact_option_row:first-child {
	margin-left: 0
}
.contact_option_row figure {
	background: none repeat scroll 0 0 #252525;
	border-radius: 32px;
	height: 64px;
	text-align: center;
	float: left;
	width: 64px;
	margin-right: 12px;
	transition: all 700ms ease 0
}
.contact_option_row:hover figure {
	background: #308cd1
}
.contact_option_row figure img {
	margin-top: 17px
}
.contact_option_row label {
	font-family: 'Roboto', sans-serif;
	letter-spacing: -.015em;
	display: block;
	color: #252525;
	text-align: left;
	padding-top: 17px;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: -.025em;
	line-height: 18px
}
.contact_option_row a {
	text-align: left;
	color: #349E98;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	text-transform: uppercase
}
.contact_option_row figure.fi2 img {
	margin-top: 21px
}
.contact_option_row figure.fi3 img {
	margin-top: 21px
}
footer {
	width: 100%;
	float: left;
	background: #191919;
	padding: 58px 0 55px;
	font-family: 'breuertextregular', Arial, sans-serif;
	font-size: 13px;
	color: #414141
}
footer a {
	color: #444;
	text-decoration: none;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}
footer a:hover {
	color: #FFF;
	text-decoration: none
}
footer .left-area {
	float: left;
	width: 650px
}
footer .heading1 {
	float: left;
	width: 100%;
	font-size: 19px;
	color: #FFF;
	font-family: 'breuertextmedium', Arial, sans-serif;
	padding-bottom: 20px
}
footer .heading1 a {
	color: #FFF !important
}
.foot-col {
	float: left;
	padding: 0 0 35px 100px;
	width: 225px
}
.foot-col:first-child {
	padding-left: 0
}
.foot-col ul {
	float: left;
	width: 100%
}
.foot-col ul li {
	display: block;
	line-height: 28px;
	/*border-top: solid 1px #1c1c1c*/
}
.foot-col ul li:first-child {
	border-top: none
}
footer .right-area {
	float: right;
	width: 375px;
	text-align: right;
	font-family: 'breuertextmedium';
	font-size: 14px;
}
footer .phone-contact {
	float: right;
	/*border-bottom: solid 1px #1c1c1c;*/
	padding-bottom: 13px;
	margin-bottom: 13px
}
footer .phone-contact span {
	display: block;
	font-size: 43px;
	font-family: 'breuertextbold', Arial, sans-serif;
	color: #444;
	letter-spacing: -.035em
}
footer ul.social-foot {
	width: 100%;
	float: left;
	padding-top: 7px
}
footer ul.social-foot li {
	float: left
}
footer ul.social-foot li.content {
	float: left;
	padding: 5px 0 0 10px;
	line-height: 14px
}
footer ul.social-foot li.content a {
	display: block
}
footer .facebook-foot {
	display: block;
	float: left;
	background: url(../images/facebook-foot.png) no-repeat left top;
	width: 107px;
	height: 32px;
	text-indent: -9999px
}
footer .twitter-foot {
	display: block;
	float: left;
	background: url(../images/tweet-foot.png) no-repeat left top;
	width: 106px;
	height: 32px;
	text-indent: -9999px
}
footer li.fade {
	background: #1a1a1a;
	border: solid 1px #000;
	margin-left: -1px
}
footer li.fade:hover {
	background: #222
}
footer .footer-logo {
	display: block;
	float: right;
	width: 124px;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/footer-logo.png) no-repeat center center
}
.dmca {
	display: inline-block;
	height: 12px;
	width: 114px;
	overflow: hidden
}
.dmca a {
	display: inline-block !important;
	width: 114px;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/protected.png) no-repeat left top #414141
}
.dmca a:hover {
	background: url(../images/protected.png) no-repeat left top #fff
}
.banner.corporate {
	height: 140px;
	padding-top: 100px;
	background: url(../images/top-banner1.jpg) no-repeat 0 -34px/cover;
	width: 100%
}
.banner.corporate h1 {
	width: 100%;
	font-family: 'breuertextbold', Arial, sans-serif;
	color: #FFF;
	font-size: 60px;
	line-height: 58px;
	letter-spacing: -2.5px;
	margin-top: 7px
}
h1.small {
	font-size: 60px !important;
	letter-spacing: -2.5px !important;
	margin-top: 7px;
	line-height: 58px !important
}
.corporate_content {
	float: left;
	width: 100%;
	color: #444;
	font-size: 15px;
	padding: 50px 0 0
}
.cp_col1 {
	float: left;
	width: 305px;
	margin-left: 30px
}
.cp_col1:first-child {
	margin-left: 0
}
.cp_col1 h2 {
	font-size: 22px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	cursor: default !important;
	letter-spacing: -.025em;
	float: left;
	width: 100%;
	padding-bottom: 10px
}
.cp_col1 h3 {
	font-size: 22px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	cursor: default !important;
	letter-spacing: -.025em;
	float: left;
	width: 100%;
	padding-bottom: 10px
}
.cp_col1 p {
	padding-bottom: 20px;
	line-height: 20px
}
.cp_col1 label {
	font-size: 16px;
	float: left;
	width: 100%;
	font-family: 'breuertextbold';
	color: #252525
}
.cp_col1 p a {
	color: #349E98
}
.management {
	border-bottom: 1px dashed #BBB;
	border-top: 1px dashed #BBB;
	float: left;
	margin: 18px 0;
	padding: 15px 0 7px;
	position: relative;
	width: 100%
}
.management span.title1 {
	background: #FFF;
	color: #9A9A9A;
	display: block;
	float: left;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	font-size: 10px;
	left: 50%;
	padding: 5px;
	position: absolute;
	text-transform: uppercase;
	top: -12px;
	width: 154px;
	margin-left: -85px
}
.management_member img:first-child {
	margin-left: 0
}
.management_member img {
	border: 1px solid #0B151D;
	display: inline-block;
	margin: 0 0 4px 4px
}
.management_member img:nth-child(5) {
	margin-left: 0
}
.cp_col1 ul {
	float: left;
	width: 100%
}
.cp_col1 ul li {
	background: url(../images/bg/li_bg.png) no-repeat left 7px;
	border-bottom: 1px solid #dadada;
	list-style: none outside none;
	padding: 5px 0 5px 24px
}
.cp_col1 ul li:last-child {
	border: none
}
.cp_col1.achievement label {
	background: #252525;
	color: #FFF;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	margin-bottom: 3px;
	padding: 2px 8px
}
.cp_col1 .achievements_row {
	float: left;
	width: 100%;
	margin-top: 5px
}
.cp_col1 .achievements_row ul {
	float: left;
	width: 100%
}
.cp_col1 .achievements_row ul li {
	list-style: none;
	background: none;
	padding: 18px 0;
	float: left;
	width: 100%
}
.cp_col1 .achievements_row ul li:last-child {
	border: none
}
.cp_col1 .achievements_row ul li figure {
	float: left;
	width: auto
}
.cp_col1 .achievements_row ul li span {
	width: 226px;
	float: left;
	margin-left: 15px;
	margin-top: 12px
}
.cp_col1 .achievements_row ul li span strong {
	color: #349E98;
	font-size: 28px;
	font-family: 'breuertextbold';
	float: left;
	width: 100%;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 22px
}
.satis {
	float: left;
	width: 100%;
	border: 1px solid #dadada;
	padding: 20px 0;
	font-size: 15px;
	margin: 25px 0 0
}
.satis avtar {
	float: left;
	padding-left: 25px
}
.satis_content {
	float: left;
	margin-top: 16px;
	padding-left: 15px;
	width: 750px
}
.satis_content h4 {
	color: #252525;
	font-family: 'breuertextbold';
	color: #202020;
	font-size: 36px;
	line-height: 28px;
	float: left;
	width: 100%;
	padding-bottom: 12px;
	letter-spacing: -1px
}
.services {
	float: left;
	width: 100%;
	color: #444;
	font-size: 15px
}
.services_left {
	float: left;
	width: 510px
}
.services_left .heading1 {
	color: #252525;
	float: left;
	font-family: 'breuertextmedium';
	font-size: 34px !important;
	letter-spacing: -.025em !important;
	line-height: 32px !important;
	padding-bottom: 26px;
	padding-top: 0;
	width: 100%
}
.services_left .heading1 span {
	color: #df2b2b;
	float: left;
	font-family: 'breuertextbold', Arial, sans-serif;
	font-size: 55px;
	letter-spacing: -.045em;
	line-height: 50px;
	width: 100%
}
.services p {
	line-height: 21px;
	font-size: 16px;
}
.services_left .heading2 h3 {
	line-height: inherit
}
.services_left .heading1 h3 {
	line-height: inherit
}
.benefits {
	float: left;
	width: 100%
}
.benefits .services_heading {
	color: #202020;
	display: block;
	float: left;
	letter-spacing: -.015em;
	font-family: 'breuertextbold', Arial, sans-serif;
	font-size: 20px;
	padding-bottom: 10px;
	width: 100%
}
.benefits ul {
	float: left;
	font-size: 15px;
	line-height: 20px;
	width: 100%
}
.benefits ul li {
	border-top: 1px solid #DDD;
	display: block;
	float: left;
	padding: 9px 0;
	width: 100%
}
.benefits ul li span {
	background: #df2b2b;
	border-radius: 50%;
	color: #FFF;
	float: left;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	height: 26px;
	padding: 0;
	text-align: center;
	width: 26px;
	line-height: 26px
}
.benefits ul li label {
	float: right;
	padding: 2px 0;
	width: 470px
}
.hire-developers-left .benefits ul li:first-child {
	border: none
}
.hire-developers-left .benefits ul li {
	padding: 12px 0
}
.hire-developers-left .benefits ul li label {
	width: 430px
}
.hire-developers-left .benefits .services_heading {
	color: #202020;
	display: block;
	float: left;
	letter-spacing: -.015em;
	font-family: 'breuertextbold', Arial, sans-serif;
	font-size: 20px;
	padding-bottom: 10px;
	width: 100%
}
.services_right {
	float: right;
	width: 405px
}
.services_right ul {
	width: 100%;
	float: left
}
.services_right ul li {
	border-top: 1px solid #DDD;
	float: left;
	padding: 18px 0 20px;
	width: 100%;
	list-style: none;
	cursor: pointer
}
.services_right ul li a {
	color: #444;
	cursor: pointer
}
.services_right ul li:first-child {
	border-top: medium none;
	padding-top: 0
}
.services_right ul li span {
	background: none repeat scroll 0 0 #252525 !important;
	float: left;
	border-radius: 50%;
	height: 76px;
	width: 76px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	line-height: 74px;
	transition: all 500ms ease 0
}
.services_right ul li:hover span {
	background: #298eda !important
}
.services_right ul li label {
	float: right;
	font-size: 15px;
	line-height: 20px;
	width: 314px;
	cursor: pointer;
	font-weight: 400
}
.services_right ul li label h2, .services_right.dec-right ul li label h2 {
	color: #222;
	display: block;
	font-family: 'breuertextbold';
	font-size: 20px;
	font-weight: 400;
	padding: 2px 0 10px;
	letter-spacing: -.015em;
	line-height: inherit
}
.services_right.dec-right ul li label h3 {
	color: #222;
	font-size: 15px;
	line-height: 20px;
	display: inline-block !important;
	word-wrap: break-word
}
.services_right ul li label a {
	color: #df2b2b
}
.contact_page {
	float: left;
	width: 100%
}
.contact_left {
	float: left;
	width: 630px
}
.contact_left p {
	font-size: 16px
}
.contact_heading {
	display: block;
	float: left;
	width: 100%;
	font-size: 28px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 0;
	cursor: default !important;
	letter-spacing: -.02em;
	line-height: 27px
}
.contact_form {
	float: left;
	padding-top: 25px;
	width: 100%
}
.contact_form dl {
	float: left;
	padding: 15px 0 10px;
	width: 100%;
	font-size: 14px
}
.contact_form dt {
	float: left;
	padding-right: 10px;
	width: 310px
}
.contact_form dd {
	float: left;
	width: 310px
}
.contact_form input.input-box1 {
	border: 1px solid #ddd;
	display: inline-block;
	margin-top: 5px;
	outline: medium none;
	padding: 8px 3px;
	width: 292px
}
.contact_form input.input-box1.error, .contact_form textarea.input-box1.error {
	border-color: #ff968b;
	outline: none;
	color: #303241;
}
.contact_form label.error {
	display: none !important
}
.contact_form dd input.input-box1 {
	width: 300px
}
.contact_form .input-box1 {
	border: 1px solid #ddd;
	display: inline-block;
	margin-top: 5px;
	outline: medium none;
	padding: 8px;
	width: 292px
}
.contact_form section.input-box1 {
	background: #FFF;
	border: 1px solid #ddd;
	display: inline-block;
	margin-top: 5px;
	outline: medium none;
	padding: 3px
}
.contact_form section.input-box1 select {
	background: none;
	border: medium none;
	box-shadow: none !important;
	outline: medium none;
	padding: 3px 0 2px;
	width: 280px;
	display: inline-block;
	margin-top: 5px
}
.upload-limit {
	font-size: 11px
}
.contact_form .input-box2 {
	background: #FFF;
	border: 1px solid #ddd;
	display: inline-block;
	margin-top: 5px;
	padding: 4px 4px 4px 6px;
	position: relative;
	width: 296px
}
.contact_form input.file {
	background: none;
	border: medium none;
	box-shadow: none;
	margin: 0 !important;
	padding: 4px 0 !important;
	width: 195px !important;
	float: left
}
.contact_form .input-box2 .file-upload-btn {
	border: medium none;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	overflow: hidden;
	position: relative;
	width: 73px;
	float: right
}
.contact_form .input-box2 .file-upload-btn input {
	cursor: pointer;
	font-size: 30px;
	height: 40px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0
}
.contact_form textarea.input-box1 {
	background: url(../images/bg/textarea-bg.png) no-repeat 500px 115px !important;
	height: 150px;
	resize: none;
	width: 582px
}
.contact_form dl.full-width dd {
	float: left;
	padding: 5px 0 !important;
	width: 100%
}
.contact_right {
	float: right;
	width: 320px
}
.contact_right .upper-area {
	background: url(../images/bg/gray-patch.png) repeat 0 0;
	border: 1px solid #ddd;
	border-radius: 3px 3px 0 0;
	float: left;
	padding: 25px 20px 28px;
	width: 278px;
	font-size: 13px
}
.contact_right .upper-area .contact-icon {
	background: url(../images/bg/contact-icon.png) no-repeat right 32px;
	float: left;
	width: 100%
}
.contact_right .upper-area .our-location {
	display: block;
	float: left;
	width: 100%;
	font-size: 22px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 10px;
	cursor: default !important;
	letter-spacing: -.025em
}
.contact_form dl.full-width dt {
	float: left;
	padding: 8px 0 0 !important;
	width: 100%
}
.lower-area {
	float: left;
	width: 278px;
	padding: 38px 20px 50px;
	height: 238px;
	border: solid 1px #ddd;
	border-top: none;
	border-radius: 0 0 3px 3px
}
.lower-area h6 {
	color: #252525;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -.025em;
	margin-bottom: 18px;
	width: 100%;
	text-transform: uppercase
}
.contact_right .lower-area .testimonials {
	float: left;
	padding: 10px 0 0 24px;
	width: 254px;
	line-height: 18px;
	background: url(../images/inverted-comma.png) no-repeat 0 10px;
	font-size: 15px;
	line-height: 18px
}
.contact_right .lower-area .testimonials span {
	display: block;
	font-family: 'breuertextbold';
	padding-top: 10px
}
.gq-list {
	float: left;
	width: 100%
}
.gq-list li:first-child {
	border-top: medium none;
	padding-top: 0
}
.gq-list li {
	border-top: 1px solid #D2D2D2;
	float: left;
	line-height: 15px;
	padding: 5px 0;
	width: 100%;
	list-style: none
}
.gq-list li a {
	color: #252525;
	text-decoration: none;
	font-size: 13px
}
.gq-list li a:hover {
	color: #349E98
}
.banner.landing {
	text-align: left;
	width: 100%;
	height: 585px;
	background: url(../images/top-banner.jpg) no-repeat center 30px/cover;
	overflow: hidden
}
.banner.landing .wrapper {
	position: relative
}
.customer_requirement_outer {
	top: 0;
	right: 0;
	width: 328px;
	padding: 0 1px;
	background: url(../images/bg/col3_bg.png) repeat-x bottom
}
.customer_requirement h3, .customer_requirement h4, .customer_requirement .h4 {
	display: block;
	float: left;
	width: 100%;
	font-size: 22px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 10px;
	cursor: default !important;
	vletter-spacing: -.025em
}
.banner.landing .innerheading {
	text-transform: uppercase;
	letter-spacing: -6px;
	height: 135px
}
.banner.landing .innerheading span {
	font-size: 77px;
	letter-spacing: -5px
}
.banner.landing .innerheadingh4 {
	padding-top: 5px;
	line-height: 20px;
	font-size: 16px
}
.banner.landing .innerheadingh3 {
	text-transform: uppercase;
	font-size: 18px;
	padding-top: 12px;
	padding-bottom: 5px;
	letter-spacing: -.025em;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif
}
.customer_requirement {
	padding: 10px 20px 25px;
	float: left;
	width: 288px;
	border-radius: 2px;
	border: solid 1px #d8d8d8;
	background: url(../images/gray-patch.png);
	min-height: 500px;
	font-size: 13px;
	line-height: 16px !important
	text-shadow: none;
	color: #222
}
.customer_requirement p {
	line-height: 16px !important
}
.customer_requirement .commonhead {
	text-shadow: none
}
.customer_requirement .form-area {
	float: left;
	padding-top: 5px;
	width: 100%
}
.customer_requirement .form-area dl {
	float: left;
	padding: 6px 0;
	width: 100%
}
.customer_requirement .form-area dt {
	float: left;
	padding-bottom: 3px;
	width: 100%
}
.customer_requirement .form-area dd {
	float: left;
	width: 100%
}
.customer_requirement .input-box1 {
	border: 1px solid #D1D1D1;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	outline: medium none;
	padding: 8px 7px;
	width: 272px;
	border-radius: 0 !important
}
.customer_requirement section.input-box1 {
	background: #FFF;
	border: 1px solid #D8D8D8;
	box-shadow: none;
	display: inline-block;
	font-size: 12px;
	outline: medium none;
	padding: 3px 3px 2px 7px;
	width: 276px
}
.customer_requirement .file-upload-btn {
	background: url(../images/bg/browse.png) no-repeat left top;
	border: medium none;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	overflow: hidden;
	position: relative;
	width: 73px
}
.customer_requirement .file-upload-btn input {
	cursor: pointer;
	font-size: 30px;
	height: 40px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0
}
.customer_requirement section.input-box1 .file-name {
	background: none;
	border: medium none;
	box-shadow: none;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 180px
}
.button2 {
	font-size: 16px;
	color: #fff;
	background: #df2b2b;
	margin-top: 5px !important;
	display: inline-block;
	padding-top: 13px !important;
	padding-bottom: 13px !important;
	border-radius: 3px;
	border: none !important;
	transition: all 300ms ease 0;
	font-weight: 400;
	cursor: pointer;
	font-family: 'breuertextbold';
	width: 87%
}
.button2:hover {
	background: #2480c4
}
.button3 {
	font-size: 22px;
	color: #fff;
	background: #df2b2b;
	margin-top: 5px !important;
	display: inline-block;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	border-radius: 3px;
	border: none !important;
	transition: all 300ms ease 0;
	font-weight: 400;
	cursor: pointer;
	font-family: 'breuertextbold';
}
.button3:hover {
	background: #2480c4;  font-family: "breuertextbold"; font-size: 22px;
}
.submit-txt {
	float: left;
	font-size: 13px;
	line-height: 14px;
	padding: 14px 0 0
}
.submit-txt strong {
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	font-weight: 400
}
.security_code {
	float: left
}
.security_code input {
	width: 145px !important
}
.captcha img {
	border: 1px solid #D1D1D1
}
.refresh_code {
	clear: both;
	padding-top: 5px
}
.refresh_code a {
	text-decoration: none;
	color: #444
}
.service_landing {
	float: left;
	width: 100%;
	padding-top: 35px
}
.service_landing_left {
	float: left;
	width: 600px
}
.service_landing p {
	line-height: 20px
}
.service_heading {
	display: block;
	float: left;
	width: 100%;
	font-size: 28px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 15px;
	cursor: default !important;
	letter-spacing: -.025em;
	line-height: 27px
}
.steps {
	padding: 5px 0 0 30px
}
.steps-inline {
	background: url(../images/bg_steps.png) no-repeat 77px 57px;
	height: 539px;
	margin: 50px 0 8px 40px;
	padding: 0;
	position: relative;
	width: 526px
}
.steps li {
	background: url(../images/bg_services.png) no-repeat 0 54px #df2b2b;
	border-radius: 200px;
	display: none;
	float: left;
	height: 200px;
	margin: 0 -20px 0 0;
	position: relative;
	width: 201px
}
.steps li:hover, .steps li.step-2:hover, .steps li.step-3:hover, .steps li.step-4:hover, .steps li.step-5:hover {
	background-color: #df2b2b
}
.steps-inline li {
	background-image: none;
	height: 165px;
	margin: 0;
	position: absolute;
	width: 165px
}
.steps label {
	color: #FFF;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	font-size: 14px;
	padding: 5px 0 0;
	text-align: center;
	text-transform: uppercase;
	float: left;
	width: 100%
}
.steps-inline h4 {
	font-size: 14px;
	padding: 4px 10px
}
.steps .holder {
	overflow: hidden
}
.ico-p {
	background: url(../images/sprite_icons.png) no-repeat 0 0;
	display: block;
	text-indent: -999em
}
.steps .ico-p {
	margin: 55px auto 5px
}
.steps-inline .ico-p {
	margin: 36px auto 5px
}
.steps .ico-psd {
	background-position: 0 0;
	height: 73px;
	width: 61px
}
.steps .ico-review {
	background-position: -61px 0;
	height: 73px;
	width: 62px
}
.steps .ico-dev {
	background-position: -124px 0;
	height: 73px;
	width: 62px
}
.steps .ico-qa {
	background-position: -186px 0;
	height: 73px;
	width: 61px
}
.steps .ico-complete {
	background-position: -247px 0;
	height: 73px;
	width: 62px
}
.steps li.step-2 {
	background-color: #2f9b9a;
	z-index: 2
}
.steps li.step-3 {
	background-color: #2f9b9a;
	z-index: 3
}
.steps li.step-4 {
	background-color: #2f9b9a;
	z-index: 4
}
.steps li.step-5 {
	background-color: #2f9b9a;
	z-index: 5
}
.steps-inline li.step-1 {
	left: 0;
	top: 0
}
.steps-inline li.step-2 {
	right: 0;
	top: 0
}
.steps-inline li.step-3 {
	bottom: 0;
	right: 0
}
.steps-inline li.step-4 {
	bottom: 0;
	left: 0
}
.steps-inline li.step-5 {
	left: 180px;
	top: 180px;
	z-index: 2
}
.steps li:first-child {
	background-image: none
}
.design-features ul:first-child {
	border-left: medium none
}
.design-features ul {
	border-left: 1px solid #D8D8D8;
	float: left;
	width: 295px
}
.design-features ul li:first-child {
	border-top: medium none;
	padding-top: 0 !important
}
.design-features ul:first-child li {
	padding: 15px 15px 35px 0
}
.design-features ul li {
	border-top: 1px solid #D8D8D8;
	float: left;
	height: 78px;
	padding: 15px 0 35px 15px;
	width: 280px;
	list-style: none
}
.design-features img {
	float: left
}
.design-features ul li h2 {
	line-height: inherit
}
.design-features li span {
	font-size: 14px;
	display: block;
	float: left;
	padding: 0 0 0 14px;
	width: 225px;
	line-height: 16px;
	font-size: 14px
}
.design-features li h3, .design-features li h4 {
	display: block;
	font-size: 20px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 8px;
	cursor: default !important
}
.design-features {
	float: left;
	width: 100%;
	padding-top: 60px
}
.client_column {
	float: left;
	width: 100%;
	padding-top: 43px
}
.client_column h4 {
	color: #202020;
	cursor: default !important;
	display: block;
	font-family: 'breuertextbold';
	font-size: 22px;
	padding-bottom: 8px;
	text-decoration: none
}
.client_column .normalhead {
	padding-bottom: 30px
}
.client_column ul {
	width: 300px;
	float: left
}
.client_column ul li {
	background: url(../images/bg/li_bg.png) no-repeat left 11px;
	border-top: 1px solid #d8d5d4;
	list-style: none outside none;
	padding: 8px 0 8px 24px;
	font-family: 'breuertextregular', Arial, sans-serif;
	font-size: 15px;
	line-height: 17px
}
.client_column ul li:first-child {
	border: none !important
}
.satisfaction {
	float: right;
	width: 268px;
	margin-top: 5px
}
.satisfaction h3 {
	font-size: 30px;
	color: #252525;
	font-family: 'breuertextbold', Arial, sans-serif;
	float: right;
	width: 100%;
	margin-bottom: 20px;
	letter-spacing: -.015em;
	line-height: 27px
}
.satisfaction figure {
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 18px
}
.service_landing_right {
	float: right;
	width: 330px
}
.hiring_area {
	width: 240px;
	background: #fff;
	padding: 0;
	margin-left: 18px;
	float: left
}
.hiring_area avtar {
	text-align: center;
	width: 100%;
	float: left
}
.hiring_area .pricing {
	color: #252525;
	float: left;
	font-size: 20px;
	letter-spacing: -.035em;
	line-height: 25px;
	padding-top: 10px;
	text-align: center;
	width: 100%;
	font-family: 'breuertextbold'
}
.hiring_area .pricing a {
	color: #252525;
	text-decoration: none;
	margin-bottom: 5px;
	float: left;
	width: 100%
}
.hiring_area .pricing h4 {
	font-size: 20px;
	font-family: 'breuertextbold', Arial, sans-serif;
	margin-bottom: 3px;
	padding: 0
}
.hiring_area .pricing strong {
	font-weight: 400;
	font-family: 'breuertextbold', Arial, sans-serif;
	font-size: 35px;
	color: #df2b2b;
	letter-spacing: -.055em;
	display: inline-block
}
.hiring_area .yellow-area {
	float: left;
	width: 226px;
	padding: 10px 17px 20px;
	margin: 10px 8px 0;
	box-sizing: border-box;
	border: solid 1px #d8d8d8;
	background: url(../images/gray-patch.png);
	border-radius: 2px
}
.hiring_area .yellow-area ul {
	float: left;
	width: 100%
}
.hiring_area .yellow-area li:first-child {
	border-top: medium none
}
.hiring_area .yellow-area li {
	width: 100%;
	float: left;
	padding: 8px 0;
	border-top-color: #d1d1d1 !important;
	font-size: 15px;
	list-style: none !important;
	background: none !important
}
.hiring_area .yellow-area li span {
	font-size: 11px
}
.hiring_area .yellow-area a.button3 {
	padding: 12px 30px;
	margin-top: 10px;
	font-family: 'breuertextbold'
}
.portfolio {
	width: 100%;
	float: left
}
.commonheading2 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 35px;
	color: #252528
}
.commonheading2 h2 {
	font-family: 'breuertextbold';
	font-size: 35px;
	letter-spacing: -.025em;
	line-height: 28px;
	padding-bottom: 2px
}
.commonheading2 h3, .commonheading2 h4, .commonheading2 .h4 {
	font-family: 'breuertextbold';
	font-size: 35px;
	letter-spacing: -.025em;
	line-height: 28px;
	color: #252528;
	padding: 0 0 6px;
	width: 100%
}
.commonheading2 h5 {
	color: #252528;
	float: left;
	font-size: 17px;
	padding: 0 0 30px;
	width: 100%
}
.portfolio_tab {
	float: left;
	width: 100%;
	padding-bottom: 25px;
	padding-top: 15px
}
.portfolio_nav {
	float: left;
	width: 100%
}
.portfolio_nav ul {
	float: left;
	width: 100%
}
.portfolio_nav ul li {
	float: left;
	line-height: 30px;
	width: 196px;
	list-style: none
}
.portfolio_nav ul li a {
	background: url(../images/bg/lining-style2_4.png) repeat 0 0;
	border-right: 1px solid #FFF;
	color: #252525;
	display: block;
	font-size: 18px;
	padding: 8px 0 8px 50px;
	position: relative;
	text-decoration: none;
	font-family: 'Roboto', sans-serif
}
.portfolio_nav ul li span {
	background: url(../images/bg/icons2_4.png) no-repeat 0 0;
	height: 32px;
	left: 10px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
	width: 32px
}
.portfolio_nav ul li.col2 span {
	background-position: 0 -109px
}
.portfolio_nav ul li.col31 span {
	background-position: 0 -220px
}
.portfolio_nav ul li.col4 span {
	background-position: 0 -329px
}
.portfolio_nav ul li.col5 span {
	background-position: 0 -437px
}
.portfolio_nav ul li a:hover span, .portfolio_nav ul li.active a span {
	background-position: 0 -51px;
	background-position: 0 -51px
}
.portfolio_nav ul li a:hover, .portfolio_nav ul li.active a {
	background: none repeat scroll 0 0 #252525;
	color: #FFF
}
.portfolio_nav ul li.col2 a:hover span, .portfolio_nav ul li.col2.active a span {
	background-position: 0 -160px
}
.portfolio_nav ul li.col31 a:hover span, .portfolio_nav ul li.col31.active a span {
	background-position: 0 -271px
}
.portfolio_nav ul li.col4 a:hover span, .portfolio_nav ul li.col4.active a span {
	background-position: 0 -380px
}
.portfolio_nav ul li.col5 a:hover span, .portfolio_nav ul li.col5.active a span {
	background-position: 0 -488px
}
.portfolio_outer {
	float: left;
	width: 100%
}
.portfolio_contnet {
	float: left;
	width: 100%;
	display: none
}
ul.examples-list {
	margin: 0 -30px 0 0;
	padding: 0
}
ul.examples-list li {
	background: url(../images/bg/lining-style2_4.png) repeat 0 0;
	float: left;
	margin: 0 29px 29px 0;
	padding: 5px;
	width: 296px;
	list-style: none
}
ul.examples-list li:hover .site-details {
	color: #FFF;
	text-shadow: 0 -1px #434343
}
ul.examples-list li .thumbnail {
	border: 1px solid #FFF;
	float: left;
	position: relative;
	width: 294px
}
ul.examples-list li .thumbnail a.expend {
	background: url(../images/bg/thumb-plus_4.png) no-repeat center center;
	display: none;
	float: left;
	height: 193px;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 294px
}
ul.examples-list li:hover {
	background: none repeat scroll 0 0 #343438;
	box-sizing: border-box;
	border: 2px solid #343438;
}
ul.examples-list li:hover .thumbnail a.expend {
	display: block !important
}
ul.examples-list li .thumbnail img {
	float: left
}
ul.examples-list li .site-details {
	background: url(../images/bg/php-frame-example_4.png) no-repeat 254px 10px;
	color: #252525;
	float: left;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	font-size: 18px;
	height: 38px;
	letter-spacing: -.01em;
	line-height: 17px;
	padding: 15px 48px 0 8px;
	text-shadow: 0 1px #DDD;
	width: 243px
}
ul.examples-list li .site-details.wordpress {
	background-position: 254px -120px
}
ul.examples-list li .site-details.joomla {
	background-position: 254px -380px
}
ul.examples-list li .site-details.drupal {
	background-position: 254px -250px
}
ul.examples-list li .site-details.magento {
	background-position: 254px -510px
}
ul.examples-list li:hover .site-details.wordpress {
	background-position: 254px -180px
}
ul.examples-list li:hover .site-details.magento {
	background-position: 254px -570px
}
ul.examples-list li:hover .site-details.joomla {
	background-position: 254px -440px
}
ul.examples-list li:hover .site-details.drupal {
	background-position: 254px -310px
}
ul.examples-list li .site-details span {
	color: #aaa;
	display: block;
	font-family: 'breuertextmedium', Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase
}
.portfolio_contnet:first-child {
	display: block
}
.our-brand {
	border: 1px solid #D7D7D7;
	border-radius: 3px;
	float: left;
	margin: 15px 0 30px;
	padding: 22px 22px 22px 25px;
	position: relative;
	width: 911px
}
.our-brand ul {
	float: left;
	width: 100%
}
.our-brand li:first-child {
	padding-left: 0
}
.our-brand li {
	display: block;
	float: left;
	padding-left: 35px;
	text-align: center
}
.our-brand li img {
	display: inline-block;
	vertical-align: middle
}
.our-brand .section-title {
	background: #FFF;
	color: #A7A7A7;
	display: inline-block;
	font-family: 'HelveticaCE-Regular', Arial, sans-serif;
	font-size: 10px;
	left: 390px;
	padding: 5px;
	position: absolute;
	text-transform: uppercase;
	top: -10px
}
.faq {
	float: left;
	width: 100%
}
.faq-header-columns:first-child {
	padding-left: 0
}
.faq-header-columns {
	color: #252525;
	float: left;
	font-size: 13px;
	padding-left: 50px;
	width: 293px
}
.faq-header-columns h2 {
	display: block;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	width: 100%;
	letter-spacing: -.025em
}
.faq-header-columns h2 a {
	display: block;
	float: left;
	height: 32px;
	width: 100%
}
.faq-header-columns a {
	color: #252525;
	text-decoration: none
}
.faq-header-columns a:hover {
	color: #c52b1b;
	text-decoration: none
}
.faq-header-columns ul.questions-list {
	float: left;
	width: 100%
}
.faq-header-columns ul.questions-list li:first-child {
	border-top: medium none
}
.faq-header-columns ul.questions-list li {
	border-top: 1px solid #DDD;
	float: left;
	line-height: 16px;
	padding: 3px 0;
	width: 100%;
	list-style: none
}
#ghead {
	background: url(../images/bg/wht-shadow.png) no-repeat center top #FFF;
	float: left;
	padding: 25px 0 0;
	width: 100%
}
.faq1:first-child {
	border-top: medium none
}
.faq1 {
	border-top: 1px solid #DDD;
	color: #4F5255;
	float: left;
	font-size: 14px;
	padding: 20px 0 10px;
	position: relative;
	width: 100%
}
.faq1 a.back2top {
	bottom: 2px;
	color: #BBB;
	float: left;
	font-size: 10px;
	letter-spacing: -.015em;
	position: absolute;
	right: 0;
	text-decoration: none;
	text-transform: uppercase
}
.faq1 ul li {
	list-style: none
}
.faq1 h2 {
	color: #0B151D;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	letter-spacing: -.025em;
	padding: 0 0 2px;
	width: 100%
}
.faq1 h3 {
	color: #4F5255;
	float: left;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	padding: 10px 0;
	width: 100%
}
.contact-columns1 {
	float: left;
	padding: 0 40px 0 0;
	width: 620px
}
.contact-columns1 h5 {
	color: #252525;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: -.035em;
	line-height: 28px;
	margin-bottom: 3px;
	width: 100%;
	padding-bottom: 25px
}
.testimonial {
	float: left;
	width: 100%
}
.testimonial .box {
	display: inline-block;
	width: 186px;
	padding: 18px;
	margin: 0 8px 20px;
	background: #f9f9f9;
	border: solid 1px #c5c3c2;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px
}
.testimonial .box:hover {
	border-color: #78bfec !important;
	box-shadow: 0 0 3px #56b4ef
}
.testimonial .box .title {
	display: block;
	color: #252525;
	font-size: 23px;
	font-family: 'breuertextbold', Arial, sans-serif;
	letter-spacing: -.045em;
	height: 23px
}
.testimonial .box .subtitle {
	display: block;
	font-size: 12px;
	line-height: 15px;
	padding: 0 0 10px;
	color: #349E98
}
.services-right-column {
	float: left;
	width: 330px;
	margin-top: 45px
}
.services-right-column h3, .services-right-column h4 {
	display: block;
	float: left;
	width: 100%;
	font-size: 22px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 10px;
	cursor: default !important;
	letter-spacing: -.025em
}
.services-right-column .slider-area {
	border: 1px solid #D8D8D8;
	border-radius: 3px;
	float: left;
	position: relative;
	width: 328px
}
.slider-area .thumbnail {
	float: left;
	width: 100%
}
.slider-area .thumbnail a {
	float: left;
	position: relative;
	width: 100%
}
.slider-area .thumbnail img {
	background: none repeat scroll 0 0 #FFF;
	border-bottom: 1px solid #D8D8D8;
	float: left;
	padding: 4px;
	width: 320px
}
.slider-area .thumbnail a .expend {
	background: url(../images/thumb-plus.png) no-repeat center center;
	border: 3px solid #252525;
	display: none;
	float: left;
	height: 205px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 315px
}
.slider-area .testimonial {
	background: url(../images/bg/inverted-comma.png) no-repeat scroll 16px 20px rgba(0,0,0,0);
	float: left;
	font-size: 15px;
	height: 188px;
	line-height: 18px;
	padding: 20px 20px 0 40px;
	width: 268px;
	font-family: 'breuertextregular', Arial, sans-serif
}
.slider-area .testimonial span {
	display: block;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	padding-top: 10px
}
.contact_form input.input-box1#captcha-form {
	margin-top: 0 !important
}
.project_example ul.examples-list {
	padding-top: 0
}
.slider-area ul.tabs {
	bottom: 15px;
	float: left;
	left: 125px;
	position: absolute
}
.slider-area ul.tabs li {
	float: left;
	padding-left: 4px;
	list-style: none
}
.slider-area ul.tabs li a {
	background: url(../images/bg/dots.png) no-repeat center top;
	display: block;
	float: left;
	height: 11px;
	text-indent: -9999px;
	width: 11px
}
.error {
	color: #349E98;
	display: block
}
.contact-columns2 {
	float: right;
	width: 320px
}
.contact-columns2 .upper-area .contact-icon {
	background: url(../images/bg/contact-icon.png) no-repeat 225px 62px;
	float: left;
	font-size: 12px;
	padding: 25px 20px 28px;
	width: 278px
}
.contact-columns2 .upper-area {
	background: url(../images/bg/gray-patch.png) repeat 0 0;
	border: 1px solid #D1D1D1;
	border-radius: 2px 2px 0 0;
	float: left;
	width: 318px
}
.next2btn {
	color: #3B3B3B;
	float: left;
	padding: 19px 0 0 18px;
	font-size: 14px
}
.slider-area ul.tabs li.selected a {
	background-position: 0 -11px
}
.slider-area .thumbnail a:hover .expend {
	display: block
}
.pagetitle {
	width: 100%;
	margin: 0 auto;
	text-align: center !important
}
.pagetitle h1 {
	width: 100%;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	font-size: 80px !important;
	letter-spacing: -6.5px !important;
	text-transform: uppercase
}
.pagetitle .heading {
	width: 100%;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	font-size: 93px !important;
	letter-spacing: -9.5px !important;
	text-transform: uppercase
}
.pagetitle p {
	width: 100%;
	font-size: 20px !important;
	margin-top: 3px;
	font-family: 'breuertextmedium';
	line-height: 21px
}
.homearrowleft {
	position: absolute;
	background: url(../images/arrow_sprite.png) no-repeat 0 0;
	width: 198px;
	height: 120px;
	top: 490px;
	left: 6%;
	z-index: 999999
}
.homearrowright {
	position: absolute;
	background: url(../images/arrow_sprite.png) no-repeat 0 -120px;
	width: 198px;
	height: 120px;
	top: 485px;
	z-index: 999999;
	right: 6%
}
.order-top-area {
	width: 100%;
	float: left;
	min-width: 1000px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	height: 476px !important;
	background: url(../images/appsted-main-bg.gif) repeat 0 0
}
hgroup.order-page-heading {
	float: left;
	padding: 43px 0;
	width: 100%
}
hgroup.order-page-heading h2 {
	float: left;
	text-align: center;
	width: 100%
}
hgroup.order-page-heading h3 {
	color: #252525;
	float: left;
	font-family: 'HelveticaCE-Regular', Arial, sans-serif;
	font-size: 16px;
	margin-top: -3px;
	text-align: center;
	text-shadow: 0 1px #D0E6F2;
	width: 100%
}
.order-radio-white-area {
	float: left;
	min-width: 1000px;
	padding: 40px 0 282px;
	width: 100%;
	text-align: left !important
}
.order-heading {
	width: 100%;
	float: left;
	padding: 40px 0
}
.order-heading h2 {
	float: left;
	width: 100%;
	color: #5B545B;
	font-size: 18px
}
.order-heading .heading-area {
	width: 100%;
	float: left;
	background: url(../images/bg-heading-holder.gif) repeat-x left center
}
.order-heading .heading-area .large-txt {
	float: left;
	padding: 10px 30px 10px 0;
	background: #fff;
	font-size: 48px;
	color: #EC9D3E;
	text-shadow: 0 1px #FFF
}
.order-columns1 {
	float: left;
	width: 562px
}
.order-columns1 h6, .order-columns2 h6 {
	color: #252525;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -.025em;
	margin-bottom: 18px;
	width: 100%
}
.order-columns2 {
	float: right;
	width: 383px;
	position: relative
}
.order-columns3 {
	float: left;
	width: 542px
}
.order-columns4 {
	float: right;
	width: 383px;
	position: relative
}
.business_days {
	float: left;
	width: 560px;
	border: solid 1px #D5D5D5
}
.business_days dl {
	display: block;
	float: left;
	padding: 15px 20px 10px;
	width: 520px
}
.business_days dt {
	display: block;
	float: left;
	padding-right: 5px
}
.business_days dt label {
	display: block;
	padding-bottom: 5px;
	cursor: text;
	font-family: 'breuertextregular'
}
.business_days dt span.large-gray-txt {
	display: inline-block;
	font-size: 33px;
	color: #9d9d9d;
	padding: 24px 8px 0 10px
}
.business_days dd {
	display: block;
	float: right;
	font-size: 43px;
	color: #349E98;
	text-align: right;
	padding-top: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: -.035em
}
.business_days dd span.caption-txt {
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-align: right;
	color: #252525;
	font-family: 'breuertextregular';
	line-height: 18px;
	letter-spacing: 0
}
.business_days dd span.caption-txt .expected_date {
	color: #349E98
}
.business_days .expedited-delivery {
	display: block;
	float: left;
	padding: 0 20px 20px;
	width: 520px;
	vertical-align: bottom;
	font-size: 14px;
	font-family: 'breuertextregular'
}
.business_days .expedited-delivery input {
	display: inline-block;
	margin: 0;
	vertical-align: bottom
}
.business_days .input-box {
	padding: 3px;
	font-size: 33px;
	color: #222;
	text-align: center;
	width: 72px;
	font-family: 'breuertextbold' !important
}
.box475 {
	float: left;
	width: 522px;
	padding: 19px;
	border: solid 1px #D5D5D5;
	background: #FFF;
	margin-bottom: 20px;
	position: relative
}
.box475 h2 {
	float: left;
	width: 100%;
	height: 20px;
	padding-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #252525
}
.box475 .row {
	line-height: 19px;
	font-size: 15px;
	color: #252525
}
.box475 a.show-hide {
	position: absolute;
	right: -1px;
	top: -1px;
	display: block;
	float: left;
	width: 562px;
	height: 45px
}
.box475 a.show-hide img {
	float: left;
	height: 22px;
	width: 28px
}
.box475 a.plus {
	background: url(../images/plus-minus.png) no-repeat right 0
}
.box475 a.minus {
	background: url(../images/plus-minus.png) no-repeat right -122px
}
.order-details-table {
	float: left;
	width: 343px;
	border: solid 1px #E2C379;
	background: #f8e4b2;
	padding: 19px;
	font-family: 'breuertextmedium'
}
.order-details-table ul {
	width: 100%;
	float: left;
	border-top: solid 1px #E2C379
}
.order-details-table ul:first-child {
	border-top: none
}
.order-details-table li {
	display: block;
	color: #111;
	padding: 5px 0;
	font-size: 15px
}
.order-details-table li.left1 {
	color: #111;
	float: left;
	width: 260px;
	padding-right: 10px !important
}
.order-details-table li.right1 {
	text-align: right;
	float: right
}
.order-details-table ul.delivery-date li.left1 {
	width: 110px !important
}
.order-details-table ul.delivery-date li.right1 {
	width: 220px !important
}
.for-notice {
	width: 100%;
	float: left;
	padding: 23px 0 7px;
	line-height: 16px;
	font-size: 12px
}
.order-columns2 h2 {
	float: left;
	width: 100%;
	color: #252525;
	font-size: 18px;
	padding-bottom: 10px
}
.order-summary-form {
	float: left;
	width: 343px !important;
	padding: 19px;
	border: solid 1px #D5D5D5;
	border-top: none;
	color: #252525;
	font-size: 12px;
	background: #FFF
}
.order-summary-form dl {
	width: 100%;
	float: left;
	padding: 5px 0
}
.order-summary-form dt {
	float: left;
	padding: 0 10px 0 0
}
.order-summary-form dd {
	float: right;
	width: 158px
}
.order-summary-form .lbl-mrgn {
	margin-top: 4px
}
.order-summary-form img.lbl-mrgn {
	margin-top: 5px
}
.order-summary-form .row {
	line-height: 17px
}
.credit-cards {
	float: left;
	width: 383px;
	height: 21px;
	padding: 29px 0 0;
	background: url(../images/credit-cards.jpg) no-repeat center top;
	margin-top: 15px;
	font-size: 10px;
	text-align: center
}
.order-form {
	width: 100%;
	float: left
}
.order-form .form-sap {
	float: left;
	width: 100%;
	padding-top: 5px;
	margin-top: 20px
}
.order-form .form-sap h3 {
	float: left;
	width: 100%;
	color: #252525;
	font-size: 15px;
	font-family: 'breuertextbold', Arial, sans-serif;
	padding-bottom: 10px;
	text-transform: uppercase
}
.order-form .form-sap h4 {
	float: left;
	width: 100%;
	color: #252525;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	padding-bottom: 10px
}
.order-form .form-sap dl {
	width: 100%;
	float: left;
	background: url(../images/dotted-border.png) repeat-x left 13px
}
.order-form .form-sap dl:first-child {
	border-top: none
}
.order-form .form-sap dt {
	float: left !important;
	color: #252525;
	background: #FFF;
	padding: 5px 7px 5px 0;
	text-transform: capitalize;
	font-family: 'breuertextregular', Arial, sans-serif
}
.order-form .form-sap dd {
	float: right;
	background: #FFF;
	padding: 3px 0 3px 7px;
	color: #222;
	font-family: 'breuertextregular', Arial, sans-serif
}
.guarantee-area-small {
	width: 100%;
	float: left;
	padding-top: 1px;
	position: relative;
	margin-top: 1px
}
.guarantee-area-small img {
	float: left;
	position: absolute;
	right: -2px;
	top: 9px;
	visibility: hidden
}
.guarantee-area-small div {
	display: block;
	padding: 2px 0 0 9px;
	line-height: 18px;
	background: url(../images/bullet.png) no-repeat 0 9px;
	line-height: 14px;
	padding-top: 5px;
	color: #252525
}
.guarantee-area-small div span.yellow {
	background: #222;
	color: #fff !important;
	padding: 0 4px 0 1px;
	font-family: 'breuertextregular', Arial, sans-serif;
	font-size: 14px
}
.guarantee-area-small caption {
	font-size: 11px !important
}
.guarantee-area-small .f11 {
	font-size: 11px;
	font-style: italic !important
}
.input-box {
	border: solid 1px #D5D5D5;
	background: #fff;
	padding: 5px;
	resize: none;
	font-family: 'HelveticaCE-Regular', Arial, sans-serif !important;
	font-weight: 400
}
.coupon-area {
	display: inline-block;
	width: 155px;
	border: 1px solid #D1D1D1;
	padding: 4px
}
.coupon-area input {
	border: none !important;
	width: 100px;
	float: left;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding: 0 !important
}
.coupon-area img {
	float: right
}
.upload-button {
	width: 73px;
	height: 30px;
	overflow: hidden;
	background: url(../images/browse.png) no-repeat center center;
	position: relative;
	display: inline-block
}
.upload-button input {
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	cursor: pointer
}
.filename-area {
	float: left;
	width: 80px;
	overflow: hidden;
	padding: 10px 0 0 2px
}
.filename-area input {
	border: none !important;
	background: none !important;
	width: 75px;
	vertical-align: top
}
.upfile_name {
	display: block;
	width: 145px
}
.red {
	color: #df2b2b !important
}
.f10 {
	font-size: 10px
}
.mt20 {
	margin-top: 20px !important
}
.pt20 {
	padding-top: 20px !important
}
.mb5 {
	margin-bottom: 5px !important
}
.pb20 {
	padding-bottom: 20px !important
}
.pt7 {
	padding-top: 7px !important
}
.mtop45 {
	margin-top: 45px !important
}
h6 {
	width: 100%;
	float: left;
	margin-bottom: 0;
	font-size: 28px;
	font-family: 'breuertextbold', Arial, sans-serif;
	color: #222;
	font-weight: 400;
	letter-spacing: -.035em;
	line-height: 25px
}
.selected-order-details {
	width: 100%;
	float: left;
	padding-top: 20px
}
.selected-order-details .options-title {
	width: 100%;
	float: left;
	font-size: 18px;
	padding: 20px 0 10px;
	color: #235991
}
.selected-order-details dl {
	width: 100%;
	float: left;
	background: url(../images/dotted-border.png) repeat-x left 13px;
	padding: 3px 0;
	font-family: 'breuertextregular', Arial, sans-serif
}
.selected-order-details dt {
	float: left !important;
	color: #3b3b3b;
	background: #FFF;
	padding: 0 7px 0 0;
	font-size: 15px
}
.selected-order-details dd {
	float: right;
	background: #FFF;
	padding: 0 1px 0 7px;
	color: #222;
	font-size: 15px
}
.selected-order-details h2 {
	float: left;
	width: 100%;
	height: 20px;
	padding-bottom: 10px;
	margin-top: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #222
}
.checkout-button-area {
	width: 100%;
	float: left;
	width: 341px;
	background: #FFF;
	font-size: 11px;
	padding: 22px 0;
	text-align: center;
	color: #000;
	margin-top: 15px
}
.checkout-button-area .button1 {
	font-size: 24px;
	padding: 14px 26px;
	margin-top: 5px
}
.checkout-button-area select.input-box {
	margin-right: 9px;
	min-width: 94px
}
.checkout-button-area dl {
	float: left;
	width: 100%;
	padding: 5px 0
}
.checkout-button-area dl dt {
	float: left;
	padding: 8px 10px 0 20px;
	font-size: 12px;
	width: 90px;
	text-align: left
}
.checkout-button-area dl dd {
	float: left
}
.order-summery {
	float: left;
	width: 500px;
	padding: 20px;
	border: solid 1px #ccc;
	background: url(../images/gray-patch.png)
}
.order-summery dl {
	display: block;
	float: left;
	width: 100%;
	padding: 5px 0;
	border-top: solid 1px #ccc;
	font-family: 'breuertextregular', Arial, sans-serif
}
.order-summery dl:first-child {
	border-top: none
}
.order-summery dt {
	display: block;
	float: left;
	padding-right: 10px
}
.order-summery dd {
	display: block;
	float: right
}
.sitemap-columns:first-child {
	padding-left: 0
}
.sitemap-columns {
	color: #222;
	float: left;
	font-size: 13px;
	padding-left: 50px;
	width: 293px
}
.sitemap-columns h3 {
	display: block;
	float: left;
	font-family: 'HelveticaCE-Bold', Arial, sans-serif;
	font-size: 18px;
	height: 32px;
	width: 100%
}
.sitemap-columns ul.questions-list {
	float: left;
	width: 100%
}
.sitemap-columns ul.questions-list li:first-child {
	border-top: medium none
}
.sitemap-columns ul.questions-list li {
	border-top: 1px solid #DDD;
	float: left;
	line-height: 16px;
	padding: 3px 0;
	width: 100%;
	list-style: none
}
.sitemap-columns a {
	color: #444;
	text-decoration: none
}
.general-left-column {
	float: left;
	padding: 0;
	width: 240px
}
.general-left-column .box1 {
	background: url(../images/bg/gray-patch.png) repeat scroll 0 0 rgba(0,0,0,0);
	border: 1px solid #D8D8D8;
	border-radius: 3px;
	float: left;
	padding: 19px;
	width: 200px
}
.service-offerings {
	width: 100%;
	float: left;
	padding-top: 40px
}
.service-offerings .service-column {
	float: left;
	width: 228px;
	margin-left: 13px;
	border: solid 1px #cfcfcf;
	border-radius: 3px;
	cursor: pointer
}
.service-offerings .service-column:first-child {
	margin-left: 0
}
.service-offerings .service-column:hover {
	border-color: #78bfec !important;
	box-shadow: 0 0 3px #56b4ef;
	outline: none
}
.service-offerings .service-column .thumbnail {
	width: 100%;
	float: left;
	text-align: center;
	padding: 15px 0
}
.service-offerings .service-column .thumbnail figure {
	width: 90px;
	height: 90px;
	padding: 11px;
	border-radius: 50%;
	background: #222;
	display: block;
	margin: 0 auto;
	line-height: 90px
}
.service-offerings .service-column .thumbnail figure:hover {
	background: #df2b2b
}
.service-offerings .service-column .services-name {
	float: left;
	width: 228px;
	background: url(../images/bg/gray-patch.png);
	text-align: center;
	font-size: 15px;
	color: #222;
	padding: 14px 0 15px;
	border: solid #cfcfcf;
	border-width: 1px 0
}
.service-offerings .service-column .services-name strong {
	display: block;
	font-family: 'breuertextbold';
	font-weight: 400;
	font-size: 22px;
	line-height: 27px;
	letter-spacing: -.025em;
	margin-bottom: -1px;
}
.service-offerings .service-column .description {
	float: left;
	width: 194px;
	padding: 17px;
	font-size: 13px;
	color: #222;
	line-height: 16px
}
.service-offerings .service-column .f-listing {
	float: left;
	width: 211px;
	padding: 0 0 0 17px
}
.service-offerings .service-column .f-listing ul.solutions {
	width: 100%;
	float: left
}
.service-offerings .service-column .f-listing ul.solutions li {
	display: block;
	line-height: 16px;
	padding: 0 0 0 10px;
	background: url(../images/bullet.png) no-repeat left 5px;
	color: #222
}
.service-offerings .service-column .more-info {
	width: 100%;
	float: left;
	padding: 0 0 20px;
	text-align: center
}
.service-offerings .service-column .more-info .button1 {
	padding: 10px 30px;
	width: 132px;
	font-size: 16px
}
.service-left {
	float: left;
	width: 350px
}
.service-right {
	float: right;
	width: 570px
}
.services {
	width: 100%;
	float: left
}
.services .heading1 {
	width: 100%;
	float: left;
	font-size: 26px;
	color: #222;
	letter-spacing: -.025em;
	font-family: 'breuertextmedium'
}
.services .heading2 {
	width: 100%;
	float: left;
	font-size: 55px;
	color: #222;
	font-family: 'breuertextbold';
	letter-spacing: -.04em
}
.services .heading3 {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #888;
	line-height: 1.3;
	padding-top: 20px
}
.home-headings {
	width: 100%;
	float: left;
	text-align: center;
	color: #222;
	padding: 40px 0 15px
}
.home-headings .heading1 {
	width: 100%;
	float: left;
	font-family: 'breuertextbold';
	color: #202020;
	font-size: 33px;
	line-height: 30px;
	padding-bottom: 4px;
	letter-spacing: -.025em
}
.home-headings .heading2 {
	font-family: 'breuertextregular';
	font-size: 17px
}
.portfolio-headings {
	width: 100%;
	float: left;
	text-align: center;
	color: #222;
	padding-top: 40px
}
.portfolio-headings .heading1 {
	width: 100%;
	float: left;
	font-family: 'breuertextbold';
	color: #202020;
	font-size: 35px;
	line-height: 30px;
	padding-bottom: 4px;
	letter-spacing: -.025em
}
.portfolio-headings .heading2 {
	width: 100%;
	float: left;
	font-family: 'breuertextregular';
	font-size: 17px
}
ul.hire-team-process {
	width: 100%;
	float: left
}
ul.hire-team-process li {
	width: 211px;
	float: left;
	padding: 0 14px;
	border-left: solid 1px #ddd
}
ul.hire-team-process li:first-child {
	border-left: none
}
ul.hire-team-process li .thumb-area {
	display: block;
	float: left;
	width: 100%;
	height: 127px
}
ul.hire-team-process li .title-area {
	display: block;
	float: left;
	width: 100%;
	font-family: 'breuertextbold';
	font-size: 20px;
	color: #222;
	text-align: center;
	padding-top: 23px;
	line-height: 20px;
	letter-spacing: -.025em
}
ul.hire-team-process li .sub-title-area {
	display: block;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #222;
	text-align: center;
	padding-top: 15px;
	line-height: 16px
}
ul.hire-team-process li.step1 .thumb-area {
	background: url(../images/hire-team1.png) no-repeat center top
}
ul.hire-team-process li.step2 .thumb-area {
	background: url(../images/hire-team2.png) no-repeat center top
}
ul.hire-team-process li.step3 .thumb-area {
	background: url(../images/hire-team3.png) no-repeat center top
}
ul.hire-team-process li.step4 .thumb-area {
	background: url(../images/hire-team4.png) no-repeat center top
}
ul.hire-team-process li:hover .thumb-area {
	background-position: center bottom
}
.hire-developers-left {
	float: left;
	width: 480px;
	padding: 75px 0 0
}
.hire-developers-right {
	float: right;
	width: 425px;
	padding: 75px 0 0
}
.hiring-options {
	float: left;
	width: 308px;
	margin-left: 15px;
	margin-top: 35px;
	margin-bottom: 15px;
	border: 1px solid #CFCFCF;
	border-radius: 3px 3px 3px 3px
}
.hiring-options:first-child {
	margin-left: 0
}
.hiring-options ul.questions-answers {
	float: left;
	width: 278px;
	padding: 20px 15px;
	background: url(../images/bg/gray-patch.png);
	border-bottom: 1px solid #CFCFCF
}
.hiring-options ul.questions-answers li {
	display: block;
	padding: 4px 0 5px
}
.hiring-options ul.questions-answers li.question {
	font-size: 20px;
	font-family: 'breuertextbold', Arial, sans-serif;
	color: #222
}
.hiring-options ul.questions-answers li.answer {
	line-height: 16px;
	font-size: 13px
}
.hiring-options .heading2 {
	float: left;
	width: 251px;
	padding: 20px 20px 10px;
	font-size: 18px;
	color: #222;
	letter-spacing: -.015em;
	font-family: 'breuertextbold', Arial, sans-serif
}
.hiring-options ul.service-details {
	float: left;
	width: 251px;
	padding: 0 20px;
	height: 160px
}
.hiring-options ul.service-details li {
	display: block;
	color: #222;
	font-family: 'HelveticaCE-Regular', Arial, sans-serif;
	padding: 5px 0 5px 20px;
	background: url(../images/green-check.png) no-repeat 1px 6px;
	border-top: solid 1px #d8d5d4;
	line-height: 13px;
	font-size: 12px
}
.hiring-options ul.service-details li:first-child {
	border-top: none
}
.hiring-options .heading3 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 0 20px
}
.hiring-options .heading3 .button1 {
	font-size: 18px;
	line-height: 16px;
	width: 265px;
	padding: 15px 0
}
.hd {
	display: none
}
.dec-right {
	font-size: 12px;
	width: 425px !important;
	padding: 75px 0 0
}
.services_right.dec-right ul li label {
	width: 330px;
	color: #222
}
.heading5 {
	display: block;
	float: left;
	width: 100%;
	font-size: 22px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 10px;
	cursor: default !important;
	letter-spacing: -.025em
}
.cms {
	font-size: 15px;
	line-height: 19px
}
ul.corporate-features1 {
	float: left;
	width: 100%;
	text-align: center
}
ul.corporate-features1 li {
	display: inline-block;
	width: 205px;
	padding: 0 15px;
	border-left: solid 1px #D7D7D7;
	text-align: center
}
ul.corporate-features1 li:first-child {
	border-left: none
}
ul.corporate-features1 li .largetxt {
	display: inline-block;
	font-size: 35px;
	font-family: 'breuertextbold';
	color: #df2b2b;
	vertical-align: middle
}
ul.corporate-features1 li .smalltxt {
	display: inline-block;
	font-size: 13px;
	padding-left: 8px;
	vertical-align: middle;
	text-align: left
}
.corporate-left {
	float: left;
	width: 455px
}
.corporate-right {
	float: right;
	width: 455px;
	float: right;
	width: 455px
}
.corporate-right mark {
	font-weight: 400 !important;
	font-style: normal !important;
	background: #222;
	font-family: 'breuertextbold';
	color: #fff;
	font-size: 40px;
	line-height: 47px;
	letter-spacing: -.03em
}
.team-crawler {
	width: 100%;
	float: left;
	padding: 15px 0 12px;
	border-top: dashed 1px #bbb;
	border-bottom: dashed 1px #bbb;
	margin: 5px 0 35px;
	position: relative;
	margin: 30px 0
}
.team-crawler span.title1 {
	display: block;
	float: left;
	padding: 5px;
	background: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	color: #9a9a9a;
	position: absolute;
	left: 150px;
	top: -12px;
	font-family: 'breuertextbold'
}
.team-crawler img {
	border: solid 1px #0b151d;
	display: inline-block;
	margin: 0 0 0 4px
}
.team-crawler img:first-child {
	margin: 0
}
.corporate-right .box-area {
	float: left;
	width: 100%;
	padding: 19px 0 0
}
.corporate-right .box-area ul.check-list {
	display: block;
	padding: 0
}
.corporate-right .box-area ul.check-list li {
	display: block;
	font-family: 'breuertextregular';
	padding: 7px 0 7px 25px;
	background: url(../images/green-check.png) no-repeat 1px 8px;
	border-top: solid 1px #ddd;
	font-size: 15px
}
.corporate-right .box-area ul.check-list li:first-child {
	border-top: none
}
.grey-area {
	float: left;
	width: 100%;
	border-top: solid 1px #d9d9d9;
	background: url(../images/gray-patch.png);
	padding: 48px 0 32px;
	line-height: 16px
}
.grey-area ul {
	display: block;
	float: left;
	width: 100%;
	background: url(../images/tbh.png) repeat-x left top
}
.grey-area ul:first-child {
	background: none
}
.grey-area ul:first-child li {
	padding-bottom: 5px !important;
	padding-top: 0 !important
}
.grey-area li {
	float: left;
	width: 286px;
	background: url(../images/tbv.png) repeat-y left top;
	padding: 25px 0 0 25px;
	height: 110px;
	margin-left: 25px
}
.grey-area li:first-child {
	background: none;
	padding-left: 0 !important;
	margin-left: 0
}
.grey-area li img {
	float: left
}
.grey-area li span {
	display: block;
	float: left;
	width: 235px;
	padding-left: 14px;
	font-family: 'breuertextregular'
}
.grey-area li a {
	display: block;
	font-size: 20px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 10px;
	cursor: default !important
}
.grey-area .heading1 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #202020;
	font-family: 'breuertextbold';
	line-height: 30px;
	padding-bottom: 10px
}
.grey-area .heading2 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #202020;
	line-height: 22px
}
.grey-area .get-started {
	width: 100%;
	float: left;
	background: url(../images/grad-line.png) no-repeat center center;
	text-align: center;
	margin-top: 20px
}
.grey-area .get-started .button1 {
	display: inline-block;
	font-size: 30px;
	font-family: 'breuertextbold';
	padding: 20px 30px;
	box-shadow: 0 0 0 5px #D9D9D9
}
ul.hire-team-process li .thumbnail {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0
}
ul.hire-team-process li .thumbnail figure {
	width: 100px;
	height: 100px;
	padding: 10px;
	border-radius: 50%;
	background: #222;
	display: block;
	margin: 0 auto;
	line-height: 100px
}
ul.hire-team-process li:hover .thumbnail figure {
	background: #298EDA
}
ul.hire-team-process li .thumbnail .thumb-area {
	display: block;
	float: left;
	width: 100%;
	height: 100px
}
ul.hire-team-process li.step1 .thumbnail .thumb-area {
	background: url(../images/hire-team1.png) no-repeat center -13px
}
ul.hire-team-process li.step2 .thumbnail .thumb-area {
	background: url(../images/hire-team2.png) no-repeat center -13px
}
ul.hire-team-process li.step3 .thumbnail .thumb-area {
	background: url(../images/hire-team3.png) no-repeat center -13px
}
ul.hire-team-process li.step4 .thumbnail .thumb-area {
	background: url(../images/hire-team4.png) no-repeat center -13px
}
ul.hire-team-process li:hover .thumbnail .thumb-area {
	background-position: center -140px
}
ul.banner-icons {
	display: inline-block;
	text-align: center;
	padding: 40px 0 40px 40px
}
ul.banner-icons li {
	display: inline-block;
	margin: 0 15px;
	text-align: center;
	width: 15%
}
ul.banner-icons li figure {
	width: 145px;
	height: 145px;
	border-radius: 50%;
	background: #222;
	display: block;
	margin: 0 auto;
	line-height: 145px
}
ul.banner-icons li figure:hover, ul.banner-icons li figure.selected {
	background: #df2b2b
}
input[type="submit"], input[type="button"] {
	display: inline-block;
	position: relative;
	margin-top: 5px;
	margin-bottom: 8px;
	border: 0 none;
	padding: 17px 30px 16px !important;
	cursor: pointer;
	border-radius: 3px;
	font-family: 'breuertextbold', sans-serif;
}
.pb35 {
	padding-bottom: 35px !important
}
.mleft20 {
	margin-left: 10px !important
}
.button.contact {
	background: #df2b2b !important
}
.button.contact:hover {
	background: #3c85da !important
}
.note {
	float: left;
	margin: 14px 0 0 12px;
	font-size: 13px !important;
	color: #252525;
	letter-spacing: -.1px;
	line-height: 16px
}
.note strong, .note a {
	color: #c52b1b
}
.label-small {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 3px;
	width: 100%
}
.mtop30 {
	margin-top: 30px !important
}
.blogpost {
	float: left;
	padding: 15px 0;
	width: 100%;
	padding-top: 0
}
.blogpost h2 {
	color: #202020;
	float: left;
	font-family: "HelveticaCE-Bold", Arial, sans-serif;
	font-size: 29px;
	letter-spacing: -.035em;
	line-height: 31px;
	padding-bottom: 4px;
	width: 100%;
	border: none;
	margin-bottom: 10px;
	background: url(../images/bog-bottom.png) repeat-x center center;
	text-align: center
}
.blogpost h2 span {
	padding: 10px;
	background: #fff
}
.blogpost ul {
	float: left;
	width: 100%;
	background: none;
	margin-bottom: 0
}
.blogpost ul li {
	float: left;
	width: 47%;
	background: none;
	padding-left: 0;
	margin-left: 0;
	padding-top: 20px;
	list-style: none;
	min-height: 133px
}
.blogpost ul li:nth-child(2n) {
	border-left: 1px dashed #777;
	padding-left: 3%;
	margin-left: 2%
}
.blogpost ul li:nth-child(3n) {
	padding-top: 25px
}
.blogpost ul li:nth-child(4n) {
	border-left: 1px dashed #777;
	padding-left: 3%;
	margin-left: 2%;
	padding-top: 25px
}
.blogpost ul li .post-image {
	float: left;
	width: auto
}
.blogpost ul li .post-image img {
	border-radius: 30px
}
.blogpost ul li .post-content {
	float: right;
	width: 80%;
	font-size: 15px
}
.blogpost ul li .post-content strong {
	color: #202020;
	display: inline-block;
	font-family: "HelveticaCE-Bold", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 8px
}
.grey-area .blogpost ul li .post-content p {
	font-size: 13px;
	display: inline-block;
	padding-bottom: 5px
}
.blogpost ul li .post-content strong a {
	color: #202020;
	text-decoration: none;
	margin-top: 0;
	line-height: 20px
}
.blogpost ul li .post-content strong a:hover {
	text-decoration: underline
}
.blogpost ul li .post-content a {
	color: #df2b2b;
	cursor: pointer !important;
	float: left;
	font-size: 16px;
	margin-top: 10px
}
.customer_requirement .button3 {
	font-size: 20px;
	color: #fff;
	background: #df2b2b;
	margin-top: 5px !important;
	display: inline-block;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	border-radius: 3px;
	border: none !important;
	transition: all 300ms ease 0;
	font-weight: 400;
	cursor: pointer;
	width: 100%;
	font-family: 'breuertextbold'
}
.customer_requirement .button3:hover {
	background: #2480c4
}
.submit .button3 {
	padding: 12px 20px !important
}
.heading5 h2, .heading5 h3 {
	display: block;
	float: left;
	width: 100%;
	font-size: 22px;
	color: #202020;
	font-family: 'breuertextbold';
	text-decoration: none;
	padding-bottom: 10px;
	cursor: default !important;
	letter-spacing: -.025em
}
.livechat {
	position: fixed;
	bottom: 0;
	right: 25px;
	background: #3c85da;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	padding: 11px 35px 10px;
	font-size: 18px;
	color: #fff;
	font-family: "breuertextbold";
	letter-spacing: 0;
	height: 40px;
	box-sizing: border-box;
	z-index: 999999
}
.livechat:hover {
	color: #FFF;
	background: #df2b2b
}
.livechat i.chat-icon {
	margin: 2px 8px 0 0;
	background: url(../images/chat-icon.png) 0 0 no-repeat;
	width: 19px;
	height: 17px;
	display: inline-block;
	float: left
}
.rating-hire {
	margin-top: 20px;
	font-size: 13px;
	text-align: center;
	float: left;
	width: 100%
}
.why-choose {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 35px 20px 0;
	border: solid 1px #D8D8D8;
	border-radius: 3px;
	height: 427px;
	margin-right: 30px
}