/* IMPORTS */
@import url(../fonts/fonts.css);

/* top navi */
.navbar-fixed-top {
     background: url("../img/background/main_nav.gif") repeat scroll 0px 0px transparent;
}

.navbar-fixed-top .navbar-inner {
     background: none repeat scroll 0% 0% transparent;
     height: 86px;
}

.main_banner {
     background: url("../img/background/main_banner.gif") repeat scroll 0px 0px transparent;
}
.page_home .main_banner {
    margin-bottom: 0;
    padding-bottom: 0;
     background: url("../img/background/main_banner.gif") repeat scroll 0px 0px transparent;
}
.container.rel {
    position: relative;
}
.logo {
     background: url("../img/logo.png") no-repeat scroll 0px 0px transparent;
     height: 150px;
     left: 33.58%;
     position: absolute;
     text-indent: -1000px;
     top: 15px;
     width: 246px;
}

.navbar .nav > li.midLi {
     margin-left: 278px;
}
.navbar .nav > li:first-child{margin-left:0}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
}
.clientNav {
    background: url("../img/background/clientNav.png") no-repeat scroll left bottom transparent;
    bottom: -62px;
    height: 40px;
    position: absolute;
    right: 5px;
    width: 240px;
}
.clientNav a {
    color: #FFFFFF;
    float: left;
    font: bold 12px arial;
    margin: 11px 0 0 33px;
    text-decoration: none;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
}
a.clientArea {
    margin-left: 51px;
}


/* Start-- Bootstrap style overwrite*/
html body {
     background: url("../img/background/body_bg.gif") repeat scroll 0px 0px transparent;
	 font-family:bitter-regular; 
	 -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
	 width: 990px;

}
h2 {
    font-size: 28px;
}
.navbar-inverse .nav .active > a{
    font: 17px bitter-bold;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover {
    background-color: #666666!important;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.098) rgba(0, 0, 0, 0.098) rgba(0, 0, 0, 0.247);
    border-radius: 18px 18px 18px 18px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 17px bitter-bold;
    letter-spacing: normal;
    margin: 0;
    padding: 5px 12px;
    position: relative;
    text-align: center;
    text-indent: 0;
    text-transform: uppercase;
    vertical-align: middle;
}
.navbar .nav > li {
    margin-left: 29px;
}

/* End-- Bootstrap style overwrite*/


/* hero section*/
.hero-unit {
    background: none;
    color: #A4A4A4;
    line-height: normal;
    margin: 0 auto;
    padding: 90px 0 0;
    text-align: center;
}


.hero-unit h1 {
    color: #FFFFFF;
    font: 40px Bitter-bold;
    letter-spacing: 0;
    text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
.hero-unit h1 strong{font-weight:normal}
.yellow{color:#ffd03d
}

.hero-unit .desc {
    font: 15px/22px Bitter-Regular;
    padding: 5px 15%;
    width: 70%;
}
.hero-unit .row {
    background: url("../img/background/hero_separator.png") repeat-x scroll left bottom transparent;
    margin-left: 0;
    padding-bottom: 10px;
    padding-top: 25px;
}
.hero-unit .span4 {
    width: 283px;
}

.hero-unit figcaption {
    color: #FFFFFF;
    font-weight: bold;
}
.hero-unit figcaption span{
    display: block;
    width: 100%;
	color:#ffd03d
}
.nav-pills  li {
    color: #757473;
    font-size: 16px;
    line-height: 17px;
    margin: 0 25px;
    width: 110px;
}
.nav-pills {
    margin-top: 41px;
}
.nav-pills > li > a, .nav-pills > li > a:hover {
    background: none;
    border: medium;
    margin: -16px 0 0;
    padding: 0;}

.hero-unit footer {
    background: url("../img/background/hero_bottom.png") no-repeat scroll center bottom transparent;
    height: 105px;
    margin-bottom: -16px;
}


#clientShowCase {background:#fff;
    padding-bottom: 10px;}
.page_home #clientShowCase {
    background: url("../img/background/clientShowCase_separator.png") repeat-x scroll center bottom transparent;
}
#clientShowCase header {
    padding-top: 60px;
    text-align: center;
}
#clientShowCase .nav-pills li {
    margin: 0 10px;
    width: auto;
}

.chooseWhy, #faqSection, #whyUsSection, #workProcess, #servicesSection , #thankYouSection{
    background: url("../img/background/chooseWhy_bottom.png") repeat-x scroll center bottom transparent;
    padding-bottom: 40px;
    font: 14px/18px arial;
}

.chooseWhy h4{
	font: bold 18px arial;
	color:#2398d6
}
.chooseWhy article {
    float: left;
    min-height: 128px;
    padding-right: 20px;
    width: 328px;
}
.chooseWhy section{
    margin: 0;
    width: 700px;
	float:left;
}
#chooseWhy aside {
    float: right;
    width: 282px;
}
#chooseWhy aside > div {
    background: url("../img/background/testimonials.png") no-repeat scroll center bottom transparent;
    height: 267px;
    width: 281px; overflow:hidden }

#chooseWhy aside p {
    margin: 0;
    padding: 50px 20px 0;
    text-align: justify;
    width: 240px;
	float:left
}
#chooseWhy aside strong{
    clear: both;
    display: block;
    padding-top: 16px;
}

a.moreFeatures, a.moreFeatures:hover {
    color: #F1C436;
    font-style: italic;
    font-weight: bold;
    margin-right: 30px;
    text-decoration: underline;
}
#cmsThemingOverview, #hireNowOverview, #exampleGallery{
	background: url("../img/background/cmsTheming.png") repeat 0px 0px transparent;
	padding-top: 8px;
}
#cmsThemingOverview [class*="span"] {
margin:0}
#cmsThemingOverview .nav-pills li {
    margin: 0 12px;
    width: auto;
}
#cmsThemingOverview .span5 {
    padding-right: 10px;
    text-align: justify;
    width: 358px;
}
#cmsThemingOverview .nav-pills {
    margin-top: 31px;}
.last{margin-right:0 !important}
.bottomSeparator{
	background: url("../img/background/cmsThemingBottom.png") repeat-x bottom left transparent;
	padding-top: 8px;}


