/*== Global CSS
=================================*/
input, textarea, select{outline:none;}
h1, h2, h3, h4, h5, h6{line-height:normal; font-weight:normal;}
.clear{clear:both;}
.row{float:left; width:100%;}
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
a{text-decoration:none; color:#c52b1b; cursor: pointer;}
ul{padding:0; margin:0;}
body{margin:0; padding:0; background:#fff; font-size:14px; color:#252525; font-family: 'HelveticaCE-Regular', Arial, Helvetica, sans-serif;}
.wrapper{ margin: 0 auto; max-width: 980px; min-width: 980px;}
img{max-width: 100%;}
.orange{color:#C74638;}
.pt60{padding-top:60px;}
.pt50{padding-top:50px;}
.pt18{padding-top:18px;}
.pt20{padding-top:20px;}
.lh16{line-height: 16px;}
.vmid { vertical-align: middle;}
.commonhead{ color: #202020; cursor: default !important; display: block; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px; padding-bottom: 10px; text-decoration: none; width: 100%; padding-top: 3px; letter-spacing: -0.035em;} 
.floatright { float: right !important;}
.pt2 { padding-top: 2px !important;}
.normalhead { color: #252525; cursor: default !important; display: block; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 28px; letter-spacing: -0.035em; padding-bottom: 5px; text-decoration: none; width: 100%;}
.line15 { line-height: 15px;}
.f13{font-size:13px;}
.mb30 { margin-bottom: 30px !important;}
.pb30 { padding-bottom: 30px !important;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.mt10{margin-top:10px;}
.mt25{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.hide { display: none;}
.botline {border-bottom: 1px solid #D5D2CB;}
.pl0{padding-left:0 !important;}
.lh22 {  line-height: 22px;}

/*== Header CSS
=================================*/

header#header{float:left; width:100%; background: #1a1a1c; z-index: 9999;transition: all 700ms ease 0s;}
header#header .logo{float:left;}
header#header .logo a{width:180px; height: 55px; background:url(../images/bg/logo.png) no-repeat center center; display:inline-block; text-indent: -9999px;}

/* Navigation */
nav#navigation{float: left; height: 55px; padding: 0 0 0 78px;}
nav#navigation ul{float:left;}
nav#navigation ul li{list-style: none; float:left; font-size:13px; position:relative;}
nav#navigation ul li a{color:#fff; padding:0 6px 0 6px; background: url(../images/bg/nav-div.png) no-repeat left center;height: 55px; line-height: 55px; display:inline-block; transition: all 700ms ease 0s;}
nav#navigation ul li:first-child a{background: none;}
nav#navigation ul li:last-child a{padding-right:0;}
nav#navigation ul li a:hover{color:#e25444;}
nav#navigation ul li.active a{color:#e25444;}
nav#navigation ul li.selected a{color:#e25444;}
header .contact{background: url(../images/bg/phone.png) no-repeat 15px 20px #484848; float: right; font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-size: 12px; height: 55px; line-height: 55px; padding: 0 15px 0 28px; color:#fff;}
nav#navigation ul li .drop-menu { background: none repeat scroll 0 0 #252525; border: 1px solid #252525; display: none; float: left; left: 6px; position: absolute; top: 44px; width: 318px; z-index: 9999;}
nav#navigation ul li .drop-menu .top-arrow { background: url(../images/bg/top-arrow.png) no-repeat left top; float: left;  height: 9px; left: 20px; position: absolute; top: -7px;  width: 20px;}
nav#navigation ul li .drop-menu h2 { background: #484848; border-bottom: 1px solid #000000; color: #FFFFFF; display: block; float: left;  font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-size: 11px; line-height: 12px; padding: 15px 20px 12px 22px;text-transform: uppercase;
    width: 276px;}
nav#navigation ul li .drop-menu h2 span { color: #818181; display: block; font-family: 'HelveticaCE-Regular',Arial,sans-serif; font-size: 10px; font-weight: normal;  text-transform: none;}
nav#navigation ul li .drop-menu .links-area { background: url(../images/bg/top-links-drop-slide.png) no-repeat 190px 12px; float: left; font-family: 'HelveticaCE-Regular',Arial,sans-serif; line-height: 14px; padding: 14px 140px 14px 23px; position: relative;
    width: 158px;}
nav#navigation ul li .drop-menu .links-area a:first-child { border-top: medium none;}
nav#navigation ul li .drop-menu .links-area a { border-top: 1px solid #393939; color: #D3D3D3 !important;  display: block; float: left; font-size: 12px; padding: 5px 0; text-decoration: none; width: 100%; height:auto; line-height:inherit;}
nav#navigation ul li .drop-menu .links-area a span { background: url(../images/bg/top-links-drop-slide.png) no-repeat 0 0; display: none; float: left; height: 119px; left: 187px; position: absolute; text-indent: -9999px; top: 18px;width: 120px; z-index: 200;}
nav#navigation li:hover .drop-menu { display: block;}
nav#navigation ul li .drop-menu .links-area a:hover{ color: #c74638 !important;}
nav#navigation ul li .drop-menu .links-area a.link2:hover span { background-position: 0 -240px !important;}
nav#navigation ul li .drop-menu .links-area a.link1:hover span { background-position: 0 -120px !important;}
nav#navigation ul li .drop-menu .links-area a.link3:hover span { background-position: 0 -360px !important;}
nav#navigation ul li .drop-menu .links-area a.link4:hover span { background-position: 0 -480px !important;}
nav#navigation ul li .drop-menu .links-area a.link5:hover span { background-position: 0 -600px !important;}
nav#navigation ul li .drop-menu .links-area a:hover span { display: block;}

/*== Banner CSS
=================================*/

.banner{float:left; width:100%; background:url(../images/appsted-main-bg.gif) repeat 0 0; height:580px; 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 h1{font-size:99px;font-family:'HelveticaCE-Bold'; line-height: 75px; letter-spacing: -10px !important; text-transform: uppercase; width:100%; }
.banner .innerheading{font-size:99px;font-family:'HelveticaCE-Bold'; line-height: 75px; letter-spacing: -10px!important; text-transform: uppercase; width:100%; }
.banner .mainheading{font-size:99px;font-family:'HelveticaCE-Bold'; line-height: 75px; letter-spacing: -10px!important; text-transform: uppercase; width:100%; }
.banner h1 span{font-size:65px!important; letter-spacing: -3px!important; }
.banner h4{font-size:16px; line-height: 5px; }
.banner.corporate p{font-size:16px; line-height: 5px; }
.quicklinks{position: fixed; right: 0; width:44px; top:180px; z-index: 99999; line-height:5px;}
.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 CSS
=================================*/

.contnet_section{float:left; width:100%; font-size:15px; color:#444444;}
.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 0s;}
.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:-0.5px; width:100%; float:left;font-family:'breuertextbold'; 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 0s;}
.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;}

/*== How do we do it Section CSS
=================================*/

.work_process{float:left; width:100%; text-align: center; color:#252525; font-size:34px;  padding-top:45px; padding-bottom:5px; }
.section-heading{ padding-bottom:7px;font-family:'breuertextbold'; line-height:15px; letter-spacing:-0.035em; color:#252525; font-size:34px; text-align: center;}
.work_process h2{ padding-bottom:7px;font-family:'breuertextbold'; line-height:20px; letter-spacing:-0.035em; }
.work_process h5{color: #252525; float: left; font-size: 16px; padding: 0 0 30px; width: 100%; }
.work_process ul{/*float:left; width:100%;*/ text-align: center; }
.work_process ul li{list-style: none;}

/*== Tab Section CSS
=================================*/

.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:#444444; border-radius:3px 3px 0 0; transition: all 500ms ease 0s; font-family: 'breuertextregular'; line-height:16px;}
.tabs ul li:hover{}
.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:#444444; text-decoration:none; width:194px; padding:20px 20px 10px 20px; height:130px;}
.tabs ul li a label, .tabs ul li a .tab-title{ background: url(../images/bg/sprite.png) no-repeat left top; color: #252525; display: block; font-family: 'breuertextbold',Arial,sans-serif; font-size: 18px; font-weight: normal; line-height: 15px; min-height: 40px; padding: 5px 0 10px 50px; transition: all 500ms ease 0s; letter-spacing:-0.005em;}
.tabs ul li.selected{background:url(../images/bg/gray-patch.png);}
.tabs ul li.wordpress a label, .tabs ul li.wordpress a .tab-title { background-position: 0 0; font-weight: normal;}
/*.tabs ul li.wordpress.selected a label{background-position: 0 -400px;}*/ 
.tabs ul li.joomla a label, .tabs ul li.joomla a .tab-title{ background-position: 0 -196px; font-weight: normal;}
/*.tabs ul li.joomla.selected a label{background-position: 0 -500px;}*/
.tabs ul li.drupal a label, .tabs ul li.drupal a .tab-title{ background-position: 0 -396px; font-weight: normal;}
/*.tabs ul li.drupal.selected a label{background-position: 0 -600px;}*/
.tabs ul li.magento a label, .tabs ul li.magento a .tab-title{ background-position: 0 -594px; font-weight: normal;}
/*.tabs ul li.magento.selected a label{background-position: 0 -700px;}*/

/**/

.tabs ul li.wordpress:hover a label, .tabs ul li.wordpress:hover a .tab-title{background-position: 0 -97px;} 
.tabs ul li.joomla:hover a label, .tabs ul li.joomla:hover a .tab-title{background-position: 0 -296px;}
.tabs ul li.drupal:hover a label, .tabs ul li.drupal:hover a .tab-title{background-position: 0 -495px;}
.tabs ul li.magento:hover a label, .tabs ul li.magento:hover a .tab-title{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:#444444; font-size:12px; }
.tabs .tab_content h3{ color: #252525; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px; padding-bottom: 10px; width: 100%; letter-spacing:-0.025em;}
.tabs .tab_content p { line-height: 17px; margin-top:10px; font-family: 'breuertextregular'; font-size:14px;}
.tabs .tab_content a{color: #252525; font-family: 'breuertextbold',Arial,sans-serif; font-size: 14px; text-transform: uppercase;}
.tabs .tab_content a:hover{color: #c74638; font-family: 'breuertextbold',Arial,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: 'breuertextbold',Arial,sans-serif; font-size: 20px; padding-bottom: 10px; width: 100%; letter-spacing:-0.015em;}
.tabs .tab_content .feature_section ul { float: left; width: 100%; background:none!important; font-family: 'breuertextregular'; 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 0; }
.feature_section ul li:nth-child(4){float:left; }

/*== Project Example Section CSS
=================================*/

.project_example { float:left; width:100%; color:#252525; font-size:16px; padding:45px 0 40px 0; }
.project_example h2 { float:left; width:100%; text-align: center; font-family:'breuertextbold'; line-height:15px; letter-spacing:-0.035em; color:#252525; font-size:34px; padding-bottom:7px; }
.project_example h5 { width:100%; text-align: center;padding-bottom:35px; font-size:16px;}
.slider1{float:left; width:100%;}
.slider1 .slide{position: relative;}
.examle_title{background: url(../images/bg/transparent.png) repeat;  bottom: 4px; color: #FFFFFF; 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:normal;}
.examle_title span{font-size:10px; }
 
/*== Our Feature Section CSS
=================================*/

.our_feature  { float:left; width:100%; color:#444444; 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%;  repeat-x center 22px; letter-spacing: 0px !important; float:left; text-align: center; margin-bottom:25px;color:#252525; font-family: 'breuertextbold',Arial,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 #C74638; color: #FFFFFF; display: inline-block; font-family: 'breuertextbold',Arial,sans-serif;
 font-size: 24px; line-height: 32px; margin-bottom: 2px; padding: 0 8px; width: auto; letter-spacing:-0.2px}
.ourfeautre_content_left p{margin-top:10px; font-family: 'breuertextregular'; 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: 'breuertextregular'; 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 0s; }
.ourfeautre_content_row h4 { color: #252525; font-size: 18px; padding: 5px 0 3px 0; font-family: 'breuertextbold',Arial,sans-serif; letter-spacing:-0.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 CSS
=================================*/

.contact_section{float:left; width:100%; background: url(../images/bg/banner_bg.jpg) repeat; padding:45px 0; color:#fff; text-align: center; font-size:14px; margin-top:50px;  text-transform: uppercase; letter-spacing: -0.015em;}
.contact_section .contact-heading{font-size:26px;font-family: 'HelveticaCE-Bold',Arial,sans-serif; text-transform: uppercase; letter-spacing: -0.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 0s;}
.contact_option_row:hover figure{background: #308cd1;}
.contact_option_row figure img{margin-top:17px;}
.contact_option_row label{ font-family: 'breuertextbold',Arial,sans-serif; letter-spacing:-0.015em; display: block; color:#252525 ;text-align: left; padding-top:17px; text-transform: uppercase; font-size:20px; letter-spacing: -0.025em; line-height:18px; }
.contact_option_row a{text-align: left; color:#c74638; display:block; font-family: 'breuertextbold',Arial,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 Section CSS
=================================*/

footer#footer{float:left; width:100%; padding:60px 0; background: #090909; font-size:12px;}
.footer_top{float:left; width:100%;}
.footer_top_left{float:left; width:650px;}
.foot_col{float:left; width:185px; padding: 0 0 35px 40px;}
.foot_col:first-child{padding-left: 0;}
footer .columntitle { color: #FFFFFF; float: left; font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-size: 16px; padding-bottom: 20px; width: 100%;}
footer .columntitle a { color: #FFFFFF !important;}
footer a {color: #414141; text-decoration: none; transition: all 1000ms ease 0s;}
.foot_col ul li:first-child { border-top: medium none;}
.foot_col ul li { border-top: 1px solid #1C1C1C; display: block; line-height: 28px; color:#414141;}
footer a:hover { color: #FFFFFF; text-decoration: none;}
footer .right-area { float: right; text-align: right; width: 300px;}
footer .columntitle { color: #FFFFFF;  float: left;  font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px; padding-bottom: 20px; width: 100%; letter-spacing: -0.015em;}
footer .phone-contact { border-bottom: 1px solid #1C1C1C; float: right; margin-bottom: 13px; padding-bottom: 13px;}
footer .phone-contact span { color: #3A3A3A; display: block; font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-size: 33px; letter-spacing: -0.035em;}
.footer_bttm_left {float: left; width: 650px;}
footer ul.footer_bttm_left { float: left; padding-top: 7px; width: 100%;}
footer ul.footer_bttm_left li { float: left; list-style: none;}
footer li.fade { background:#1A1A1A; border: 1px solid #000000; margin-left: -1px; float:left; list-style: none;}
footer .facebook-foot { background: url(../images/bg/facebook-foot.png) no-repeat left top; display: block; float: left; height: 32px; text-indent: -9999px; width: 107px;}
footer .twitter-foot { background: url(../images/bg/tweet-foot.png) no-repeat left top; display: block; float: left; height: 32px; text-indent: -9999px; width: 106px;}
.fade a { opacity: 0.4;}
.fade a:hover { opacity: 1;}
footer .right-area {  float: right; text-align: right; width: 300px; color:#414141;}
footer .footer-logo { background: url(../images/bg/footer-logo.png) no-repeat center center; display: block; float: right; height: 21px; text-indent: -9999px;width: 166px; margin-bottom:5px;}
footer ul.social-foot li.content { float: left; line-height: 14px; padding:5px 0 0 10px; list-style: none;}
footer ul.social-foot{float: left; padding-top: 7px; width: 100%;}
.dmca { display: inline-block; height: 12px; overflow: hidden; width: 114px;}
footer ul.social-foot li.content a { display: block;}
.dmca a { background: url(../images/bg/protected.png) no-repeat left top #414141; display: inline-block !important; height: 12px; overflow: hidden; text-indent: -9999px; width: 114px;}

/*== Corporate Page CSS
=================================*/

.banner.corporate{height:122px; padding-top:52px;}
.banner.corporate h1{font-size:52px;font-family: 'HelveticaCE-Bold'; height: 54px; line-height: 50px; text-transform: uppercase; letter-spacing:-5px !important;}
.corporate_content{float:left; width:100%; color:#444444; 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:20px; float:left; width:100%;font-family: 'breuertextbold'; padding-bottom:20px; color:#252525; letter-spacing:-0.5px;}
.cp_col1 h3{font-size:20px; float:left; width:100%;font-family: 'breuertextbold'; padding-bottom:20px; color:#252525; letter-spacing:-0.5px;}
.cp_col1 p{padding-bottom:20px; line-height: 20px;}
.cp_col1 label{font-size:16px; float:left; width:100%;font-family: 'HelveticaCE-Bold'; color:#252525;}
.cp_col1 p a{color:#c74638;}
.management{border-bottom: 1px dashed #BBBBBB; border-top: 1px dashed #BBBBBB;  float: left; margin: 18px 0; padding: 15px 0 7px; position: relative; width: 100%;}
.management span.title1{ background:#FFFFFF; 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: #FFFFFF; float: left;  font-family: 'breuertextbold',Arial,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:#c74638; font-size:28px; font-family: 'breuertextbold',Arial,sans-serif; float:left; width:100%; font-weight:normal; letter-spacing:-1px; line-height:22px;}
.satis{float:left; width:100%; border:1px solid #dadada; padding:20px 0 16px; font-size:15px; margin: 25px 0 0px;}
.satis avtar, .satis .avtar{float:left; padding-left:18px; margin-top:3px;}
.satis_content{float: left; padding-left: 18px; width: 775px; }
.satis_content h4{color:#252525; font-size:34px; font-family: 'breuertextbold',Arial,sans-serif; float:left; width:100%; padding-bottom:12px; letter-spacing:-1px;}

/*== Services Page CSS
=================================*/

.services{float:left; width:100%; color:#444444; font-size:15px;}
.services_left{float:left; width:510px;}
.services_left .heading1{color: #c74638; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 55px; letter-spacing: -0.045em; line-height: 50px; width: 100%; }
.services p{line-height: 21px;}
.services_left .heading2 { color: #252525; float: left; font-family: 'breuertextmedium'; font-size: 34px; letter-spacing: -0.025em; line-height: 32px; padding-bottom: 26px; padding-top:0px; width: 100%;}
.services_left .heading2 h3{line-height: inherit;}
.services_left .heading1 h3{line-height: inherit;}
.benefits{float:left; width:100%; padding-top:45px;}
.benefits .services_heading{ color: #202020; cursor: default !important; display: block;  float: left; letter-spacing: -0.015em; font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px; padding-bottom: 10px; text-decoration: none; width: 100%;}
.benefits ul{float: left; font-size: 15px; line-height: 20px; width: 100%;}
.benefits ul li{ border-top: 1px solid #DDDDDD; display: block; float: left; padding: 9px 0; width: 100%;}
.benefits ul li span{ background:#c74638; border-radius: 14px; color: #FFFFFF; float: left; font-family: 'HelveticaCE-Bold',Arial,sans-serif; height: 23px; margin-top: 5px; padding: 5px 0 0; text-align: center; width: 28px;}
.benefits ul li label{float: right; padding: 2px 0; width: 470px;}
.services_right{ float: right; width: 405px;}
.services_right ul{width:100%; float:left;}
.services_right ul li{border-top: 1px solid #DDDDDD; float: left; padding: 18px 0 20px; width: 100%; list-style: none; cursor:pointer;}
.services_right ul li:hover span img{background: #c74638 !important;}
.services_right ul li a{color:#444444; cursor:pointer;}
.services_right ul li:first-child{ border-top: medium none; padding-top: 0;}
.services_right ul li span { float: left; width: 76px;}
.services_right ul li span img{background: none repeat scroll 0 0 #252525 !important;transition: all 500ms ease 0s;}
.services_right ul li label{ float: right; font-size: 15px; line-height: 20px; width: 314px; cursor:pointer;}
.services_right ul li label h2{color: #252525; display: block; font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px;font-weight: normal;  padding: 2px 0 10px; letter-spacing: -0.015em; line-height: inherit;}
.services_right ul li label a{color:#c74638;}

/*== Contact Page CSS
=================================*/

.contact_page{float:left; width:100%;}
.contact_left{ float: left; width: 630px;}
.contact_left p{font-size:16px;}
.contact_heading{ color: #202020; cursor: default !important; display: block; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 24px; letter-spacing: -0.015em; text-decoration: none; width: 100%;}
.contact_form{ float: left; padding-top: 25px; width: 100%;}
.contact_form dl{float: left; padding: 6px 0 8px 0; width: 100%;}
.contact_form dt{float: left; padding-right: 10px; width: 310px; font-size:12px;}
.contact_form dd{float: left; width: 310px; font-size:12px;}
.contact_form input.input-box1{border: 1px solid #CCCCCC; display: inline-block; margin-top: 5px; outline: medium none; padding: 8px 3px; width:292px;}
.contact_form dd input.input-box1{width:300px;}
.contact_form .input-box1{border: 1px solid #CCCCCC; display: inline-block; margin-top: 5px; outline: medium none; padding: 8px; width:292px;}
.contact_form input.input-box1.error { border-color: #ff968b; outline: none; }
.contact_form label.error { display: none !important;}
.contact_form section.input-box1{background: #FFFFFF; border: 1px solid #CECECE; 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:292px; display:inline-block; margin-top:5px;}
.upload-limit { font-size: 11px;}
.contact_form .input-box2{background:#FFFFFF; border: 1px solid #CECECE; 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 { /*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; 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 487px 65px !important; height: 150px; resize: none; width: 582px;}
.contact_form dl.full-width dd{float: left; padding: 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 #D1D1D1; border-radius: 2px 2px 0 0; float: left; padding: 25px 20px 28px; width: 278px; font-size:12px;}
.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{ color: #202020; cursor: default !important; display: block; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px; padding-bottom: 10px; text-decoration: none; width: 100%; letter-spacing: -0.025em;}
.contact_form dl.full-width dt { float: left; padding: 0 !important; width: 100%;}
.lower-area { float:left; width:278px; padding:25px 20px 38px 20px; /* height:279px;*/ border:solid 1px #d1d1d1; border-top:none; border-radius:0 0 2px 2px; }
.lower-area h6{color: #252525; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px; font-weight: normal; letter-spacing: -0.025em; margin-bottom: 18px; width: 100%;}
.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:#C74638;}

/*== Service Landing Page CSS
=================================*/

.banner.landing{text-align: left; height:350px!important;}
.banner.landing .wrapper{position: relative;}
.customer_requirement_outer{position: absolute; top:0; right:0; border-radius: 2px; width: 328px; padding:0 1.5px; background: url(../images/bg/col3_bg.png) repeat-x bottom;}
.customer_requirement h3{font-family: 'breuertextbold',Arial,sans-serif;}
.banner.landing .innerheading { text-transform: uppercase; letter-spacing: -6px; height:135px;}
.pagetitle .innerheading.oscommerce { font-family: "HelveticaCE-Bold"; font-size: 47.8px; letter-spacing: -5.3px !important; line-height: 55px; text-transform: uppercase; width: 100%;}
.pagetitle .innerheading.opencart { font-family: "HelveticaCE-Bold"; font-size: 55.8px; letter-spacing: -5.3px !important; line-height: 55px; text-transform: uppercase; width: 100%;}
.banner.landing .innerheading span{font-size:77px; letter-spacing: -5px;}
.banner.landing .innerheadingh4{ padding-top:5px; line-height:20px; font-size:16px;}
.banner.landing .innerheadingh4 a{color:#fff;}
.banner.landing .innerheadingh3{text-transform: uppercase; font-size:18px; padding-top:12px; padding-bottom:5px; letter-spacing:-0.025em;font-family: 'HelveticaCE-Bold',Arial,sans-serif;}
.banner.landing .innerheadingh3.website{text-transform: uppercase; font-size:17.5px; padding-top:12px; padding-bottom:5px; letter-spacing:-0.025em;font-family: 'HelveticaCE-Bold',Arial,sans-serif;}
.customer_requirement{padding: 10px 20px 25px; float:left; background: #fff; width:288px; border-radius: 2px; min-height: 500px; font-size:12px; text-shadow: none; color:#444444;}
.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:4px 0; width: 100%;}
.customer_requirement .form-area dt { float: left; padding-bottom: 2px; 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;}
.customer_requirement section.input-box1, .customer_requirement div.input-box1 { background: #FFFFFF; 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, .customer_requirement div.input-box1 .file-name { background:none; border: medium none; box-shadow: none; cursor: pointer; float: left; margin: 0; padding: 5px 0; width: 180px;}

.button3 {font-size:16px; color:#fff; font-family:'HelveticaCE-Bold'; margin-top:5px !important; display:inline-block; padding: 12px 39px !important; border-radius:3px; border:none!important; background: #252525;transition: all 300ms ease 0s; font-weight: normal; cursor:pointer; }
.button3:hover{background: #c74638;}


.submit-txt { float: left; font-size: 12px; line-height: 14px; padding: 7px 0 0 8px;}
.submit-txt strong { font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-weight: normal;}
.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:#444444;}
.service_landing{float:left; width:100%; padding-top:30px;}
.service_landing_left{float:left;width:600px;}
.service_landing p{line-height: 19px; font-family: 'breuertextregular';}
.service_heading{padding-bottom:22px;}

.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 #252525; 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:#308cd1; }
.steps-inline li { background-image: none; height: 165px; margin: 0; position: absolute; width: 165px;}
.steps label { color: #FFFFFF;	font-family: 'HelveticaCE-Bold',Arial,sans-serif;  font-size: 14px; padding:5px 0 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: 63px 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: #c74638; z-index: 2;}
.steps li.step-3 { background-color: #c74638; z-index: 3;}
.steps li.step-4 {background-color: #c74638;z-index: 4;}
.steps li.step-5 { background-color: #c74638; 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;}

/* Ajay */

.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: 60px;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, .design-features li div { color: #444444; display: block; float: left; line-height: 16px; padding: 0 0 0 14px; width: 225px; font-size:14px; font-family: 'breuertextregular';}
.design-features li a { color: #202020; cursor: default !important; display: block; font-family: 'breuertextbold',Arial,sans-serif; font-size:20px; letter-spacing:-0.015em; padding-bottom: 8px; text-decoration: none;}
.design-features{ float: left; width: 100%; padding-top:60px;}
.client_column{float:left; width:100%; padding-top:55px;}
.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-bottom: 1px solid #DADADA; list-style: none outside none; padding: 9px 0 9px 24px; font-family: 'breuertextregular',Arial,sans-serif; font-size: 15px; line-height:17px;}
.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:-0.015em; line-height:27px;}
.satisfaction figure{text-align: center; width:100%; float:left; margin-top:18px;}
.service_landing_right{float:right; width:330px; margin-top:265px;}
.hiring_area{width:260px; background: #fff; border:1px solid #dadada; padding:20px 33px; float:left;}
.hiring_area avtar, .hiring_area .avtar{text-align: center; width:100%; float:left;}
.hiring_area .pricing { color: #252525; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px; letter-spacing: -0.035em; line-height: 29px; padding-top: 10px; text-align: center; width: 100%;}
.hiring_area .pricing a { color: #252525; text-decoration: none; margin-bottom:5px; float:left; width:100%;}
.hiring_area .pricing a h2 {font-size: 22px;}
.hiring_area .pricing strong { color: #C74638; font-size: 45px; font-weight: normal; letter-spacing: -0.055em;}
.hiring_area .yellow-area { background: url(../images/bg/gray-patch.png) repeat 0 0; border: 1px solid #D8D8D8; border-radius: 2px; float: left; padding: 12px 25px 15px; width: 208px; margin-top:15px}
.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 { border-top: 1px solid #D1D1D1; float: left; font-size: 15px; padding: 3px 0; width: 100%; list-style: none;}
.hiring_area .yellow-area li span{font-size:11px;}
.hiring_area .yellow-area a.button3{padding:12px 38px; margin-top:10px;}

/*== Porfolio Page CSS
=================================*/

.portfolio{width:100%; float:left;}
.commonheading2{float:left; width:100%; text-align: center; font-size: 34px; color: #252528;}
.commonheading2 h2{  font-family: 'breuertextbold'; letter-spacing: -0.035em; line-height: 20px; padding-bottom: 5px;}
.commonheading2 h5{color: #252528; float: left; font-size: 16px; padding: 0 0 30px; width: 100%;}
.commonheading2 h3{color: #252528; float: left; font-size: 16px; 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 #FFFFFF; color: #252525; display: block; font-size: 18px; padding: 8px 0 8px 50px; position: relative; text-decoration: none; font-family: 'breuertextbold',Arial,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;}
.portfolio_nav ul li a:hover span, .portfolio_nav ul li.active a span { background-position: 0 -51px;}
.portfolio_nav ul li a:hover, .portfolio_nav ul li.active a{ background: none repeat scroll 0 0 #252525; color: #FFFFFF;}
.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: 35px 0 0;}
ul.examples-list li { background: url(../images/bg/lining-style2_4.png) repeat 0 0 ; float: left; margin: 0 29px 20px 0; padding: 5px; width: 296px; list-style: none;}
ul.examples-list li:hover .site-details { color: #FFFFFF; text-shadow: 0 -1px #252525;}
ul.examples-list li .thumbnail { border: 1px solid #FFFFFF; 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 #252525;}
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: -0.035em; line-height: 17px; padding: 15px 48px 0 8px;
 text-shadow: 0 1px #DDDDDD; 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: #777777; display: block; font-family: 'HelveticaCE-Regular',Arial,sans-serif; font-size: 10px; text-transform: uppercase;}
.portfolio_contnet:first-child { display: block;}
.our-brand { border: 1px solid #D7D7D7; border-radius: 3px; float: left; margin: 15px 0 5px; 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:#FFFFFF; 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 Page CSS
=================================*/

.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: 'breuertextbold',Arial,sans-serif; font-size: 20px; width: 100%; letter-spacing: -0.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 #DDDDDD; 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 #FFFFFF; float: left; padding: 25px 0 0px; width: 100%;}
.faq1:first-child { border-top: medium none;}
.faq1 { border-top: 1px solid #DDDDDD; color: #4F5255; float: left; font-size: 14px; padding: 20px 0 10px; position: relative; width: 100%;}
.faq1 a.back2top { bottom: 2px; color: #BBBBBB; float: left; font-size: 10px; letter-spacing: -0.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: 'breuertextbold',Arial,sans-serif;  font-size: 20px; letter-spacing: -0.025em; padding: 0 0 2px; width: 100%;}
.faq1 h3 { color: #4F5255; float: left; font-size: 13px; font-weight: normal; line-height: 18px; padding: 10px 0; width: 100%;}

/*== Thank you Page CSS
=================================*/

.contact-columns1 { float: left; padding: 0 40px 0 0; width: 620px;}
.contact-columns1 h5{color: #252525; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 28px; font-weight: normal; letter-spacing: -0.035em; line-height: 28px; margin-bottom: 3px; width: 100%;  padding-bottom:25px;}


/*== testimonail Page CSS
=================================*/

.testimonial { float:left; width:100%; }
.testimonial .box { display:inline-block; width:186px; padding:18px; margin:0px 8px 20px 8px; background:#f9f9f9; border:solid 1px #c5c3c2; border-radius:3px; font-size:15px; line-height:20px;  }
.testimonial .box:hover {border-color:#78bfec !important; box-shadow:0px 0px 3px #56b4ef;}

.testimonial .box .title { display:block; color:#252525; font-size:23px; font-family:'breuertextbold', Arial, sans-serif; letter-spacing:-0.045em; height:23px; }
.testimonial .box .subtitle { display:block; font-size:12px; line-height:15px; padding:0 0 10px 0; color:#c74638; }

.services-right-column{float: left; width: 330px; margin-top:20px;}
.services-right-column h3{color: #252525; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 20px; font-weight: normal; letter-spacing: -0.035em; margin-bottom: 18px;width: 100%;}

.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 #FFFFFF; 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:#c74638; 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: 15px 0 0 9px;}
.slider-area ul.tabs li.selected a { background-position: 0 -11px;}
.slider-area .thumbnail a:hover .expend {display: block;}

/* page title and headings */
.pagetitle { width:100%; margin:15px 0 20px 0; }
.pagetitle .icon { float:left; width:113px; height:113px; margin:2px 10px 0 0; }
.pagetitle .innerheading.html {font-size:66px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -5.3px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.html span {font-size:79px!important; letter-spacing: -5.3px!important; font-family:'HelveticaCE-Bold';  }
.pagetitle .innerheading.wp {font-size:79px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -6px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.wp span {font-size:73px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold';  }
.pagetitle .innerheading.joomla {font-size:65px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -5px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.joomla span {font-size:79px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold'; }
.pagetitle .innerheading.drupal { font-size:68px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -5.3px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.psdtowp { font-size:53px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -5.3px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.responsivetheme { font-size:78px;font-family:'HelveticaCE-Bold'; line-height: 66px; letter-spacing: -5.3px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.custom { font-size:48px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -5.3px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.hire {  font-family: "HelveticaCE-Bold";
    font-size: 38.7px;
    letter-spacing: -3.3px !important;
    line-height: 52px;
    text-transform: uppercase;
    width: 100%; }
.pagetitle .innerheading.hire.developer{font-size:42px;}     
.pagetitle .innerheading.psdtowebsite { font-size:53px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -5.3px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.psdtowoo { font-size:46px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -5.3px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.drupal span {font-size:80px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold'; }
.pagetitle .innerheading.psdtowp span {font-size:80px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold'; }
.pagetitle .innerheading.responsivetheme span {font-size:80px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold'; }
.pagetitle .innerheading.custom span {font-size:66px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold'; }
.pagetitle .innerheading.hire span {font-size:69px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold';  position: relative;
    top: 9px;}
    
.pagetitle .innerheading.psdtowebsite span {font-size:80px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold'; }

.pagetitle .innerheading.psdtowoo span {font-size:80px!important; letter-spacing: -5px!important; font-family:'HelveticaCE-Bold'; }
.pagetitle .innerheading.magento { font-size:60px;font-family:'HelveticaCE-Bold'; line-height: 55px; letter-spacing: -5.1px!important; text-transform: uppercase; width:100%; }
.pagetitle .innerheading.magento span {font-size:79px!important; letter-spacing: -4.7px!important; font-family:'HelveticaCE-Bold'; }

.pagetitle .innerheading.mobile { font-size:54px;font-family:'HelveticaCE-Bold'; line-height: 45px; letter-spacing: -5.3px!important; text-transform: uppercase; width:100%; padding-top:15px; height:120px; }
.pagetitle .innerheading.mobile span {font-size:79px!important; letter-spacing: -4.7px!important; font-family:'HelveticaCE-Bold'; }

.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 0;    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: 'breuertextbold',Arial,sans-serif;    font-size: 22px;    font-weight: normal;    letter-spacing: -0.025em;    margin-bottom: 18px;    width: 100%;}
.order-columns2 { float:right; width:383px; position:relative;/* background:#FFF;*/  }
.order-columns3 { float:left; width:542px; }
.order-columns4 { float:right; width:383px; position:relative;/* background:#FFF;*/  }

.business_days { float:left; width:560px; border:solid 1px #D5D5D5; }
.business_days dl { display:block; float:left; padding:15px 20px 10px 20px; 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:#c74638; text-align:right; padding-top:15px; font-family:'breuertextbold'; letter-spacing:-0.035em;}
.business_days dd span.caption-txt { display:block; font-size:15px; font-weight:normal; text-align:right; color:#252525; font-family:'breuertextregular'; line-height:18px; letter-spacing:0em;}
.business_days dd span.caption-txt .expected_date { color:#c74638; }
.business_days .expedited-delivery { display:block; float:left; padding:0 20px 20px 20px; width:520px;/* border-bottom:dashed 1px #CCC;*/ 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:'breuertextbold'; 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; /*width:128px;*/ }
.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 0; 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 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:normal; line-height: 18px; padding-bottom:10px; }
.order-form .form-sap dl { width:100%; float:left; /*border-top:dashed 1px #bbbbbb;*/ 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:#235991;*/ 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 0px 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:normal; }

.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:#c74638!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; }

h6 { width:100%; float:left; margin-bottom:0px; font-size:28px; font-family:'breuertextbold', Arial, sans-serif; color:#222222; font-weight:normal; letter-spacing:-0.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 0; 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;/* text-transform:uppercase;*/ font-family:'breuertextbold'; font-size:20px; color:#222222; }
.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; }


/* Site Map */

.sitemap-columns:first-child { padding-left: 0;}
.sitemap-columns { color: #222222; 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 #DDDDDD; float: left; line-height: 16px; padding: 3px 0; width: 100%; list-style: none;}
.sitemap-columns a { color: #444; text-decoration: none;}

/* Terms and Conditions*/

.general-left-column {float: left; padding: 0; width: 240px;}
.general-left-column .box1 { background: url("../images/gray-patch.png") repeat 0 0; border: 1px solid #D8D8D8; border-radius: 3px; float: left; padding: 19px; width: 200px;}
.general-left-column .box1 h6{ color: #222222; float: left; font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-size: 18px; font-weight: normal; letter-spacing: -0.045em;  margin-bottom: 10px; width: 100%;}
.general-left-column ul.link-list { float: left; width: 100%;}
.general-left-column ul.link-list li:first-child { border-top: medium none;}
.general-left-column ul.link-list li { border-top: 1px solid #D8D5D4; float: left; font-size: 12px; padding: 6px 0; width: 100%; list-style: none;}
.general-left-column ul.link-list li a { color: #777777; text-decoration: none;}
.general-right-column { float: right;  width: 692px;}
.general-right-column strong { display: block; font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-weight: normal; padding: 30px 0 20px; position: relative; text-transform: uppercase;}


.note { float:left; margin:13px 0 0 12px; font-size:12px!important; color:#252525; letter-spacing:-0.1px;}
.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%;}


/*== Coupons Page CSS
=================================*/

.coupons-banner{ height: auto; padding-bottom: 55px}
.coupons-banner .top-line{ font-size: 21px;letter-spacing: -0.5px; text-transform: uppercase;}
.banner.coupons-banner h2{ font-size: 103px; font-family: 'HelveticaCE-Bold'; letter-spacing: -8px; line-height: 80px; padding: 0 0 20px}
.banner h4{ line-height: 20px}
.coupon-list{ padding: 32px 0 0px 0}
.coupon-box{ border: 1px dashed #bbc7cd; padding:25px 22px; width: 258px; float: left; margin: 10px}
.coupon-box:hover{ background:#ffffba }
.coupon-box h3{ color: #252525; font-size: 21px; letter-spacing: -1px;font-family: 'HelveticaNeue-Light',Arial,sans-serif; }
.coupon-box .text{ font-size: 13px; color: #575757; padding: 0 0 0; min-height: 125px }
.coupon-box .text p{ padding: 0 0 10px; line-height: 20px;}
.coupon-box .cred{ color: #c74638}
.coupon-box .cop-code{ color: #c74638; display: block; font-size: 35px; font-family: 'HelveticaCE-Bold'; line-height: 26px; padding: 0 0 10px; letter-spacing: -2px;}
.coupon-box .dic-line{ text-transform: uppercase; padding: 0 0 15px }
.discount-btn{ background:#252525; border-radius: 2px;  color: #fff; display: inline-block; font-family: 'HelveticaCE-Bold'; font-size: 15px; padding:0 15px; text-transform: uppercase; line-height: 36px}
.discount-btn:hover{ background: #c74638}
.order-now-btn-outer{ padding:0px; text-align: center; margin-top:-10px; margin-bottom:-10px;}
.order-now-btn{background:#252525; border-radius: 2px;  color: #fff; display: inline-block; font-family: 'HelveticaCE-Bold'; font-size:24px; padding:2px 40px; text-transform: uppercase; line-height: 56px}
.order-now-btn:hover{background:#c74638 }

.banner.order-top-area h4{ line-height: 5px !important;}
.satis_content ul{float: left; padding-left: 13px; width: 98%; padding-top:10px;}
.satis_content ul li{ float: left; margin-bottom: 7px; margin-right: 4%; width: 45%;}

header .login-header-right { color: #fff; float: right; font-size: 12px; padding-top: 20px; font-family: 'breuertextbold',Arial,sans-serif; }
header .login-header-right a, header .login-header-right span { color: #fff; text-decoration: none;}
header .login-header-right span.pipe { color: #3f4447;}
.orange { color: #e25444 !important;}

hgroup.login-heading { color: #5a5a5a; float: left; padding: 55px 0 35px; text-align: center; width: 100%;}
hgroup.login-heading h2 {float: left; text-align: center; width: 100%;}
hgroup.login-heading h3 { color: #fff; float: left;   font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-size: 18px; text-align: center; width: 100%; text-transform: uppercase;  letter-spacing: -0.025em;}
.login-wrapper { margin: 0 auto; width: 366px;}
.login-box { background:#fff; border: 1px solid #e25444; border-radius: 5px; box-shadow: 0 0 3px #56b4ef; color: #0b151d; float: left; font-size: 14px; margin-bottom: 50px; padding: 38px 31px 30px 37px; width: 300px; font-family: 'breuertextregular', Arial,sans-serif;}
.login-box h2 { color: #222222; float: left; font-family: 'breuertextbold',Arial,sans-serif; font-size: 22px; font-weight: normal;margin-bottom: 10px; width: 100%;}
.login-box dl { display: block; float: left; padding: 15px 0 10px; width: 100%;}
.login-box dt { display: block; float: left; padding-top: 15px; width: 100%;}
.login-box .lbl-mrgn { margin-top: 5px;}
.login-box .input-box { padding: 10px 5px;}
.input-box {  background: none repeat scroll 0 0 #fff; border: 1px solid #d5d5d5; font-family: 'HelveticaCE-Regular',Arial,sans-serif !important; font-weight: normal; padding: 5px; resize: none;}
.login-footer { color: #fff; float: left; font-size: 11px; line-height: 14px; text-align: center; width: 100%; }
body.login-bg{ background:url("../images/appsted-main-bg.gif") repeat 0 0; }
.expedited-delivery.top{padding-bottom:10px;}
.login-box dd { display: block; float: left; padding-top: 15px; width: 100%;}
.login-box a { display: block; float: left; padding: 15px 0 0 15px; text-decoration: underline;}
.floatleft { float: left;}
.pb35 { padding-bottom: 35px !important;}
.pt35 { padding-top: 35px !important;}
h5 { color: #222222; display:inline-block; font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-size: 24px; font-weight: normal; letter-spacing: -0.045em; line-height: 25px; margin-bottom: 3px; width: 100%;}
.no-record-area { background: url("../images/gray-patch.png") repeat 0 0 ; border: 1px solid #ccc; float: left; font-family: 'HelveticaCE-Regular',Arial; font-size: 15px; margin: 50px 0 25px; padding: 10px; position: relative; text-align: center; width: 958px;}
.mt75 { margin-top: 75px;}
.data-grid table { border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; width: 100%;}
.data-grid { float: left; font-family: Arial,Helvetica,sans-serif !important; width: 100%;}
.pt25 { padding-top: 25px !important;}
.data-grid th { background:#222222; color: #fff; text-transform: uppercase;}
.data-grid th, .data-grid td { border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 10px 20px; vertical-align: middle !important;}
.data-grid td { color: #686767; font-size: 13px;}
.data-grid th, .data-grid td { border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 10px 20px; vertical-align: middle !important;}
.order-title { color: #1570b0; font-family: 'HelveticaCE-Bold'; font-size: 16px; line-height: 20px; text-decoration: none; text-transform: uppercase;}
.data-grid sup { color: #cc0000; font-size: 10px; padding-left: 3px;}
.data-grid span.order-caption { display: block !important; font-size: 10px;}
.data-grid td.red { font-family: 'HelveticaCE-Bold';}
.data-grid td .button1 { font-size: 10px; padding: 10px 20px; text-transform: uppercase;}
.button1 {background:#c74638; border: medium none !important; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: 'HelveticaCE-Bold'; font-size: 16px; font-weight: normal; margin-top: 5px !important; padding: 12px 20px !important; transition: all 300ms ease 0s;}
.button1:hover{background:#1570b0;}   
.data-grid tr:hover td { background: none repeat scroll 0 0 #f9e9c2;}
.arial { font-family: Arial,Helvetica,sans-serif !important;}
.pb65 { padding-bottom: 65px !important;}
.pt30 { padding-top: 30px !important;}
.gray-border { border: 1px solid #cfcfcf !important;}

.order-summery-table { background: url("../images/gray-patch.png") repeat 0 0; border-bottom: 1px solid #cfcfcf;}
.f12 { font-size: 12px;}
.lh16 { line-height: 16px;}
.order-summery-table td:first-child { border-left: medium none;}
.order-summery-table td { border-left: 1px solid #cfcfcf; color: #686767; padding: 15px 30px; vertical-align: middle !important;}
.order-title {color: #1570b0; font-family: 'HelveticaCE-Bold'; font-size: 16px; line-height: 20px; text-decoration: none;text-transform: uppercase;}
.brdr-btm { border-bottom: 1px solid #cfcfcf;}
.pad2030 { padding: 20px 30px;}
.f16{font-size:16px;}
.txt-area-width{width:900px;}
.pt15 { padding-top: 15px !important;}
.pl5 { padding-left: 5px;}
.pl20 { padding-left: 20px;}
a.add { background: url("../images/add.png") no-repeat left center; display: inline-block; padding: 0 0 0 12px;}
.f13 { font-size: 13px;}
.w920center { margin: 0 auto 30px; width: 920px;}
.msg-board-list tr:first-child td { border-top: medium none !important;}
.msg-board-list .left-cell { border-top: 1px solid #dddddd; padding: 15px 20px 15px 0; vertical-align: top !important; width: 153px;}
.msg-board-list .left-cell span.msg-date { color: #686767; display: block; font-size: 10px; line-height: 12px; padding-top: 1px;}
.msg-board-list tr:first-child td { border-top: medium none !important;}
.msg-board-list .right-cell { border-top: 1px solid #dddddd; color: #686767; font-size: 12px; padding: 15px 0; vertical-align: top !important;}
.attachments-list { display: block; padding-top: 10px;}
.attachments-list ul { display: block; width: 100%;}
.attachments-list li { display: block; padding: 2px 0 2px 20px; width: 100%; list-style: none;}

#colorbox { background: #fff; left: 50% !important; margin-left: -30% !important; outline: 0 none; padding: 20px; top: 104px !important; width: 60% !important;}
#cboxWrapper{width:100% !important;}
#cboxContent{width:96% !important; padding:0 2%; background: #fff;}
#cboxLoadedContent{width:100% !important;}
#cboxMiddleLeft{width:auto !important;}
.order-id{padding-bottom:20px;}

/******* Mobile Menu CSS *************/

.mobilemenu{ background:#484848; color: #fff; float: left; padding: 4px 0 4px 8px; width: auto; display:none;}
.mobilemenu a{background: url(../images/mobile-menu/mobile_menu.png) no-repeat left center; color: #fff; display: inline-block; font-family: 'HelveticaCE-Bold'; font-size: 18px; padding: 5px 7px 5px 35px; transition: all 500ms ease 0s;}
.customer_requirement_outer .requestag{top:0; left:-32px; background: #5fafec; color:#fff; padding:12px 11px; position: absolute; display:none; font-weight: bold; text-transform: uppercase; border-radius: 5px 0 0 5px; font-family: Arial; cursor: pointer;}
.customer_requirement > p { line-height: 18px;}
.header_main{ float:left; width:100%;}
.top_add_banner.close{margin-top:-59px !important;}
.top_add_banner.active{margin-top:0;}
.top_add_banner{float:left; width:99.8%; background: url(../images/addbg.png) repeat; padding:0.1%; transition: all 1400ms ease 0s; margin-top:-59px;}
.top_add_banner_inner{float:left; width:100%; min-height: 54px; border:1px dashed #a0a0a1; position: relative; color:#252525; text-transform: uppercase;}
.discountimage{position: absolute; top:0; left:0;}
.add_topsection{float:left; width:100%; text-align: center; font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-size:19px; line-height: 17px; padding-top:11px; padding-bottom:4px;}
.add_bottom_section{float:left; width:100%; text-align: center; font-size:13px; line-height: 13px; color:#484848;}
.top_add_banner_inner span{color:#bb3e33;}
.top_add_banner_inner a{color:#bb3e33; text-decoration: none;}
.top_add_banner_inner a.addclose{position: absolute; top:0; right:0; width:16px; height:16px; background:url(../images/add-cross.png) no-repeat;}
.contact-columns1 .lh18{line-height: 22px;}

.contnet_section.service-landing .customer_requirement_outer{position: relative !important; float:right; background-position: top center; border-top:1px solid #d4d4d4;}
.contnet_section.service-landing .service_landing_right{margin-top: 0;}
.banner.landing.service-landing .innerheadingh4{width:67%;}
.banner.landing.service-landing .innerheadingh4 ul{float:left; width:100%;}
.banner.landing.service-landing {height:378px !important; }
.banner.landing.service-landing .innerheadingh4 ul li{float:left; width:43%; list-style: none; background: url(../images/star_new.png) no-repeat left top; padding-left:38px; color:#fff; font-size:15px;  text-shadow: 0 1px 2px #555; line-height: 26px; padding-bottom:8px;}
.banner_right_order{width:329px; background: url(../images/gradient_bg.png) no-repeat; min-height:388px; text-align: center; position: absolute; right:0; top:-54px; padding-top:60px;}
.banner_right_order p{font-size:16px; margin-top:45px; margin-bottom:22px; line-height: 23px;}
.banner_right_order p strong{font-family: 'HelveticaCE-Bold',Arial,sans-serif; font-weight:normal;}
.banner_right_order a.button3{font-size:18px;  padding: 17px 65px !important;}
.banner_right_order a.button3:hover{ background: #308cd1;}
.banner_right_order img{margin:0 5px;}
.example_row{float:left; width:100%; margin-top:25px; margin-bottom:50px;}
.example_row ul{float:left; width:100%;}
.example_row ul li{list-style: none; float:left; padding:2px; border:2px solid #e8e8e8; width:30%; margin-left:12px; background: #fff;}
.example_row ul li:hover{background: #fff;}
.example_row ul li:first-child{margin-left:0;}
.example_row ul li img{float:left;}
.f_left{float:left;}
.f_right{float:right;}
.service_types img{margin:0 35px 0 0;}
.service_types{float:left; width:100%; margin:10px 0;}
.service_types.first{margin-top:35px;}
.service_types.last{margin-bottom:35px;}
.service_types h2{font-size:22px;  font-family: "breuertextbold",Arial,sans-serif; margin-bottom:12px;}
.service_heading.normalhead h3 span{color:#bb3e33;}
.contnet_section.service-landing .service_landing_right .client_column{padding-top:30px;}
.contnet_section.service-landing .service_landing_right .client_column h2{font-size:24px;}
.contnet_section.service-landing .service_landing_right .client_column .normalhead{padding-bottom:15px;}
.contnet_section.service-landing .service_landing_right .submit-txt{padding:7px 0 0 6px;}
.banner.landing.service-landing .innerheadingh3{padding-top:0;}
ul.slider2 li a{width:100%;}
ul.examples-list.slider2 li .thumbnail{width:99%;}
.example_row ul.slider2 li{margin-left:6px; margin-bottom:0;}
ul.examples-list.slider2 li .thumbnail a.expend{width:100%; height:0; background: url(../images/transparent_new.png) repeat center center; text-align: center; display:block; text-indent: 0; transition: all 600ms ease 0s;}
ul.examples-list.slider2 li:hover .thumbnail a.expend{width:100%; height:100%;} 
ul.examples-list.slider2 li .thumbnail a.expend label, ul.examples-list.slider2 li .thumbnail a.expend span{width:36px; height:40px; display:inline-block; background: url(../images/bg/iconstrip_new.png) no-repeat; margin: 0px 5px 0; transition: all 600ms ease 0s; position: relative; top:-86px; cursor: pointer;}
ul.examples-list.slider2 li:hover .thumbnail a.expend label, ul.examples-list.slider2 li:hover .thumbnail a.expend span{top:15px !important;}
ul.examples-list.slider2 li .thumbnail a.expend label.html5, ul.examples-list.slider2 li .thumbnail a.expend span.html5{background-position:0px 3px;}
ul.examples-list.slider2 li .thumbnail a.expend label.css3, ul.examples-list.slider2 li .thumbnail a.expend span.css3{background-position:-50px 3px;}
ul.examples-list.slider2 li .thumbnail a.expend label.wordpress, ul.examples-list.slider2 li .thumbnail a.expend span.wordpress{background-position:-159px 3px;}
ul.examples-list.slider2 li .thumbnail a.expend label.responsive, ul.examples-list.slider2 li .thumbnail a.expend span.responsive{background-position:-104px 3px;}
ul.examples-list.slider2 li .thumbnail a.expend label.jquery, ul.examples-list.slider2 li .thumbnail a.expend span.jquery{background-position:-312px 3px;}
ul.examples-list.slider2 li .thumbnail a.expend label.multisite, ul.examples-list.slider2 li .thumbnail a.expend span.multisite{background-position:-447px 3px;}
ul.examples-list.slider2 li .thumbnail a.expend label.woocommerce, ul.examples-list.slider2 li .thumbnail a.expend span.woocommerce{background-position:-358px 3px;}
ul.examples-list.slider2 li .thumbnail a.expend label.photoshop, ul.examples-list.slider2 li .thumbnail a.expend span.photoshop{background-position:-403px 3px;}
ul.examples-list.slider2 li .thumbnail a.expend label.parallax, ul.examples-list.slider2 li .thumbnail a.expend span.parallax{background-position:0px -42px;}
ul.examples-list.slider2 li .thumbnail a.expend label.drupal, ul.examples-list.slider2 li .thumbnail a.expend span.drupal{background-position:-50px -42px;}
ul.examples-list.slider2 li .thumbnail a.expend label.magento, ul.examples-list.slider2 li .thumbnail a.expend span.magento{background-position:-104px -42px;}
ul.examples-list.slider2 li .thumbnail a.expend label.joomla, ul.examples-list.slider2 li .thumbnail a.expend span.joomla{background-position:-160px -42px;}
ul.examples-list.slider2 li .thumbnail a.expend label.multilingual, ul.examples-list.slider2 li .thumbnail a.expend span.multilingual{background-position:-212px -42px;}
ul.examples-list.slider2 li .thumbnail a.expend label.ubercart, ul.examples-list.slider2 li .thumbnail a.expend span.ubercart{background-position:-264px -42px;}
.contnet_section.service-landing .example_row{margin-bottom:0; margin-top:25px;}
.contnet_section.service-landing .example_row .project_example{padding:0;}
.contnet_section.service-landing .example_row .bx-viewport{height:134px !important; margin-bottom:30px !important;   }
/*.contnet_section.service-landing .example_row .bx-wrapper img{max-width: inherit !important;}*/
.queries{margin-top:20px;}
.queries .service_heading.normalhead{ padding-bottom:10px;}
.queries .service_heading.normalhead h4{font-size:20px;}
.hightlited_section{float:left; width:96%; padding:2%; background: url("../images/bg/gray-patch.png") repeat 0 0; border: 1px solid #d8d8d8; margin-bottom:25px;}
.faq1 ul{float:left; width:100%;}
.faq1 ul li{float:left; width:100%; line-height: 21px;}
p.wptheme strong{font-size:19px;}
#slider2 strong{font-size:19px;}
.innerheadingh4 strong{font-size:18px;}
.our-brand{float:left; width:96%;}
.our-brand { border: 1px solid #d7d7d7; border-radius: 3px; margin: 0px 0 0px; padding: 10px 2%; position: relative; margin-top:40px;}
.our-brand ul { float: left; width: 100%;}
.our-brand li.logo1 {background-position: 0 0; width: 73px;}
.our-brand li:first-child { margin-left: 30px;}
.our-brand li { margin-left: 50px;}
.our-brand li { background: url("../images/home-logos.png") no-repeat left top; display: block; float: left; height: 58px; padding-left:0; opacity: 0.3; text-indent: -9999px;}
.our-brand li.logo2 { background-position: -143px 0; width: 85px;}
.our-brand li.logo3 { background-position: -291px 0; width: 86px;}
.our-brand li.logo4 { background-position: -446px 0; width: 72px;}
.our-brand li.logo5 { background-position: -578px 0; width: 87px;}
.our-brand li.logo6 { background-position: -720px 0; width: 96px;}
.our-brand li.logo7 { background-position: -855px 0; width: 83px;}
.our-brand li:hover { cursor:pointer; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity:1; /* Safari 1.x */ -khtml-opacity:1; /* Good browsers */opacity:1; }



hgroup.include-headings h2, div.include-headings h2 { color: #202020; float: left; font-family: "HelveticaCE-Bold",Arial,sans-serif; font-size: 29px; letter-spacing: -0.035em; line-height: 31px; padding-bottom: 4px; width: 100%;}
hgroup.include-headings, div.include-headings { color: #5a5a5a; float: left; padding: 0px 0 30px; text-align: center; width: 100%;}
hgroup.include-headings h3, div.include-headings h3 { float: left; font-family: "HelveticaCE-Regular",Arial,sans-serif; font-size: 16px; width: 100%;}
.include-headings.bottom{padding-top:30px; padding-bottom:5px;}
.news-container{float: left; margin-bottom: 30px; padding: 10px 25px; width: 930px; z-index: 9;}


/*************************/
.connect-popup{width: 465px; /*height: 375px;*/ border: 3px solid #b43a2f; border-radius: 5px; position: fixed; top: 50%; left: 50%; margin: -187px 0 0 -232px; background: #FFF; z-index: 999999; box-shadow: 0 0 5px #000; /*transition: all 1000ms ease 0s;/* opacity: 0*/ display: none;}
.connect-description{background: url("../images/appsted-main-bg.gif") repeat; padding: 8px 20px; color: #FFF; font-size: 16px; line-height: 1.6;}
.connect-description h2{line-height: 1.6;}
/*.connect-popup.open{ opacity: 1;}*/

.connect-description h2{font-family: "HelveticaCE-Bold"; text-transform: uppercase; font-size: 24px;}

.connect-popup form{padding: 10px 20px 20px 20px;}
.connect-popup input.input-box1, .connect-popup textarea{border: 1px solid #cccccc; margin-top: 10px; outline: medium none; padding: 6px 2%; width: 96%; color: #555; font-size: 13px; font-family: "HelveticaCE-Regular",Arial,Helvetica,sans-serif; resize: none; line-height: 17px;}
.connect-popup textarea{height: 50px;}
.connect-popup .align_center{text-align: center;}
.connect-popup .button3{padding: 8px 39px !important; margin-top: 10px!important; line-height: 23px;}
.connect-overlay{background: url("../images/dark-overlay.png") repeat; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999; display: none;}
.connect-close-btn{width:27px; height:27px; border-radius: 27px; background: url(../images/close-btn.png) no-repeat ; transition: all 500ms ease 0s; position: absolute; right: 5px; top: 5px; cursor: pointer;}
.connect-close-btn:hover{/*background-position: bottom center; background-color: #000;*/ opacity: 0.7;}
.connect-popup label.error{font-size: 12px; padding-left: 2%;}
#navigation.convert ul li.last a{background:#484848; padding-right:6px;}
body.convert #footer{padding:20px 0;}
body.convert span.redbg{background: #c74638; color:#fff; padding-left:2px; display: inline-block;}
body.convert nav#navigation{text-align: center; width: 663px; padding-left:0;}
body.convert nav#navigation ul {width:100%;}
body.convert nav#navigation ul li{float: none; display:inline-block;}
.animated{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;   -moz-animation-duration: 1.5s; animation-duration: 1.5s; -moz-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;}
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-3px);} 60% {-webkit-transform: translateY(-1.2px);}}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-3px);} 60% {transform: translateY(-1.2px);} }
.bounce {-webkit-animation-name: bounce; animation-name: bounce;}
#header.fixed{position: fixed; z-index: 99999;}
.blogpost{ float: left; padding: 15px 0; width: 100%; margin-top: 27px; padding-top: 0px;}
.blogpost h2{color: #202020; float: left; font-family: "HelveticaCE-Bold",Arial,sans-serif; font-size: 29px; letter-spacing: -0.035em; line-height: 31px; padding-bottom: 4px; width: 100%; border:none; margin-bottom:32px; background: url(../images/bog-bottom.png) repeat-x center center; text-align: center;}
.blogpost h2 span{padding:10px; background: #ffffff;}
.grey-area .blogpost ul{float:left; width:100%; background: none;}
 .blogpost ul li{float:left; width:47%; background: none; padding-left:0; margin-left:0; padding-top:20px; list-style: none; min-height: 135px;}
.blogpost ul li:nth-child(2n){border-left:1px dashed #777777; 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 #777777; 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%;}
.blogpost ul li .post-content strong{color: #202020; display: inline-block; font-family: "HelveticaCE-Bold",Arial,sans-serif; font-size: 16px; font-weight: normal; padding-bottom: 4px;}
.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; line-height: 21px;}
.blogpost ul li .post-content strong a:hover{color: #202020; text-decoration: underline;}
.blogpost ul li .post-content a{color:#be2c1d; cursor: pointer !important; margin-top:5px; display:inline-block;}
.blogpost ul li p{line-height: 19px;}
.service_landing_left p a{color:#444;}
.tabs .tab_nav li a span.tab-icon{display: none;}


/* Change Password */

.forgot-password-area{float: none; margin: 0 auto; padding: 37px 0 0; width: 445px;}
h6.change-password{text-align: center; padding-bottom:18px; font-size:30px;}
form#UsersChangePasswordForm .lh16{  font-size: 15px; line-height: 16px; padding-bottom: 18px; text-align: center;}
.changepassrd-form{float:left; width:100%;}
.changepassrd-form label{float:left; width:100%; margin-bottom:5px;}
.changepassrd-form input{padding:5px 2%; width:96%; margin-bottom:8px; height:25px;}
.changepassrd-form input.button3{width:100% !important; height:auto;}

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.error-msg {
    background-color: #ED0101;
    color: #FFFFFF;
    font-weight: bold;
    padding: 8px;
}
.mright10 {
    margin-right: 10px;
}
.mbottom10 {
    margin-bottom: 10px !important;
}