body > footer {
    background: url("../img/background/footer.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    height: 273px;
    position: relative;}


footer .navigation h4 {
    font: 17px bitter-bold;
    margin-bottom: 12px;}
.navigation ul{list-style:none;margin:0}

.navigation ul a, .navigation ul a:hover {
    color: #C8C8C8;
    font: 12px/20px arial;
    text-decoration: none;}

footer .navigation {
    float: left;
    padding-right: 66px;
}
footer .container {
    padding-top: 32px
}
footer.navigation h4 {
    font: bold 18px times new roman;
    margin: 0;}

footer .askQuote {
    color: #C8C8C8;
    font: italic 13px bitter-regular;
    margin-top: 12px;
    text-align: center;
}

footer .phone {
    font: 30px Bitter-Regular;}
.socialLinks{
	background: url("../img/background/socialLinks.gif") repeat-x 0px 0px transparent;
	padding-top:10px
}
.socialLinks a {
    margin-right: 21px;
}

.bottomFooterLinks {
    bottom: 5px;
    clear: both;
    color: #686868;
    font: 11px arial;
    position: absolute;
    text-align: center;
    width: 990px;
}

.bottomFooterLinks > p {
    display: inline;
}

.bottomFooterLinks a, .bottomFooterLinks a:hover {
    color: #686868;
    text-decoration: none}

/*
.page_faq .main_banner, .page_whyUs .main_banner, .page_about .main_banner{
	padding-bottom:25px;
	margin-bottom:32px;
}
.page_faq #clientShowCase, .page_whyUs #clientShowCase, .page_about #clientShowCase {background:#fff}
*/
.main_banner{
	padding-bottom:25px;
	margin-bottom:32px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    background: none repeat scroll 0 0 #F5F5F5;
    outline: medium none;}
.tab-content > .tab-pane, .pill-content > .pill-pane {
    clear: both;}
.popularTag {
    border-bottom: 1px dashed #C4C4C4;
    clear: both;
    float: left;
    margin-bottom: 30px;
    padding: 15px 0;
    width: 100%;
	text-transform: uppercase;
}
.popularTag p {
    float: left;
}
.popularTag .tags span {
    background: url("../img/background/tags.png") no-repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #DE9853;
    color: #996633;
    display: inline-block;
    font: bold 11px/13px times new roman;
    height: 14px;
    margin: 0 8px;
    padding: 4px 13px 6px 23px;
}
.page_faq .tab-pane h4 {
    background: url("../img/background/blue_bullet.png") no-repeat scroll left 40% transparent;
    font: bold 14px arial;
    padding: 0 20px;
}
.page_faq .tab-pane p {
    line-height: 18px;
    padding: 0 20px 30px;
}

#whyUsSection article {
    float: left;
    margin: 20px 30px 40px 0;
    width: 306px;
}
#whyUsSection article figure{
    float: left;
    margin: 0 20px 0 0;
}
#whyUsSection article div {
    display: inline;
    float: left;
    font: 14px/18px arial;
    width: 72%;
}

#whyUsSection article div h4 {
    color: #2398D6;
    font: bold 18px arial;
    margin: 0 0 8px;
}
#aboutSection{
    background: url("../img/background/clientShowCase_separator.png") repeat-x scroll center bottom transparent;
}

#aboutSection ul {margin:0; list-style:none}

#aboutSection ul li {
    background: url("../img/background/tick.png") no-repeat scroll left center transparent;
    border-bottom: 1px dashed #A09E9E;
    margin: 5px;
    padding: 5px 0 5px 20px;
}
#aboutSection article {
    float: left;
    margin: 20px 70px 40px 0;
    text-align: justify;
    width: 276px;}

.page_about h4, .page_about h2{
    font: 25px bitter-regular;
    margin-bottom: 20px;}

#workProcess h2 {
    margin: 30px 0;
    text-align: center;}
.page_about .orderNow{
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px dashed #CCCCCC;
    padding: 20px 0 25px;
    position: relative;
    top: 0;
}	

#servicesSection article {    
	border:1px dashed #ccc;
	border-width: 0 1px 1px 0;
    float: left;
    padding: 0 23px 30px;
    width: 298px;margin-bottom: 35px;}
#servicesSection article.first{padding-left:0}
#servicesSection article.last{
    border-right: 0 none;
    padding-right: 0;
}

#servicesSection article figure {
    margin: 0;
    padding: 0;
    position: relative;
}

#servicesSection article figcaption {
    font: bold 34px Bitter-regular;
    position: absolute;
    right: 40px;
    top: 39px;
	color:#2598D7;
}
#servicesSection article figcaption span {
    font-size: 22px;
    position: relative;
    top: -8px;
}
#servicesSection ul {
    margin: 15px 0 18px 25px;
}
#servicesSection ul li {
    color: #666;
    font: 14px arial;
    list-style: disc outside none;
    padding: 8px 3px 0;
}
.btn_small, a.btn_small, a.btn_small:hover {
    background-color: #3A9FD3;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font: 10px bitter-regular;
    line-height: 14px;
    padding: 3px 6px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap;
}
.btn_yellow, a.btn_yellow, a.btn_yellow:hover  {
    background-color: #fed03e;
	float:right;
	color:#000
}
.link{
    margin: 15px 0 0 15px;
}
#servicesSection .lastRow {
    border-bottom: none;
    margin-bottom: 0;}
#hireNowOverview h2{
    display: inline;
}
#hireNowOverview .container{
    padding: 20px 0;
}
#hireNowOverview h2 {
    color: #474747;
    display: inline-block;
    font: bold 28px/30px times new roman;
    margin-top: 3px;
    padding-top: 0;
    vertical-align: middle;
}
#hireNowOverview select {
    background-color: #FFFFFF;
    border: 2px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #474747;
    display: inline-block;
    font: bold 24px/30px times new roman;
    height: auto;
    margin: 0 10px;
    padding: 6px 8px;
    vertical-align: middle;
    width: auto;
}
#exampleGallery img {
    border: 2px solid #FFF;
    margin: 30px 17px 35px 0;
}
#serviceLanding p{
    margin: 0 0 25px;
}
#serviceLanding article p{
    margin: 0 0 5px;
}

#serviceLanding article {
    padding-right: 60px;
    width: 260px;
}
#serviceLanding article.last{
    padding-right: 0px;
}
#serviceLanding h4 {
    font: bold 15px arial;
    margin-bottom: 5px;
}
#serviceLanding section {
    padding-right: 40px;
    width: 586px;
}

#serviceLanding aside {
    overflow: hidden;
    padding-top: 275px;
    width: 362px;
}
#serviceLanding a.moreFeatures, a.moreFeatures:hover {
	margin-right:0
}

#serviceLanding .accordion-group {
    border:none;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 0 0 0 0;
}
#serviceLanding .accordion-inner {
    border:none;
    padding: 5px 0 12px 3px}
#serviceLanding .accordion-heading .accordion-toggle {
    display: block;
    padding: 10px 8px 10px 22px;
}
#serviceLanding .accordion-heading a {
    background: url("../img/background/question.png") no-repeat scroll left center transparent;
    color: #6F6F6F;
    font: bold 15px arial;
    text-decoration: none;
	outline:none;
}
.page_servicesLanding .hero-unit {
    padding-top: 96px;
    position: relative;
    text-align: left;}
.page_servicesLanding .hero-unit header, .page_servicesLanding .hero-unit section{
    width: 565px;
}

.page_servicesLanding .hero-unit h1 {
    float: left;
    font-family: bitter-bold;
    font-size: 52px;
    letter-spacing: normal;
    line-height: 47px;
    margin: 0;
    padding-left: 20px;
    width: 438px;}
.page_servicesLanding .hero-unit h1 strong {
    font-size: 64px;
}
.page_servicesLanding .hero-unit h2 {
    color: #FFFFFF;
    font: 22px bitter-regular,times new roman;
    text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.5);
}
.page_servicesLanding .hero-unit figure {
    border-bottom: 1px dashed #666666;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    margin: 0;
    padding: 20px 0;
}
.page_servicesLanding .hero-unit figure img, .page_servicesLanding .hero-unit figcaption{
	float:left
}
.page_servicesLanding .hero-unit  section p {
    padding: 18px 0;}
.landingOrder, a.landingOrder:hover {
    background: url("../img/background/btn_landing_order.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    font: bold 48px/92px arial;
    height: 81px;
    padding-left: 18px;
    text-decoration: none;
    text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.5);
    vertical-align: middle;
    width: 380px;
}

.landingOrder small {
    font-size: 24px;
    position: relative;
    top: -16px;
}

.landingOrder > span {
    display: block;
    text-align: center;
    width: 105px;
}	

form.customRequirements {
    background: url("../img/background/form_bg.gif") repeat scroll 0 0 transparent;
    border-color: rgba(0, 0, 0, 0.098) rgba(0, 0, 0, 0.098) rgba(0, 0, 0, 0.247);
    border-radius: 18px 18px 18px 18px;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.5);
    float: right;
    overflow: hidden;
    width: 400px;
	font:12px arial;
	color:#878787;
    position: absolute;
    right: 0;
	top: 90px;
}


form.customRequirements .heading {
    background: url("../img/background/form_header_bg.gif") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font: 20px bitter-bold;
    padding: 12px 15px;
}
.formFields {
    padding: 15px;
}
.formFields label{font-size:12px}

.formFields input, .formFields textarea, .formFields .uneditable-input {
    padding: 5px 2px;
    width: 98%;
}
.formFields input {
    margin: 0;}
.needAssistance {
    font: 11px bitter-bold,times new roman;
    margin-top: 18px;
    text-align: center;
    text-transform: uppercase;
}
.needAssistance span{
color:#000
}
.intro {
    line-height: 20px;
}
#whyUsSection .orderNow{
    float: left;
    text-align: center;
    width: 100%;
}

/** hero slider **/
.page_home .slideimages, .slideimages2 {
    position: relative;
}

.slideimages > article {
    float: left;
    width: 990px;
}
.page_home .hero-unit .row {    overflow-x: hidden;}

.page_home .hero-unit .span4 {
    width: 300px;
}
.paging {
    left: 284px;
    position: relative;
    text-align: left;
    top: -4px;
    width: 456px;
}

.paging a {
    background: url("../img/background/hero_a.png") no-repeat scroll center center transparent;
    display: inline-block;
    height: 33px;
    margin-right: 163px;
    width: 33px;
}
.paging a.active{
background: url("../img/background/hero_a_sel.png") no-repeat scroll 0px 0px transparent;
}
/** hero slider ends **/

/** order page **/
.page_order .hero-unit {
    background: url("../img/background/order_hero_bg.png") no-repeat scroll 100% 100% transparent;
}
.red{color:#c62525;}
#productList .nav-tabs li a {
    background: url("../img/background/product_html_1.png") no-repeat scroll 0 0 transparent;
    border: none;
    color: #818181;
    font: 14px bitter-bold;
    padding: 68px 2px 0;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    background-position: 26% 0 !important;
    cursor: pointer;
}
#productList .nav-tabs li.active a, #productList .nav-tabs li.active a:hover, #productList .nav-tabs li.active a:focus {
    background: url("../img/background/product_html_2.png") no-repeat scroll 0 0 transparent;
	color: #000;
}
#productList .nav-tabs li.email a {
    background: url("../img/background/product_email_1.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.email.active a, 
#productList .nav-tabs li.email.active a:hover{
    background: url("../img/background/product_email_2.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.wp a {
    background: url("../img/background/product_wp_1.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.wp.active a, 
#productList .nav-tabs li.wp.active a:hover{
    background: url("../img/background/product_wp_2.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.dupal a {
    background: url("../img/background/product_dupal_1.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.dupal.active a, 
#productList .nav-tabs li.dupal.active a:hover{
    background: url("../img/background/product_dupal_2.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.magento a {
    background: url("../img/background/product_magento_1.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.maento a {
    background: url("../img/background/product_magento_1.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.magento.active a, 
#productList .nav-tabs li.magento.active a:hover{
    background: url("../img/background/product_magento_2.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.maento.active a, 
#productList .nav-tabs li.maento.active a:hover{
    background: url("../img/background/product_magento_2.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.jhoomla a {
    background: url("../img/background/product_jhoomla_1.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs li.jhoomla.active a, 
#productList .nav-tabs li.jhoomla.active a:hover{
    background: url("../img/background/product_jhoomla_2.png") no-repeat scroll 0 0 transparent;
}
#productList .nav-tabs a span{
    display: inline-block;
    text-align: center;
    width: 100%;color:#c62525;}

#productList .nav-tabs > li {
    border-right: 1px dotted #CCCCCC;
    margin: 20px 0;
    padding: 0 25px;
}
#productList .nav-tabs > li.html{padding-left:90px}
#productList .nav-tabs > li.last{padding-right:0; border:none}
#productList .nav-tabs { border:none}

.boxBlock{background:#fff; padding:15px;border:1px solid #c7c7c7}

#selProduct label{
	background: url("../img/background/radio_label.png") no-repeat left center transparent;
    padding: 0 0 0 22px;
    font-size: inherit;
    font-weight: inherit;
	color:#777;
	margin:0
}
#selProduct label.sel{
	background: url("../img/background/radio_label_sel.png") no-repeat left center transparent;
	color:#000;
}
.blue, #selProduct span{
color: #2398d6;
}
#selProduct hr {
    background: url("../img/background/or_separator.gif") no-repeat scroll 50% 0 transparent;
    border: medium none;
    height: 30px;
    margin: 0;
    width: 96%;
}
#selProduct h7 {
    margin: 0 0 3px;
	font: bold 14px arial;
}
#selProduct h4 {
    margin-bottom: 5px;
}

#selProduct .htmlVersion > h4 {
    margin-bottom: 20px;
}	
#selProduct p {
    font-size: 12px;
    line-height: normal;
    padding-left: 22px;
	color:#727272;
}
.htmlVersion p{
    font-size: 11px;}	
#selProduct ul{
    list-style: none;
    margin: 0;
    width: 90%;
}

#selProduct ul li {
    background: url("../img/background/arrow_icon.gif") no-repeat scroll 3px center transparent;
    border-bottom: 1px dashed #A09E9E;
    color: #363636;
    font: 14px arial;
    margin: 5px;
    padding: 5px 0 5px 20px
}
#selProduct ul li:last-child{
	color:#c62525;
	font-style:italic;
	border:none
}
#selProduct p a{
	color:#c62525;
	text-decoration:underline
}
#deliveryOverview.boxBlock {
    font: 13px arial;
    padding: 0;
}

#deliveryOverview > div {
    float: left;
    padding: 15px;
}
.pageCount input {
    border-radius: 0 0 0 0;
    height: 24px;
    margin: -4px 10px 0 0;
    text-align: center;
    width: 35px;
}
#deliveryOverview span {
    font: bold 18px arial;
}
.pageCount > span {
    color: #A4A4A4;
    margin: 0 8px;
}
.pageCount {
    width: 284px;
}	
.selDelivery input {
    margin: -4px 5px 0 0;
}	
.expeditedDelivery > span {
    clear: both;
    color: #2398D6;
    display: block;
    padding-top: 10px;
}	
.expeditedDelivery{
	background:#f6f6f6;
	border-left:1px solid #ccc
}
#deliveryOverview .expeditedDelivery {
    background: none repeat scroll 0 0 #F6F6F6;
    border-left: 1px solid #C7C7C7;
    color: #6D6D6D;
    float: right;
    font: 12px arial;
    height: 73px;
    padding: 22px 0 0;
    text-align: center;
    width: 180px;
}
.selDelivery > label {
    font-size: 12px;
    margin: 2px 0 0;
    width: 50px;
}
.selDelivery > label:first-child {
    margin: 6px 0 0;
}
#deliveryOverview .pageCount {
    padding: 30px 15px 15px;
    width: 284px;}
.expeditedDelivery {

}
#advancedOptions .accordion-group h2 {
    font: bold 18px arial;
    margin: 0;}
#advancedOptions .accordion-group {
    background: none repeat scroll 0 0 #DFDFDF;
    border-radius: 0 0 0 0;
    color: #363636;
    padding: 0px;}

#advancedOptions .accordion-heading {
    border-right: 1px solid #CCCCCC;
    padding: 7px 5px;
}
#advancedOptions .accordion-group {
    background: none repeat scroll 0 0 #DFDFDF;
    border-radius: 0 0 0 0;
    border-width: 1px 0 1px 1px;
    color: #363636;
    margin-bottom: 18px;}


#advancedOptions .accordion-heading .accordion-toggle, #advancedOptions .accordion-heading .accordion-toggle:hover {
    color: #363636;
    padding: 8px 12px;
    text-decoration: none;
}
#advancedOptions .accordion-toggle{
    background: url("../img/background/accordion_open.gif") no-repeat scroll 99% center transparent;
}
#advancedOptions .accordion-toggle.collapsed{
    background: url("../img/background/accordion_closed.gif") no-repeat scroll 99% center transparent;
}
#advancedOptions .accordion-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    clear: both;
    float: left;
    padding: 0;}	

#advancedOptions h3 {
    font: bold 14px arial;
    margin: 5px 0;
}	
#advancedOptions p {
    font: 11px arial;
	color:#8e8e8e
}	
.subSection {
background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    border-width: 1px 1px 0 0;
    float: left;
    margin-right: 0;
    padding: 2%;
    width: 45.8%;}	

.borderRightNone{
border-right:none;
}
.borderBottomNone{
border-bottom:none;
}

#advancedOptions dl {
    background: url("../img/background/dotted-border.png") repeat-x scroll left 20px transparent;
    color: #000000;
    float: left;
    font: 14px arial;
    margin: 0;
    width: 100%;
}
#advancedOptions  dl:first-child { border-top:none;}
#advancedOptions  dt {float:left !important; color:#3b3b3b; background:#FFF;  padding:5px 7px 5px 0; text-transform:capitalize;}
#advancedOptions dd {float:right; background:#FFF;  padding:5px 0 5px 7px;  /*color:#235991;*/ color:#1880ca;}
.subSection input[type="radio"], .subSection input[type="checkbox"] {
    margin: -4px 0 0;
}



#productDetails .customRequirements {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 0 0;
    box-shadow: none;
    font-family: arial;
    margin: 0 0 15px;
    position: relative;
    right: 0;
    width: 100%;
	top:0
}
.text-red{color:#ed1d24}

#productDetails .formFields input {
    border-radius: 0 0 0 0;font-size:12px}
#productDetails .formFields .error input {
    background:#f8eeef;
	border:1px solid #ed1d24
}

#productDetails .formFields label span {
    color: #ED1D24;
    font-size: 11px;
    margin-top: 2px;
}
#productDetails .formFields label {
    margin-bottom: 1px;
	color:#363636}

#productDetails .customRequirements .heading {
    background: url("../img/background/form_header_bg2.gif") repeat scroll 0 0 transparent;
    color: #6F8088;
    font: bold 18px Bitter-Bold,times new roman;
    padding: 12px 15px;
    text-align: center;
    text-transform: uppercase;}
	
.couponCode {
    padding-bottom: 30px;}
	
.couponCode input{
	float:left;
	width:130px;
}	
.couponCode a{
	float:right;
	width:100px;
}	
.orderSummray{
background:#d8ecf7;
}

.orderSummray > ul {
    border-bottom: 1px solid #CCCCCC;
    color: #000000;
    font: 14px arial;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 8px 15px;}

.orderSummray li {
    border-bottom: 1px dashed #CCCCCC;
    line-height: 30px;}

.orderSummray li  span{
	float:right;
	font-weight:bold
}
.orderSummray .total {
    border-bottom: medium none;
    border-top: 1px solid #8D9CA5;
    font-weight: bold;
    padding: 8px 0 2px;
}
.orderSummray .total span{
	font-size:26px;color:#c62525;border:none; padding:0
}
.no-border{border:none !important}	
.paymentOptions{
	font:11px arial;
	color:#363636;
	text-align:center
}

#orderForms {
    margin-bottom: 20px;
    position: relative;
}
#productDetails h5 {
    color: #838383;
    font: 18px bitter-bold;
    margin-top: 26px;
    text-transform: uppercase;
}

/** order page ends **/

/** font and padding full site **/
.page_home h2,.page_about h2,#serviceLanding h2{
    font: 25px bitter-regular; text-transform:capitalize;}	
.navbar-inverse .nav .active > a{
    font: 17px bitter-bold;
}	

#chooseWhy > .container {
    padding-top: 30px;
}
#cmsThemingOverview > .container {
    padding-top: 10px;
}

#chooseWhy a.moreFeatures, #chooseWhy a.moreFeatures:hover {
    font: italic 13px bitter-bold;
    margin-right: 30px;}

.popularTag {
    font: 15px bitter-regular;}
.page_servicesLanding .hero-unit section p {
    font: 15px/22px bitter-regular;}
#faqSection .nav-tabs > li > a{
	 font: bold 18px arial;
	 color:#878787
}
#faqSection .nav-tabs > li.active > a{
	 font: bold 18px arial;
	 color:#2398d6
}
	
/** font and padding full site Ends **/

	
/** thank you page **/
#thankYouSection {
    color: #588025;
    font: 18px arial;
    padding: 100px 0 70px;
}
#thankYouSection p {
    margin: 0 auto;
    padding: 26px;
    width: 716px;
}
.page_thankYou .main_banner {
    margin: 0;
    padding: 0;
}
	
/** Common modle styling Start **/
.modal {
    background: #F4F4F4;
}
.modal-header {
    border-bottom: 1px dotted #CCCCCC;
	padding:15px
}
.modal-header > h3 {
    color: #2398D6;
    font: bold 20px bitter-regular;
    text-transform: uppercase;
}

.modal-header .close {
    color: #C70C0C;
    font: bold 10px/24px arial;
    margin-top: 2px;
    opacity: 1;
}
.close > span {
    float: left;
    font: bold 16px arial;
    margin: 3px;
}
/** modle styling Ends **/


/** modal-DefaultScope styling **/
#modalDefaultScope .nav-tabs li a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/background/product_html_1.png");
    background-origin: padding-box;
    background-position: -15px center !important;
    background-repeat: no-repeat;
    background-size: 60px auto !important;
    color: #818181;
    cursor: pointer;
    font: bold 14px arial;
    padding: 20px 8px 20px 45px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}
#modalDefaultScope .nav-tabs li.active a, #modalDefaultScope .nav-tabs li.active a:hover, #modalDefaultScope .nav-tabs li.active a:focus {
    background: url("../img/background/product_html_2.png") no-repeat scroll 0 0 transparent;
	color: #000;
}
#modalDefaultScope .nav-tabs li.wp a {
    background: url("../img/background/product_wp_1.png") no-repeat scroll 0 0 transparent;
	padding-left: 46px;
}
#modalDefaultScope .nav-tabs li.wp.active a, 
#modalDefaultScope .nav-tabs li.wp.active a:hover{
    background: url("../img/background/product_wp_2.png") no-repeat scroll 0 0 transparent;
}
#modalDefaultScope .nav-tabs li.dupal a {
    background: url("../img/background/product_dupal_1.png") no-repeat scroll 0 0 transparent;
	padding-left: 46px;
}
#modalDefaultScope .nav-tabs li.dupal.active a, 
#modalDefaultScope .nav-tabs li.dupal.active a:hover{
    background: url("../img/background/product_dupal_2.png") no-repeat scroll 0 0 transparent;
}
#modalDefaultScope .nav-tabs li.magento a {
    background: url("../img/background/product_magento_1.png") no-repeat scroll 0 0 transparent;
}
#modalDefaultScope .nav-tabs li.magento.active a, 
#modalDefaultScope .nav-tabs li.magento.active a:hover{
    background: url("../img/background/product_magento_2.png") no-repeat scroll 0 0 transparent;
}
#modalDefaultScope .nav-tabs li.jhoomla a {
    background: url("../img/background/product_jhoomla_1.png") no-repeat scroll 0 0 transparent;
}
#modalDefaultScope .nav-tabs li.jhoomla.active a, 
#modalDefaultScope .nav-tabs li.jhoomla.active a:hover{
    background: url("../img/background/product_jhoomla_2.png") no-repeat scroll 0 0 transparent;
}
#modalDefaultScope .nav-tabs a span{
    display: inline-block;
    text-align: center;
    width: 100%;color:#c62525;}

#modalDefaultScope .nav-tabs > li {
    margin: 0 20px -1px;
}
#modalDefaultScope .nav-tabs > li:first-child{
	margin-left:10px;
}
#modalDefaultScope {
    left: 40%;
    width: 786px;
}
#modalDefaultScope #faqSection .nav-tabs > li.active > a {
    border-radius: 0 0 0 0;
    font: bold 14px arial;}
#modalDefaultScope .nav-tabs li a:hover{border-bottom:none}


#modalDefaultScope .tab-content ul {
    float: left;
    margin: 15px 0 18px 25px;
    width: 46%;
}
#modalDefaultScope .tab-content ul li {
    color: #363636;
    font: 14px arial;
    list-style: disc outside none;
    padding: 8px 3px 0;
}
#modalDefaultScope a{color:#ED1D24}
#modalDefaultScope #faqSection{background:none;
    padding-bottom: 15px;
}
/** modal-DefaultScope styling ends**/


/** modal-custom Requirements styling **/

#modalContactForm {
    left: 40%;
   width: 786px;
}

#modalContactForm p {
    float: left;
    margin: 0;
    padding: 1% 2.5%;
    width: 45%;}
#modalContactForm .modal-body {
    max-height: 450px;
    padding: 0;
}
#modalContactForm form.customRequirements {
    background: none;
    border: medium none;
    box-shadow: none;
    position: relative;
    width: 100%;
    margin: 0;
	top:0
}
#modalContactForm  p{
    float: left;
    padding: 1% 2.5%;
    width: 45%;
}
#modalContactForm  p.fullWidth{width:97% !important}
.text-black{color:#363636 !important}

.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}

/* achievements */
#achievements div {
    background: url("../img/background/happy_icon.gif") no-repeat scroll left 10px transparent;
    border-bottom: 1px dashed #A09E9E;
    font: bold 13px arial;
    padding: 25px 0 25px 68px;
}
#achievements div.dev {
    background: url("../img/background/ppl_icon.gif") no-repeat scroll left center transparent;
}

#achievements div.proj {
    background: url("../img/background/proj_icon.gif") no-repeat scroll left center transparent;
    border: medium none;
}
#achievements p {
    color: #2598D7;
    font: bold 24px arial;
    margin: 0;
}
#achievements div.client {
    padding-top: 6px;
}
.formFields label span {
    color: #ED1D24
}

#contactSection {
    padding: 10px 0 40px;}
.page_contact #modalContactForm{width:auto;}
.page_contact .formFields{padding:0}
.page_contact .formFields select{width: 100%;}
.page_contact .formFields textarea{margin: 0;}
.page_contact form.customRequirements{color:#000}
.page_contact .addedFee {
    color: #2398D6;
    font: 11px arial;
    margin-bottom: 10px !important;}
.page_contact .total{color:#e11418; font:bold 30px arial;padding-top: 30px !important;}
.page_contact .span9{width:680px}
#contactSection aside .address{
    background: url("../img/background/address_icon.gif") no-repeat scroll left top transparent;
}
#contactSection aside .phone{
    background: url("../img/background/phone_icon.gif") no-repeat scroll left top transparent;
}
#contactSection aside .email{
    background: url("../img/background/skype_icon.gif") no-repeat scroll left top transparent;
}
#contactSection aside .payback {
    background: url("../img/background/payment_aside_bg.gif") no-repeat scroll left top transparent;
    border-bottom: 1px dotted #CCCCCC;
    height: 168px;
    margin-bottom: 33px;
}
#contactSection aside p{padding: 0 0 10px 26px}

#contactSection aside h2 {
    border-bottom: 1px dotted #CCCCCC;
    color: #484848;
    font: 15px bitter-regular;
    margin-bottom: 24px;
    padding-bottom: 10px;
    text-transform: uppercase;
}




.hero-unit .slide2 img {
    float: left;
}
.hero-unit .slide2 figcaption {
    color: #FFD03D;
    float: left;
    font: 21px bitter-bold;
    padding-top: 16px;
    text-transform: uppercase;
    width: 120px;
}
.hero-unit .slide2 .span4:first-child  figcaption {
	padding-left:10px
}
.page_home .hero-unit .slide2 {
    padding-top: 21px;
}
.page_home .hero-unit .slide2 .span4:first-child {
    width: 328px;
}
.page_home .hero-unit .slide2 .span4 {
    width: 300px;
}
.hero-unit .span3 > figure {
    margin: 0;
    padding: 0;
}
.formFields input[type="image"] {
    width: auto;
}
.uploadFile .hide{display:none !important}
.uploadFile #browse_btn {
    bottom: -2px;
    position: absolute;
    right: 5px;
}
.uploadFile {
    position: relative;
}
.uploadFile > label {
    float: left;
}
a#enterURL {
    float: left;
    margin: 3px 0 0 3px;
}
#selProduct .span6 h4 label {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}
#selProduct .span6:first-child > p {
    padding-left: 0;
}
#implementation_type {
    float: none;
	text-transform:capitalize;
}
#servicesSection article figcaption.wp {
    font-size: 32px;
    right: 25px;
}
#frm_newlead .submit{text-align:center}

.slideimages > article {
    float: left;
    width: 990px;
}
.modal .uploadFile #browse_btn {
    bottom: 6px;
    right: 22px;
}

#productDetails .uploadFile #browse_btn {
    bottom: -2px;
    right: 0;
}

.examples .nav-tabs > li > a:hover, .examples .nav-tabs > li > a:focus{background:none}
#faqSection.examples .nav-tabs > li.active > a {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}
#faqSection.examples .nav-tabs > li > a {
    border: medium none;
    display: inline;
    padding: 0;
    width: auto;
	margin:0 5px
}
#faqSection.examples .nav-tabs a span{margin:0}
#faqSection.examples .nav-tabs{border:none}

#faqSection.examples .popularTag .tags span {
    background: url("../img/background/tags_no_sel.png") no-repeat scroll 0 0 transparent;
    border-right: 1px solid #7A7673;
    color: #656670;
}
#faqSection.examples .popularTag .tags .active span {
    background: url("../img/background/tags.png") no-repeat scroll 0 0 transparent;
	border-right: 1px solid #DE9853;
    color: #996633;
}

#exampleSection {
    background: url("../img/background/clientShowCase_separator.png") repeat-x scroll center 65px transparent;
}

#faqSection.examples {
    margin-top: -20px;
}
#exampleSection .tab-content {
    padding-top: 30px;
}
#exampleSection .title {
    color: #484848;
    font: 16px/29px bitter-bold;
    padding-right: 5px;
    text-transform: uppercase;
}
#exampleSection .popularTag {
    border: medium none;
    margin: 10px 0 0;
    padding: 0;
}

#exampleSection figure {
    border: 2px solid #FFFFFF;
    float: left;
    margin: 8px;
    overflow: hidden;
    position: relative;
}
#exampleSection figure p {
    background: url("../img/background/overlay_bg.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    height: 86%;
    left: 0;
    margin: 0;
    padding: 10% 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
}
#exampleSection figure span {
    background: url("../img/background/zoom_icon.png") no-repeat scroll 50% 30px transparent;
    display: block;
    font: 20px bitter-regular;
    height: 86px;
    text-transform: uppercase;
	}
#exampleSection figure p img {
    max-width: 80px;
}
#sampleImage .modal-body > figure {
    margin: 0;
    text-align: center;
}
#sampleImage.modal {
    height: 86%;
    left: 30%;
    width: 80%;
}
#sampleImage .modal-body {
    height: 74%;
    max-height: 630px;
}
#sampleImage .modal-body img {
    width: 98%;
}
.requestQuote .uploadFile #browse_btn {
	bottom: 5px;
	position: absolute;
	right: 17px;
}



@media all and (min-width : 768px) and (max-width :1024px)
{
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:90%;}
.navbar .nav > li {margin-left: 0;}
.navbar .nav > li > a{padding:8px; font-size:14px;}
.navbar .nav > li.midLi { margin-left: 230px;}
.logo{left:34%; background-size:100% 100%; width:220px;}
.paging{left:128px;}
.nav-pills li{margin:12px 3px 0;}
.nav > li > a > img{width:200px;}
.nav-pills > li > a, .nav-pills > li > a:hover{margin-top:-6px;}
.chooseWhy section{width:65%;}
.chooseWhy article{width:45%; height:170px; overflow:hidden;}

#chooseWhy aside { float: right; width: 30%;}
#chooseWhy aside > div { padding: 0; width: 100%;height:350px; background:url("../img/background/testimonials.png") transparent; background-size:100% 100%;
}
#chooseWhy aside p{width:26%; padding-right:4%;}
#cmsThemingOverview .span5{width:50%;}
.span8 { width: 48%;}
.span8 .nav.nav-pills img { width: 70px;}

#cmsThemingOverview .nav-pills li {  margin: 0 6px;  width: auto;}

footer .navigation { float: left; padding-right: 3%;}
.pull-right { float: right; width: 20%;}
.socialLinks a { margin-right: 0;}
.bottomFooterLinks{width:90%;}
footer .phone{font-size:18px !important; margin:0 0 5px;}
.socialLinks{padding-top:5px;}
footer .navigation {
    float: left;
    padding-right: 2%;
    width: 16%;
}
footer .navigation:nth-child(2) {
    float: left;
    padding-right: 2%;
    width: 22%;
}

#aboutSection article {
    margin-right: 5%;
    width: 30%;
}
#whyUsSection article{width:45%; min-height:160px;}
#whyUsSection article:nth-child(even){margin-right:0;}
#whyUsSection article:nth-child(odd){margin-right:5% !important;}
#servicesSection article{width:30%; padding-left:2%; padding-right:2%;}
#servicesSection ul{min-height:280px;}
#exampleSection figure{width:30%;}
#faqSection .nav-tabs > li.active > a{font-size:15px;}
.nav-tabs > li > a, .nav-pills > li > a{padding-left:5px; padding-right:5px;}
#faqSection .nav-tabs > li > a{font-size:15px;}
.page_faq .tab-pane h4{font-size:13px;}
.page_servicesLanding .hero-unit header, .page_servicesLanding .hero-unit section{width:40%;}
form.customRequirements{width:50%;}
.page_servicesLanding .hero-unit h1{width:100%; font-size:42px;}
.page_servicesLanding .hero-unit h1 strong{font-size:42px;}
.landingOrder, a.landingOrder:hover{width:100%; background-size:100%;}
.landingOrder, a.landingOrder:hover{font:bold 28px/68px arial;}
.landingOrder small{top:-2px;}
.landingOrder > span{width:60px;}
#serviceLanding section{width:50%; padding-right:5%;}
#serviceLanding article{width:47%; padding-right:5%;}
#serviceLanding aside{width:40%; padding-top:65px;}
.pull-right{width:40%;}
#exampleGallery img{width:22%; margin:30px 2% 35px 0;}
.chooseWhy article{height:195px;}
.page_contact .span9 {
    width: 55%; margin:0;
}
.pull-right {
    margin-left: 0;
    width: 21%;
}
.page_home .hero-unit .span4 {
    width: 210px;
}

.slideimages > article {
    float: left;
    width: 15%;
}

}


@media all and (min-width : 980px) and (max-width :1024px)
{
.navbar .nav > li { margin-left: 15px;}

.navbar .nav > li.midLi {margin-left: 320px;}
.logo{  left: 35.58%;
    width: 246px;}
.navbar .nav > li > a {font-size: 16px; padding: 10px;}
.nav-pills li { margin: 0 25px;}
.paging { left: 243px;}
.nav.nav-pills { margin-bottom: 32px;}
.slideimages2{width:870px !important;}
#whyUsSection article{width:306px;}
#whyUsSection article:nth-child(2n+1){margin-right:0 !important;}
#exampleSection figure{width:20.5%; margin:2%;}
#exampleGallery img{width:22%;}
.chooseWhy article {
    height: 145px;
}
.slideimages > article{width:10%;}

.page_home .hero-unit .span4 {
    width: 260px;
}
}


@media all and (max-width : 767px)
{

.navbar .btn-navbar {
    display: block;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:90%;}
.navbar .nav > li {margin-left: 0;}
.navbar .nav > li > a{padding:10px; font-size:14px;}
.navbar .nav > li.midLi { margin-left: 230px;}
.logo{left:34%;}
.paging{left:128px;}
.nav-pills li{margin:12px 5px 0;}
.nav > li > a > img{width:200px;}
.nav-pills > li > a, .nav-pills > li > a:hover{margin-top:-6px;}
.chooseWhy section{width:65%;}
.chooseWhy article{width:45%; height:170px; overflow:hidden;}

#chooseWhy aside { float: right; width: 30%;}
#chooseWhy aside > div { padding: 0; width: 100%;height:350px; background:url("../img/background/testimonials.png") transparent; background-size:100% 100%;
}
#chooseWhy aside p{width:26%; padding-right:4%;}
#cmsThemingOverview .span5{width:50%;}
.span8 { width: 48%;}
.span8 .nav.nav-pills img { width: 70px;}

#cmsThemingOverview .nav-pills li {  margin: 0 6px;  width: auto;}

footer .navigation { float: left; padding-right: 3%;}
.pull-right { float: right; width: 20%;}
.socialLinks a { margin-right: 0;}
.bottomFooterLinks{width:90%;}
footer .phone{font-size:18px !important; margin:0 0 5px;}
.socialLinks{padding-top:5px;}
footer .navigation {
    float: left;
    padding-right: 2%;
    width: 16%;
}
footer .navigation:nth-child(2) {
    float: left;
    padding-right: 2%;
    width: 22%;
}

.navbar .nav {
    display: none;
}
}


@media all and (max-width : 603px)
{
.hero-unit h1{font-size:28px;}
.nav-pills li{font-size:14px; width:85px; margin:12px 2px 0;}
.nav > li > a > img {width: 170px;}
.paging {left: 55px;}
.nav.nav-pills { margin-bottom: 28px;}
.chooseWhy section { width: 100%;}
#chooseWhy aside{width:100%; float:left;}
#chooseWhy aside p {padding-right: 2%; width: 30%;}
#chooseWhy aside > div{height:270px;}

#cmsThemingOverview .span5 {width: 100%;}
.span8{width:100%;}

.span8 .nav.nav-pills img {
    float: left;
    width: 100px;
}

footer .navigation {
    float: left;
    padding-right: 2%;
    width: 48%;
}
footer .navigation:nth-child(2) {
    float: left;
    padding-right: 0;
    width: 50%;
}
body > footer{height:545px; background:url("../img/background/footer.png");}

.pull-right {
    float: right;
    width: 100%;
}
.bottomFooterLinks{bottom:5px;}

.logo {
    left: 30%;
}

#aboutSection article {
    float: left;
    margin: 20px 10% 40px 0;
    text-align: justify;
    width: 45%;
}
#aboutSection article:nth-child(2){ float: left;
    margin: 20px 0 40px 0;
    text-align: justify;
    width: 45%;}
#aboutSection article:last-child{width:100% !important; float:left; margin-top:20px !important;}

#whyUsSection article {
    float: left;
    margin: 20px 5% 40px 0;
    width: 45%; height:190px; overflow:hidden;
}
#servicesSection article{width:46%; padding-left:2%; padding-right:2%; min-height:360px; border-bottom:0;}
#servicesSection article:nth-child(odd){padding-left:0; padding-right:2%;}
#servicesSection article:nth-child(even){border-left:1px dotted #eee; border-right:1px dotted #eee; padding-left:2%; padding-right:2%; margin-bottom:35px;}
#exampleSection figure{width:44%; margin:2%;}

#exampleSection .container img {
    width: 100%;
}
.popularTag .tags span{padding:4px 5px 6px 17px}
#faqSection.examples .nav-tabs > li > a{margin-left:2px; margin-right:0;}

.nav-tabs > li {
    margin-bottom: -1px;
    width: 50%;
}
#faqSection .nav-tabs > li.active > a{font-size:15px;}
#faqSection .nav-tabs > li > a{font-size:15px;}
.page_faq .tab-pane h4{font-size:13px;}
.page_faq .tab-pane p{font-size:12px;}
form.customRequirements{width:50%;}
.page_servicesLanding .hero-unit header, .page_servicesLanding .hero-unit section{width:40%;}
.page_servicesLanding .hero-unit h1{width:70%; font-size:22px; padding-left:5%; line-height:38px;}
.page_servicesLanding .hero-unit h1 strong{font-size:40px;}
.landingOrder, a.landingOrder:hover{width:100%; background-size:100%;}
.landingOrder, a.landingOrder:hover{font:bold 22px/60px arial;}
.landingOrder > span{width:50px;}
.landingOrder small{top:0;}
.clearfix > img {width: 25%;}
.page_servicesLanding .hero-unit h2{font-size:16px;}
.page_servicesLanding .hero-unit section p{font-size:13px;}
#serviceLanding section{width:48%; padding-right:5%;}
.page_home h2, .page_about h2, #serviceLanding h2{font-size:22px;}
#serviceLanding p{font-size:12px;}
#serviceLanding article{width:100%; padding-right:0;}
.chooseWhy article{height:auto;}

#serviceLanding aside {
    overflow: hidden;
    padding-top: 130px;
    width: 40%;
}

#exampleGallery img {
    border: 2px solid #fff;
    margin: 30px 5% 35px 0;
    width: 42%;
}

.page_contact .span9 {
    margin-left: 0;
    width: 55%;
}
.page_home .hero-unit .span4 {
    width: 240px;
}

.slideimages > article {
    float: left;
    width: 19%;
}
}



@media all and (max-width : 480px)
{
.logo {left: 22%;}

.hero-unit h1 {
    font-size: 18px;
}
.paging{width:312px;}
.hero-unit .desc{font-size:13px;}
.slideimages > article{width:90%;}
.chooseWhy article {
    height: auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.span8 p {
    text-align: justify;
}

#chooseWhy aside > div {
    height: 240px;
}

.page_home h2, .page_about h2, #serviceLanding h2 {
    font: 18px bitter-regular;
    text-align: left;
}

.cmsThemingDesc.span5 > p {
    font-size: 12px;
}
footer .nav.nav-pills > li {
    font-size: 14px;
    margin: 12px 0 0;
    width: 100% !important;
}
#cmsThemingOverview .nav-pills li{width:50%; margin:0;}
.hero-unit footer {
    background: url("../img/background/hero_bottom.png") no-repeat scroll center bottom transparent;
    height: 238px;
    margin-bottom: -16px;
}
.paging {
    left: 0;
}
#aboutSection article{width:100%; margin:0;}
.last{margin-top:20px !important;}

#aboutSection article:nth-child(2) {
    float: left;
    margin: 20px 0 40px;
    text-align: justify;
    width: 100%;
}

#whyUsSection article {
    float: left;
    height: auto;
    margin: 20px 0 40px;
    overflow: hidden;
    width: 100%;
}

.orderNow img {
    width: 200px;
}
#servicesSection article{width:100%; padding:0;}
#servicesSection article figcaption{right:180px;}

.nav.nav-tabs.tags > li {
    width: 22%;
}

.page_servicesLanding .hero-unit header, .page_servicesLanding .hero-unit section {
    width: 100%;
}

form.customRequirements {
    width: 100%;
}
.landingOrder, a.landingOrder:hover {
    background-size: 100% auto;
    padding-left: 10%;
    width: 90%;
}
form.customRequirements{position:static; margin-top:30px;}

#serviceLanding section {
    padding-right: 0;
    width: 100%;
}
#chooseWhy article{height:auto; min-height:initial !important;}
.chooseWhy article{height:auto; min-height:initial !important;}

#serviceLanding aside {
    border-top: 1px solid #ccc;
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
}

.slideimages > article {
    width: 12%;
}

.page_home .hero-unit .span4 {
    width: 210px;
}
.paging{top:-23px;}

.page_contact .span9 {
    margin-left: 0;
    width: 100%;
}
body > footer{background:url("../img/background/footer1.png"); background-size:auto 100%;}
.per-hur-r , .hire-experincd{ width:99%!important; max-width:100%; }
.ht-developer li{ width:99%!important;padding: 0 0 0 25px!important;}
}


@media all and (max-width : 320px)
{
.logo {
    left: 12%;
}

.paging {
    left: -12px;
}
.paging a{margin-right:102px;}
#servicesSection article figcaption{right:40px;}

.nav.nav-tabs.tags > li {
    width: 35%;
}
#exampleSection{background-position:center 100px;}

.slideimages > article {
    width: 18%;
}

.page_home .hero-unit .span4 {
    width: 210px;
}
}
.addedFee {
    display: none;
}

.ht-developer{width:1005; float:left;}
.ht-developer li{background:url(../img/background/tick.png); font-size:14px; color:#a4a4a4; background-position:0 center;  font-family: arial; padding:0 0 0 4%; list-style:none; width:46%; float:left; background-repeat:no-repeat;}
.per-hur{background-color:#18aad4; width:152px; height:152px ; text-align:center; text-shadow:0 1px 2px #000; border-radius:100px; float:left; font-size:19px; color:#fff; font-family:bitter-regular; text-transform:uppercase;margin-top: 12px;}
.per-hur img{width:52px; margin-top:-21px;}
.per-hur p{font-size:19px; line-height:38px; color:#fff; font-family:bitter-regular; text-transform:uppercase;}
.per-hur span{font-size:59px; line-height:59px; font-family:bitter-bold; display:block;}
.ht-developer ul{margin:0; padding:0;}
.per-hur-r{float:left; width:393px;}
.per-hur-r strong{display:block; line-height:64px;}
.hire-html-developer-form{width:330px; position:fixed; float:left; background-color:#f8ea1b; border-radius:5px 5px 0 0; border:3px solid #2aaedf;   right:0px; bottom:0; z-index:999;}
.hire-html-developer-form-top{width:100%; float:left; background-color:#2aaedf;	}
.hire-html-developer-form-top h2{font-size:26px; font-family:bitter-bold; text-align:center;}
.hire-html-developer-form-bottom h2{margin-top:20px; display:block; text-align:center; color:#000; font-family:bitter-bold; font-size:63px;}
.hire-html-developer-form-bottom h2 span{font-size:33px;}
.hire-html-developer-form-bottom{width:100%; float:left;}
.hire-html-developer-form-bottom li{background:url(../img/background/tick.png); background-position:0 10px; color:#000; padding:4px 15px 4px 25px; list-style:none; font-size:13px; font-family:arial; background-repeat:no-repeat; border-bottom:1px solid #c2b715;}
.hire-html-developer-form-bottom li:last-child{border-bottom:none;}
.hire-html-developer-form-bottom ul{margin:0 24px 0 15px;}
.hire-html-developer-form .know-more{background:url(../images/know-more.png);  color:#f8ea1b;  font-family:bitter-bold; text-decoration:none; cursor:pointer; background-repeat:no-repeat; background-position:center; height:44px; width:162px; margin:0 auto; display:block; clear:both; font-size:18px; padding-top:15px; text-align:center; margin-top:4px;}
.clse-btn{position:absolute; top:-20px; right:0;}
.live-chat-head{background-color:#b6b6b6; width:237px; height:37px; position:absolute; border-radius:0 0 10px 10px; right:16%;}
.live-chat-head ul{list-style:none; margin:0 10px;}
.live-chat-head li{float:left; padding:8px 0 8px 23px;}
.live-chat-head li:first-child{background:url(../images/live-chat.png); background-position:0px center; background-repeat:no-repeat; border-right:1px solid #a2a2a2; padding-right:12px;}
.live-chat-head li:nth-child(2){background:url(../images/client-area.png); background-position:8px center; background-repeat:no-repeat;border-left:1px solid #c3c3c3; padding-left:31px;}
.live-chat-head li a{color:#fff; text-shadow:0 0 5px #000; font-size:11.87px;  font-family:bitter-regular; text-transform:uppercase;}
.hire-experincd{width:393px; float:left; margin-left:20px;}

.navbar .nav > li {margin-left: 15px;}
form.customRequirements .heading{border-radius:15px 15px 0px 0;}
@media all and (min-width : 1400px) and (max-width : 2000px)
{
.live-chat-head{right:25%;}
}
@media all and (max-width : 768px)
{
.hire-html-developer-form{display:none;}
}