/*
Theme Name: Flat Bootstrap
Theme URI: http://xtremelysocial.com/wordpress/flat/
Author: XtremelySocial
Author URI: http://xtremelysocial.com
Description: Flat Bootstrap by XtremelySocial is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. It automatically adapts for desktops, tablets, and phones. It is based on the WordPress standard starter theme (_S) and the Twitter Bootstrap CSS framework. Features include a mobile navigation bar, multiple columns (grid), buttons, icons, labels, badges, tabbed content areas, collapsible content areas, progress bars, alert boxes, carousels (sliders) and much, much more. This is a theme for both users and theme developers with lots of features but without the bloat. For a live demo go to http://xtremelysocial.com/wordpress/flat/.
Version: 1.5
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Text Domain: flat-bootstrap
Domain Path: /languages/
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background

Flat Bootstrap WordPress theme, Copyright (C) 2014 XtremelySocial
Flat Bootstrap WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/

/*
** THEME-SPECIFIC STYLES HERE TO OVERRIDE BOOTSTRAP, THEME-BASE, AND THEME-FLAT CSS
*/

/* Set page header to dark blue */
.tabfixed{background:#fff;z-index:99;top:70px;position:fixed;width:100%;}
.content-header {
	background-color: #34495e;
	color: #fff;
}
.content-header h1, 
.content-header h2, 
.content-header h3 {
	color: #fff;
}

/* Set initial image background so light text is readable before image loads */
.content-header-image {
	background-color: #e7e7e7;
}

/* Set our footer to "almost" black */
.sidebar-footer {
	background-color: #2f2f2f;
	color: white;
}
.sidebar-footer h1, 
.sidebar-footer h2, 
.sidebar-footer h3 {
	color: #fff;
}

/* Set link colors to off white and text to gray for footer */
.sidebar-footer,
.footer-nav-menu {
	color: #95a5a6;
}
.sidebar-footer a:not(.btn),
.footer-nav-menu a:not(.btn) {
	/*color: #95a5a6;*/
	color: #f2f2f2;
}
.sidebar-footer a:hover:not(.btn), 
.sidebar-footer a:focus:not(.btn), 
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
	/*color: #c0392b;*/
	color: #3bc492;
}
.-skin-default.-columns3 .-item{max-height:268px;}
.entry-meta,
.comment-edit-link {
	font-size: 16px;
}

/* Set our site credits to "not quite" black */
.after-footer {
	background: #222222;
	color: white;
	font-size: 16px;
}

/* Move up the edit link on single pages so it doesn't create an uncolored section
 * Note that its parent must have relative positioning for this to work. Not used.
 */
/*.page .entry-content {
	position: relative;
}
.page footer.entry-meta {
	position: absolute;
	bottom: 0;
}*/

/*
 * STYLE SOME COMMON WORDPRESS WIDGETS AND PLUGINS
 */

/* Get WordPress Jetpack Popular Posts Widget to look like other thumbnail posts */
.widgets-list-layout-links {
	float: left !important;
	margin-left: 15px !important;
	/*margin-left: 1.625em !important;*/
}

/* Hide JetPack's sharing module from pages with posts */
.page-posts .sharedaddy {
	display: none;
}

form.contact-form textarea {
	height: 108px;
}



#menu-item-12 > a {
  display: none;
}


/*** feature ***/

.network3 {
  border-bottom: 1px solid #4c4c4c;
  margin-top: 55px;
  padding: 10px;
  width: 100%;
}

.baas_office {
  margin-bottom: 60px;
}
.Baas_heading {
  font-family: "PT Sans",sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 46px;
}
.Baas_Paragraph {
  font-family: "PT Sans",sans-serif;
  font-size: 27px;
  line-height: 38px;
}
.h3_heading {
  background: none repeat scroll 0 0 #fef3d9;
  font-family: "PT Sans",sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  padding-left: 20px;
  padding-top: 5px;
}
.g-font {
  color: #fe4e00;
  font-family: "PT Sans";
}
.h3_heading_para {
  font-family: "PT Sans",sans-serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 32px;
  margin-left: 25px;
}
.h3_heading_p {
  font-family: "PT Sans",sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  margin-left: -45px;
}

.network2 {
  border-bottom: 1px solid #4c4c4c;
  margin-top: 60px;
  padding: 10px;
  width: 100%;
}
.orm_content {
  margin-bottom: 60px;
  margin-top: 10px !important;
}
.orm_heading {
  font-family: "PT Sans",sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 46px;
}
.orm_Paragraph {
  font-family: "PT Sans",sans-serif;
  font-size: 27px;
  line-height: 38px;
}
.database_content {
  margin-top: 10px !important;
  padding-left: 0;
}
.database_heading {
  font-family: "PT Sans",sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 46px;
}
.database_Paragraph {
  font-family: "PT Sans",sans-serif;
  font-size: 27px;
  line-height: 38px;
}
.oracle_database {
  margin-right: 190px;
}
.oracle_database {
  margin-bottom: 55px;
  margin-top: 35px;
}

.backend_row {
  margin-top: 55px;
  padding: 10px;
  width: 100%;
}

#backend_b2 {
  margin-bottom: 100px;
  padding-left: 0;
}
.backend_heading {
  font-family: "PT Sans",sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 46px;
}
.backend_Paragraph {
  font-family: "PT Sans",sans-serif;
  font-size: 27px;
  line-height: 38px;
}


.top-feature-start{
  background: url("/wp-content/uploads/2015/05/Main-logo.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
  height:500px;
 
}

.left_text {
  float: right;
  font-family: "PT Sans",sans-serif;
  font-size: 48px;
  line-height: 60px;
  margin-top: 5%;
  width: 53%;
}

.breadcrumb-contain {
  float: right;
  position: absolute;
  right: 0;
}

.breadcrumb-contain a.wrap-feature {
  color: #00a080 !important;
  text-decoration: none;
}
.breadcrumb-contain a.wrap-feature:hover {
  text-decoration: none;
}
.active.raw-feature {
  color: gray!important;
}
@media(max-width:640px){
.left_text {
  font-size: 18px;
  line-height: 1;
}
.top-feature-start {
  height: auto;
  margin:0;
  
}
.row img {
  vertical-align: middle !important;
  max-width: 100%;
}
.oracle_database {
  margin:0;
}
}

/*** terms ****/
.top-terms-start{
  background: url(/wp-content/uploads/2015/05/machine.png) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
 
  margin-bottom: 40px;
}

.col-md-9.row-container {
  padding: 0;
}
.page-text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 30px;
}
.head-text {
  font-size: 20px;
  font-weight: bold !important;
  margin-bottom: 20px;
}

.col-md-9.row-container {
  padding-top: 40px;
}


/*** about-page ***/

.top-about-start{
  background: url("/wp-content/uploads/2015/05/machine.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
  margin-bottom: 40px;
}

.top-content p {
  font-family: source sans pro;
  font-size: 20px;
  line-height: 26px;
  text-align: justify;
}

.border {
  border: 6px solid #bebebe;
  padding: 0;
}
.border > div, .border > div > h1 {
  margin: 10px;
}
.about-info {
  padding-left: 0;
}
.about-info > div:first-child {
  float: left;
  padding: 10px 0 20px;
}
.about-info > div:first-child {
  font-size: 20px;
  padding-left: 0;
}
.about-inner > div:first-child {
  padding-left: 0;
  width: 165px;
}
.about-info div > span {
  float: left;
  margin: 0 2px;
  width: 20px;
}
.about-inner > div:last-child {
  float: left;
  width: 100%;
}
.h4-body-title {
  margin: 0 !important;
}
.content-title2 {
  margin-bottom: 100px;
  margin-top: 60px;
}

.top-content {
  margin-top: 40px;
}

.body-wrapper iframe {
  margin-top: 40px;
}

/*** enterprise-page ****/

.top_content_enterprise h1 {
  font-family: source sans pro;
  font-weight: bold;
  margin-bottom: 0 !important;
  font-size: 26px;
  line-height: 35px;
}

.top-content p {
  font-family: source sans pro;
  font-size: 20px;
  line-height: 26px;
  text-align: justify;
}

.content_enterprise {
  float: left;
  margin-bottom: 70px;
  width: 100%;
}

.network_enterprice {
  border-bottom: 1px solid #fe4e00;
  padding: 0 !important;
}
.network1 {
  margin-top: 50px;
  padding: 10px;
}
.col_enterprice {
  width: 43% !important;
}
.enterprise_network {
  margin-left: 7%;
}
.Slider_heading {
  font-family: source sans pro;
  font-size: 36px;
  font-weight: bold !important;
  line-height: 46px;
}

.enterprise_header {
  font-size: 28px !important;
  line-height: 35px !important;
}
.enterprise_para {
  font-size: 20px !important;
  line-height: 28px !important;
}

.ride .container > h1 {
  font-family: source sans pro;
  font-size: 42px;
  font-weight: bold !important;
  margin: 15px 0;
}

.ride_enterprise h1 {
  font-size: 28px !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}
.ride_enterprise p {
  font-family: source sans pro;
  font-size: 20px !important;
}
.hp_example {
  margin-bottom: 120px;
  margin-top: 30px;
}
.hp_img {
  width: 10.3% !important;
}
.hp_para {
  font-family: source sans pro;
  font-size: 28px;
  line-height: 27px;
}

.content-box-text {
  width: 100% !important;
}

@media(max-width:768px){
.new-about > div > div {
  float: left;
  width: 100% !important;
}
.h4-body-title > img {
  width: 100%;
}

.content-box-text > img {
  width: 100% !important;
}
.network1 {
  padding: 10px;
}
.col_enterprice {
  width: 100% !important;
}
.enterprise_network {
  margin-left: 0;
}

.container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.get-footer {
  padding-left: 0 !important;
}

.breadcrumb > .active {
  padding-left: 35px;
}

.breadcrumb > li {
  margin-top: -39px;
}
.active.raw-feature {
  line-height: 50px;
  padding: 0 !important;
}

.breadcrumb-contain a.wrap-feature {
  
  line-height: 50px; 
}
}

.get-footer {
  padding-left: 10px;
}



/* =======================  CONTACT PAGE CSS START HERE  =========================   */
.banner_text2 h1{
		font-weight:300;
		font-family:Source Sans Pro;
		margin-bottom: 20px !important;
}
.f_weight{
	font-weight:400;	
}
.banner_text2 p{
		font-weight:100;
		font-family:Source Sans Pro;
		font-size:27px;
		max-width:100%;
}
.banner_text.banner_text2 {
  padding: 20px 0 90px;
}
.con_form{
	max-width:659px;
	margin:0 auto;
	padding:77px 10px;
}


.con_form input.form-control{
	background:none !important;
	border:none;
	border-radius:0px;
	box-shadow:none;
	padding:13px 0px 13px 0;
	font-size:21px;
	font-family:Source Sans Pro;
	font-weight:700;
	border-bottom:2px solid #969696;	
	height:auto;
	color:#fff !important;
	width:93%;
	text-transform: none;
}
.form{
	padding:30px 65px 15px;
	 max-width: 100%;
	/*background:#444;*/
	border-radius:12px;
}
.con_form input.form-control.submit{
	background:#fe4e00 !important;;
	border-radius:50px;
	border:none;
	/* padding:19px; 
padding: 18px !important;	*/
	margin-top:100px;
	transition:ease-in-out .5s;
}
.con_form input.form-control.submit:hover{
	background:#fff !important;
	color:#fe4e00 !important;
	text-shadow: none;
    text-transform: none;
}
.cat{
	position:absolute;
	right:-21px;
	bottom:12%;	
}
.inner_con{
	position:relative;	
	background:url(/wp-content/uploads/2015/05/form_bg.jpg) no-repeat;
	background-size:100% 100%;
	border-radius:
}

.social{
	max-width:520px;
	padding:20px 0; 	
}
.social a{
	color:#fd6634;	
	font-size:55px;
	transition:ease-in-out .5s;
	display:inline-block;
}
.social a:hover{
	color:#333;	
	transform:scale(1.1, 1.1)
}
.img_text span{
	display:block;
	height:49px;
	width:49px;
	background:#fe4a00;	
	color:#fff;
	font-family:Source Sans Pro;
	font-size:23px;
	border-radius:100%;
	padding:8px;
	margin:10px 0 26px 0;
}
.img_text  p{
	font-family:Source Sans Pro;
	font-size:18px;	
	line-height:33px;
	max-width:333px;
	color:#404040;
	font-weight:400;
}

.text_con{
	max-width:970px;
	margin:100px auto 0;	
}
.get_start a{
	display:inline-block;
	background:#fe4e00;
	color:#fff;
	font-size:22px;
	font-family:Source Sans Pro;
	border-radius:60px;
	padding:14px 113px;	
	font-weight:400;
	margin:125px 0 215px;
}
.get_start a:hover{
	background:#333 !important;
}
.body_contact{
	background:#fff;
}

/*  ==========    Get Started css start here      =========   */
.text_con2{
	margin-top:62px;	
}
.text_con2 > div.row{
	margin-bottom:75px;	
}
.text_con2 > div.row:last-child{
	margin-bottom:0px;	
}
.text_link{
	color:#fe4a00;
	margin-top:35px;
	display:inline-block;	
}







/*@media (min-width:1280px){
	.container {
  width: 1280px;
}	
}
*/

@media(min-width:200px){
	.bann_imgcon{
	padding:0 !important;	
}	
}
@media (max-width: 1024px){ /* spans reduce to 100px then go full width */

    .or{
		display:block;		
	}
 }

@media (max-width:840px){
	header .navbar-default li a{
		padding: 7px 12px;	
	}	
}

@media (max-width:767px){
	

	.social{
		max-width:100%;
		padding:0;
		/* text-align:center;	*/
	}
	.con_form input.form-control{
		max-width:72%;	
		font-size:15px;
		padding:8px 0;
	}
	.form {
  padding: 11px 27px 15px;
  }
  
  .con_form input.form-control.submit{
	  	margin-top:30px;
	 }
	 
.inner_con {
  margin: 0 auto;
  max-width: 100%;
}
	/*.cat {
   display:none;
}	*/
.form{
	/*margin:0 auto	*/
}
.text_con{
	text-align:center;	
	margin-top:0px;
}
.img_text p{
	margin:0 auto;	
}
.img_text span{
	margin:20px auto 33px;	
}
.get_start a{
	margin:50px 0;	
}
.text_con2{
	margin-top:75px;	
}
}

@media (max-width:660px) and (min-width:400px){
		
}
@media (max-width: 640px){ /* spans reduce to 100px then go full width */
	.customer_sec h3{
		margin:30px 0	
	}
    .row-fluid-5 [class*="span"]{
    margin-left: 0;
    float: left;
    width: 100%;
    padding: 10px; 
    }
	
	.banner_text h1{
		font-size:44px;	
	}
	
	a.try_now{
		padding: 5px 40px;
	}
	a.try_now:hover{
		padding: 5px 40px;
	}
	h2.main_heading{
		font-size:36px;
		line-height: 41px;	
	}

	
 }
 
@media (max-width:524px){ 
	.disk {
  padding-left: 13px !important;
  padding-right: 5px !important;
}
footer ul.list-inline > li {
  padding: 0 !important;
}

}
 
@media (max-width:500px){
.scrolled a.login-raww{
	font-size: 13px;
}
.scrolled .stickey-header .mview.nav_view {
    padding-top: 17px !important;
}

.scrolled .stickey-header {
	    height: 58px;
}
}


@media (max-width:490px){
	.get_start a{
		padding:14px;
		display:block;	 
	} 
}

@media (max-width:470px){
	.inner_con{
		background:#444;	
		border-radius:12px;	
	}	
	.con_form input.form-control{
		width:100%;	
		max-width:100%;
	}
	.con_form input.form-control.submit{
		font-size:20px !important;	
	}
}


@media (max-width:420px){
	
	
	.con_form input.form-control {
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
}
.con_form input.form-control.submit{
	font-size:24px;
	margin-top:43px;
	padding:15px;	
}
	.social a{
		font-size:35px;	
	}
	.social a{
		font-size:37px;	
	}
	.get_start a{
		padding:14px;
		display:block;	 
	}
	.form{
		padding:25px;	
	}
	.con_form input.form-control{
		width:100%;	
	}
}

.main_contact {
  background: #fff;
} 


/*** header ***/
.top-layout {
  margin: 0 auto;
  max-width: 1600px;
}


.top_sec {
background: url("/wp-content/uploads/2015/05/sec-bg.jpg") no-repeat scroll 0 0 / 100% 89% white;
}

#page, .navbar, .after-footer {
  margin: 0 auto;
  max-width: none;
}
 
 
  /*** contact-form ***/
 .contact-name, .contact-email, .contact-phone {
  border-bottom: 2px solid #969696;
  float: left;
  margin-bottom: 20px;
  max-width: 80%;
}

.contact-name input, .contact-email input, .contact-phone input{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
  border: medium none;
  box-shadow: none;
  color: #fff;
  outline-style: none;
  padding: 10px 0;
  width: 100%;
  color: #fff !important;
  font-family: Source Sans Pro;
  font-size: 21px;
  font-weight: 700;
    border-color: -moz-use-text-color -moz-use-text-color #969696;
	border-width: medium medium 2px;
}
.contact-message textarea 
{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
  border: medium none;
  box-shadow: none;
  color: #fff;
  outline-style: none;
  padding: 0;
  width: 100%;
    color: #fff !important;
  font-family: Source Sans Pro;
  font-size: 21px;
  font-weight: 700;
    border-color: -moz-use-text-color -moz-use-text-color #969696;
	border-width: medium medium 2px;
}
.contact-message {
 border-bottom: 2px solid #969696;
  max-width: 80%;
}

.inner_con input[type="submit"] {
  background: none repeat scroll 0 0 #fe4e00 !important;
  border: medium none;
  border-radius: 50px;
  line-height: 0;
  margin-top: 100px;
  padding: 28px 114px !important;
  transition: all 0.5s ease-in-out 0s;
  text-transform: none;
  font-family: Source Sans Pro;
  font-size: 21px;
  font-weight: 700;
  box-shadow: none;
}

.inner_con input[type="submit"]:hover {
  background: none repeat scroll 0 0 #fff !important;
  color: #fe4e00 !important;
  text-shadow: none;
  text-transform: none;
  box-shadow: none !important;
}

div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
  color: white;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  color: #fff;
}

/*** video-page ***/
.top-video-wrapper{
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/05/video-background.gif") no-repeat scroll 0 0 / 100% auto;
  height: 246px;
  margin-bottom: 40px;
}

/*** portfolio ***/

.-filters {
  border-bottom: 1px solid #cacaca;
  margin-bottom: 35px;
  text-align: center;
}

.-filters a {
  color: #4c4c4c;
  font-size: 17px;
  padding: 10px 20px !important;
  border: medium none !important;
}


.-skin-default .-filters .-filter.active {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-bottom: 4px solid #fe4e00 !important;
  color: #fe4e00;
  margin-bottom: -10px;
}

.-skin-default .-item .title {
color: #434343;
    font-size: 19px !important;
    margin-top: 9px !important;
    margin-left: 30px !important;
    text-align: left !important;
}

.-filters  a:hover {
 
  color: #fe4e00; 
}

.-filters a {
  text-transform: uppercase;
}

.-mask {
  background: #ffffff none repeat scroll 0 0 !important;
  border-radius: 50%;
  display: block !important;
  height: 40px !important;
  left: 0;
  margin: 0 auto !important;
  opacity: 0.6 !important;
  right: 0;
  top: 37% !important;
  vertical-align: middle;
  width: 40px !important;
}



.genericon.genericon-video {
  color: #000 !important;
  display: block !important;
  font-size: 30px !important;
  left: 0 !important;
  margin: 0 auto !important;
  opacity: 0.5 !important;
  right: 0 !important;
  top: 40% !important;
  width: 25px !important;
}




@media (max-width:888px){

.genericon.genericon-video {
  top: 42% !important; 
}
}

@media (max-width:488px){

.genericon.genericon-video {
  top: 40% !important; 
}
.-filters a {
  padding: 3px 7px !important;
}
}


@media (max-width:550px){
.inner_con input[type="submit"] {
padding: 28px 90px !important; 
}
}

@media (max-width:490px){
.inner_con input[type="submit"] {
  padding: 28px 50px !important;
}
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  max-width: 70%;
}

a:hover {
  color: #ffffff;
 
}
.try_now.try_now2:hover {
  color: #fe4e00;
}
.span2.raw-img {
  margin-top: -12px;
}
.span2.raw-img2 {
  margin-top: 6px;
}
.span2.raw-img3 {
  margin-top: 11px;
}

.span2.raw-img4 {
  margin-top: 2px;
}

@media (max-width:980px) and (min-width:751px){
.raw-box {
  /*width: 23%;*/
}
.banner_text h1 {
  font-size: 48px;
}

.try_now.try_now2 {
  float: left;
} 
.or {
  color: #b2b2b2;
  display: inline-block;
  font-size: 18px;
  padding: 50px 25px;
  text-transform: lowercase;
  float: left;
}

.try_now4 {
  margin-top: 35px !important;
}
a.try_now {
  padding: 12px 90px;
}

a.try_now:hover {
  padding: 12px 90px;
}
.span2.raw-img4 {
  margin-top: 7px;
}
h2.main_heading {
  font-size: 45px;
}

.con_form {
  margin-left: 100px !important;
}
.social {
  max-width: 480px;
  padding: 20px 0;
}
}

@media (max-width:750px) and (min-width:601px){
.raw-box {
  width: 33%;
}
h2.main_heading {
  font-size: 43px;
}
.banner_text h1 {
  font-size: 46px;
}
.top_sec {
  background: white url("/wp-content/uploads/2015/05/sec-bg.jpg") no-repeat scroll 0 0 / 100% 200% !important;
}
.raw-logo {
  width: 138px;
}

.social {
  max-width: 80%;
  padding: 0;
}

.img_text .text-center {
  margin: 30px auto;
}
.try_now.try_now2 {
  padding: 12px 82px;
}
.try_now.try_now2:hover {
  padding: 12px 82px;
}
.try_now.try_now4 {
  padding: 12px 100px;
}
.try_now.try_now4:hover {
  padding: 12px 100px;
}



}

@media (max-width:600px) and (min-width:481px){
.row-fluid-5 .span2 {
  width: 19.5% !important;
}
h2.main_heading {
  font-size: 35px;
}
.raw-box {
  width: 50%;
}
a.try_now {
  padding: 12px 100px;
}
a.try_now:hover {
  padding: 12px 100px;
}
.banner_text h1 {
  font-size: 55px;
}
.banner_text p i {
  padding-left: 31px;
}
.mview {
  padding-top: 3px !important;
}

.inner_con {
  margin: 0 -62px 0 auto;
  max-width: 100%;
}
.social {
  max-width: 93%;
  padding: 0;
}
.con_form {
  margin-left: 0 !important;
}
.row.social.text-center {
  margin-left: 12px;
}
.try_now.try_now2 {
  padding: 12px 82px;
}
.try_now.try_now2:hover {
  padding: 12px 82px;
}
.try_now.try_now4 {
  padding: 12px 100px;
}
.try_now.try_now4:hover {
  padding: 12px 100px;
}

.try_now.try_now3 {
  padding: 12px 40px;
}
.try_now.try_now3:hover {
  padding: 12px 40px;
}
.top_sec {
  background: white url("/wp-content/uploads/2015/05/sec-bg.jpg") no-repeat scroll 0 0 / 100% 200% !important;
}
.raw-logo {
  width: 138px;
}
}

@media (max-width:480px) and (min-width:321px){
.raw-box {
  width: 45%;
}
h2.main_heading {
  font-size: 27px;
}

.try_now.try_now2 {
  float: none;
}
a.try_now {
  padding: 12px 100px;
}
a.try_now:hover {
  padding: 12px 100px;
}
.banner_text h1 {
  font-size: 44px;
}
.or {
  padding: 12px 210px;
}
.try_now4 {
  margin: 0 !important;
}
a.try_now3 {
padding: 11px 35px !important;
  
}

.banner_text p {
  font-size: 23px;
}
.banner_text p i {
  padding-left: 0;
  font-size: 23px;
}
.customer_sec h3 {
  font-size: 19px;
}

.inner_con {
  background: #444 none repeat scroll 0 0;
  border-radius: 12px;
  margin: 0 auto;
  max-width: 100%;
}
.social {
  max-width: 100%;
  padding: 0;
}

.contact-name, .contact-email, .contact-phone {
  max-width: 90% !important;
}

.contact-message {
  max-width: 90% !important;
}

.inner_con input[type="submit"] {
   padding: 28px 28% !important;
}
.row.social.text-center {
  margin-left: 0;
}
.try_now.try_now2 {
  padding: 12px 70px;
}
.try_now.try_now2:hover {
  padding: 12px 70px;
}
.try_now.try_now4 {
  padding: 12px 91px;
}
.try_now.try_now4:hover {
  padding: 12px 91px;
}
.row-fluid-5 .span2 {
  width: 19.5% !important;
}
.top_sec {
  background: white url("/wp-content/uploads/2015/05/sec-bg.jpg") no-repeat scroll 0 0 / 100% 200% !important;
}

.raw-logo {
  width: 120px;
}
}

@media (max-width:320px){
.row-fluid-5 .span2 {
  width: 33% !important;
}
.raw-box {
  width: 100%;
}

.banner_text h1 {
  font-size: 30px;
}
a.try_now3 {
  font-size: 18px;
  /* padding: 10px !important; */
}

.or {
  padding: 12px 124px;
}
.banner_text p {
  font-size: 20px;
}
.banner_text p i {
  font-size: 20px;
  padding-left: 0;
}
.inner_con input[type="submit"] {
  padding: 28px 21% !important;
}

.row.social.text-center {
  margin-left: -3px;
}

.footer-area {
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.footer-area ul li {
  float: left;
  padding: 0 28px;
  text-align: left;
  width: 50%;
}
.footer-raww {
  margin-top: 40px;
  text-align: center;
  width: 100%;
}
.credit2 {
  font-size: 16px;
  padding: 15px 0;
}
.try_now.try_now2 {
  padding: 12px 60px;
}
.try_now.try_now2:hover {
  padding: 12px 60px;
}
.try_now.try_now4 {
  padding: 12px 80px;
}
.try_now.try_now4:hover {
  padding: 12px 80px;
}
.top_sec {
  background: white url("/wp-content/uploads/2015/05/sec-bg.jpg") no-repeat scroll 0 0 / 100% 200% !important;
}
.raw-logo {
  width: 120px;
}
}


.text_link:hover {
  color: #fe4a00;
}


@media (max-width:768px) and (min-width:601px){

.get-txt {
  float: right;
  width: 50%;
}

.get-text {
  float: left;
  width: 50%;
}
.img_text span {
  margin: 10px 0 26px;
}
.img_text p {
  text-align: left;
}

}


@media (max-width:360px){
a.login-raww {
  font-size: 12px !important;
}
}
	
/************************************************************
 * Push Sidebar Menu
 ************************************************************/
body{
transition:all 0.4s;
}
.navbar .navbar-default{
 display:block;
}
.nav_trigger{
display:none;
}
.mview {
  float: right;
  padding-top: 8px;
  text-align: right;
}
a.login {
  background: #9f9f9f none repeat scroll 0 0;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
 font-size: 16px;
 padding: 7px 16px;
 font-family: source sans pro;
}
.nav_trigger {
  cursor: pointer;
  float: right;
  font-size: 1.5em;
  line-height: 0;
  margin: 4px 20px 0 16px;
}
#desktopnav{
display:block;
}
.mview{
display:none;
text-align:right;
float:right;
}
#push_sidebar a.try_now {
  background: #fe4a00 none repeat scroll 0 0;
  border: 2px solid #fe4e00;
  border-radius: 50px;
  bottom: 20px;
  color: #ffffff;
  display: inline-block;
  font-family: Source Sans Pro !important;
  font-size: 22px;
  font-weight: 300;
  left: 15px;
  padding: 10px !important;
  position: absolute !important;
  right: 0;
  text-align: center;
  width: 90%;
  opacity:0.8;
}
#push_sidebar li a {
  color: #ffffff;
  display: block;
  font: 16px source sans pro;
  padding: 23px 40px;
  text-decoration: none;
  text-transform: uppercase;
}
#push_sidebar a.try_now:hover {
opacity:1;
}
body.show_sidebar .nav_trigger {
	margin-right: 12px;
}
#push_sidebar {
  background: #202020 none repeat scroll 0 0;
  border-left: 0 none;
  bottom: 0;
  box-shadow: 3px 0 6px #000000 inset;
  color: #95a7b7;
  overflow: auto;
  position: fixed;
  right: -250px;
  top: 0;
  padding-top:15px;
  width: 250px;
 
  -webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
	    -ms-transition: all .4s ease;
	     -o-transition: all .4s ease;
	        transition: all .4s ease; 
}

body.show_sidebar #push_sidebar {
	-webkit-transform: translateX(-250px);
	transform: translateX(-250px);
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
	    -ms-transition: all .4s ease;
	     -o-transition: all .4s ease;
	        transition: all .4s ease;
	        z-index: 111;
}
#wrapper {
	margin-right: 0;
	min-height: 700px;
	overflow: hidden;
	width: 100%;
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
	    -ms-transition: all .4s ease;
	     -o-transition: all .4s ease;
	        transition: all .4s ease;
}
body.show_sidebar  #wrapper {
-webkit-transform: translateX(-250px);
	transform: translateX(-250px);
	transition:all 0.4s;	
}

a.login:hover {
  background: #fe4a00 none repeat scroll 0 0 !important;
  color: #fff !important;
}
#push_sidebar li a:hover {
  color: #fe4a00;
}
/************************************************************
 * Push Sidebar Menu
 ************************************************************/	
	
	
	

/************************************************************
 * Push Sidebar Menu
 ************************************************************/
@media (max-width:1200px){
.mview{
display:block;
}
#desktopnav{
display:none;
}
.navbar{
 display:none !important;
}
.nav_trigger{
display:block;
color:#fff;
}
}
/************************************************************
 * Push Sidebar Menu
 ************************************************************/


/*** contact ***/

.con_form {
  margin-left: 305px;
  
}


.contact-name, .contact-email, .contact-phone {
  max-width: 70%;
}

.contact-message {
  max-width: 70%;
}


@media (max-width:980px) and (min-width:749px){

.footer-area {
  width: 20%;
}
.footer-raww {
  margin-top: 20px;
}
.signup {
  float: right;
  margin-left: 477px;
  margin-top: -200px;
  position: absolute;
  width: 45%;
}



.side-raw{
  float: right;
  margin-top: -187px;
  width: 39%;
}

a.try_now3 {
  padding: 11px 50px !important;
  
}
}


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

.signup {
  margin-top: -165px;
}

}


/*** sticky-header ****/
 
 .myfixed{

position:fixed;
z-index:9999;
background:#ffffff;

}
.nav-menu > li > a {
  color: #4c4c4c !important;
  font-family: source sans pro;
  font-size: 18px;
  text-transform: none;
}
.collapse.navbar-collapse ul.nav-menu li a {
  color: #4c4c4c !important;
}


#masthead {
  display: none;
}

#masthead.header-raww.myfixed {
  display: block;
  width: 100% !important;
   box-shadow: 0 0 7px -3px;
   left: 0;
  }


#masthead.header-raww.myfixed span {
  color: #424242 !important;
}

.navbar-default .navbar-nav > li.login-try a {
  background: #E9E9E9 none repeat scroll 0 0;
  border-radius: 50px;
}

.navbar-default .navbar-nav > li.login-try a:hover {
  background: #E9E9E9 none repeat scroll 0 0;
  border-radius: 50px;
}

.raw-login{
float:right;
 background: #fe4a00 none repeat scroll 0 0;
 border-radius: 50px;
 padding: 5px 32px;
}

.nav-menu {
  padding-left: 0px;
}


.collapse.navbar-collapse ul.nav-menu li.login-try a:hover {
  background: #fe4a00 !important;
  color: white !important;
}


.collapse.navbar-collapse ul.nav-menu li a:hover {
  color: #fe4a00 !important;
}

a.login-nav {
  background: #fe4a00 none repeat scroll 0 0;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  padding: 7px 23px;
  float: right;
}

a.login-raww {
  background: #fe4a00 none repeat scroll 0 0;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  padding: 7px 23px;
}

/**** features-page ***/
.databaseintro{
	background:url(/wp-content/uploads/2015/05/orange_bg.png);
	background-size:cover;
	background-position:center;
}
.appsection{
	background:#302e2e !important;
}
.appsection .col-md-6 .col-sm-6:first-child {
  padding-top: 53px !important;
}
.appsection .get_start a {
  background: #ea5715 none repeat scroll 0 0 !important;
  border: medium none !important;
  border-radius: 60px;
  color: #ffffff;
  display: inline-block;
  font-family: Source Sans Pro;
  font-size: 22px;
  font-weight: 400;
  margin: 50px 0 0;
  padding: 14px 113px;
}
.appsection .get_start a:hover {
	background: #fff;
	 color:#ea5715 none repeat scroll 0 0 !important;
}
.featured_text.text-center.maintitletxt > h2 {
  color: #ffffff !important;
  font-weight: lighter;
  margin-bottom: 52px !important;
}
.databaseintro .img_text h3 {
  color: #ffffff !important;
  font-family: Source Sans Pro;
  font-size: 22px;
  margin: 45px 0 10px !important;
}
.databaseintro .img_text p#pfotcol {
    max-width: 445px;
}
.databaseintro .img_text p {
  color: #f6e7e1;
  font-family: Source Sans Pro;
  font-size: 17px;
  font-weight: normal;
  line-height: 33px;
  max-width: 333px;
}
.databaseintro .col-md-8 .col-sm-8 img {
  height: auto;
  width: 100%;
}
#faas.appsection .img_text h3 {
    font-size: 26px;
}
#faas .is-flex, #daas .is-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.appsection .img_text h3 {
  color: #ffffff;
  font-family: Source Sans Pro;
  font-size: 22px;
  margin: 0 0 10px !important;
}
.appsection .media-left, .media > .pull-left {
  padding-right: 60px;
}
.databaseintro {
  padding-bottom: 50px;
}
.databaseintro  .get_start a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  border-radius: 60px;
  color: #ffffff;
  display: inline-block;
  font-family: Source Sans Pro;
  font-size: 22px;
  font-weight: 400;
  margin: 50px 0 0;
  padding: 14px 113px;
}
.clientlogos a {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  display: inline-block;
  height: 102px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  width: 102px !important;
}
.clientlogos a img {
  height: auto;
  width: 100%;
}
.row.clientlogos .col-md-7 {
  padding-top: 118px;
}
.clientlogos .img_text h3 {
  color: #000000;
  font-family: Source Sans Pro;
  font-size: 26px;
  margin: 14px 0 10px !important;
}
.row.clientlogos .col-md-7 {
  padding-top: 57px;
}


.featured_text p{
	margin:0px;
	font-family:Source Sans Pro;
	color:#535353;
	font-size:19px;
	max-width:895px;
	margin:0 auto;	
}
.featured_text h2{
	font-size:47px;	
	font-family:Source Sans Pro;
	color:#363636;
	font-weight:normal;
	margin:99px 0 15px 0 !important;
}
.img_text h3{
	color:#000;
	font-size:26px;	
	font-family:Source Sans Pro;
	margin:85px 0 10px !important;
	font-weight: 600 !important;
}
.featured_sec .img_text p{
	font-size:18px;
	color:#535353;
	max-width: 383px;	
	margin-bottom:20px;
}

.media-body, .media-left, .media-right {
  display: table-cell;
  vertical-align: top;
}

.media.txt-wrapp {
  padding-top: 50px;
}
.get-center a {
  margin-bottom: 100px;
  margin-top: 10px;
}

@media (max-width:767px){
	.row.clientlogos .col-md-7 {
  padding-top: 0;
}
.databaseintro .get_start a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  border-radius: 60px;
  color: #ffffff;
  display: inline-block;
  font-family: Source Sans Pro;
  font-size: 22px;
  font-weight: 400;
  margin: 50px 0 0;
  padding: 14px 60px;
}
.databaseintro .col-md-8 img {
  height: auto;
  margin-top: 50px;
  width: 100%;
}
.appsection .img_text h3 {
  color: #ffffff;
  font-family: Source Sans Pro;
  font-size: 20px !important;
  margin: 4px 0 10px;
  max-width: 100%;
  text-align: left !important;
}
.databaseintro .img_text p {
  color: #f6e7e1;
  font-family: Source Sans Pro;
  font-size: 15px !important;
  font-weight: normal;
  line-height: 33px;
  margin-bottom: 0;
  max-width: 100%;
  text-align: left !important;
}
.appsection .col-md-6.col-sm-6:nth-child(2) > img {
  height: auto;
  margin-top: 50px;
  width: 100%;
}
.databaseintro .img_text h3 {
  color: #ffffff;
  font-family: Source Sans Pro;
  font-size: 22px;
  margin: 4px 0 10px;
  max-width: 100%;
  text-align: center !important;
}
.databaseintro .img_text p {
  color: #f6e7e1;
  font-family: Source Sans Pro;
  font-size: 17px;
  font-weight: normal;
  line-height: 33px;
  margin-bottom: 0;
  max-width: 100%;
  text-align: center !important;
}


	.pricingcontent .get_start a {
  background: #fe4e00 none repeat scroll 0 0;
  border-radius: 60px;
  color: #ffffff;
  display: inline-block;
  font-family: Source Sans Pro;
  font-size: 15px;
  font-weight: 400;
  margin: 50px 0 20px;
  padding: 14px 34px;
}
}


/**** pricing-page ***/
.pricingcontent h2 {
  color: #262626;
  font-family: Source Sans Pro;
  font-size: 37px;
  font-weight: normal;
  margin-bottom: 36px !important;
  margin-top: 80px !important;
  text-align: left;
}
.pricingcontent h3 {
  color: #404040;
  font-family: Source Sans Pro;
  font-size: 18px;
  font-weight: bold !important;
  text-align: left;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.pricingcontent p {
  color: #404040;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: normal;
  line-height: 33px;
}
.pricingcontent .get_start a {
  background: #fe4e00 none repeat scroll 0 0;
  border-radius: 60px;
  color: #ffffff;
  display: inline-block;
  font-family: Source Sans Pro;
  font-size: 22px;
  font-weight: 400;
  margin: 50px 0 20px;
  padding: 14px 55px !important;
}
.pricingcontent i {
  color: #353535;
  display: block;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: lighter;
  margin-bottom: 20px;
}
.dummyheight{
	height:800px;
	width:100%;
	
}


/**** video-page ***/

.transparentbtn a {
  background: #fe4e00 none repeat scroll 0 0;
  border-radius: 60px;
  color: #ffffff;
  display: inline-block;
  font-family: Source Sans Pro;
  font-size: 22px;
  font-weight: 400;
  margin: 80px 0 100px;
  padding: 14px 81px !important;
}



.-skin-default .-items .-item .itembox {
  border: 0 none !important;
  box-shadow: none !important;
  width: 95% !important;
}


@media (max-width:400px){
.-filters a {
  padding: 0 !important;
}

.transparentbtn a {
  padding: 14px 23px !important;
}

.media-body, .media-left, .media-right {
  display: block;
  vertical-align: top;
}

.media-body.img_text {
  margin-top: 40px;
}


.pricingcontent .get_start a {
  font-size: 18px;
  padding: 14px 23px !important;
}

}



/**** blog ***/

.blog_row1{
	max-width:771px;
	margin:80px auto 130px;	
}
.ar_head h2{
	font-size:48px;
	font-family:Source Sans Pro;
	line-height:63px;
	
	margin:0px;	
}
.ar_head h2 a{
	color:#000;
	transition:ease-in-out .5s;
}
.ar_head h2 a:hover{
	color:#FE4E00;
}
.ar_head > span{
	font-size:18px;
	font-family:Source Sans Pro;
	color:#9f9f9f;
	font-weight:300;
	margin:11px 0 37px;
	display:block;
}
.ar_head span a{
	color:#fe4e00;
	font-weight:600;
}
.ar_head span span{
	color:#404040;
	font-weight:500;
	
}
.blog_text{
	margin:37px 0 16px;
	color:#404040;
	font-family:Source Sans Pro !important;	
}
.blog_text h3{
	text-transform:uppercase;
	color:#010101;
	font-size:28px;
	font-weight: bold !important;	
}
.blog_text p{
	font-size:18px;
	line-height:33px;
	color:#404040;	
	font-weight:300;
	margin:48px 0;
	letter-spacing: .2px;
}
.blog_text a{
	color:#f16739;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;	
}
.blog_links{
	border-top:1px solid #ccc;
	padding:13px 4px;
	font-size:15px;
	color:#f16739	
}
.social_links a{
	color:#b5b5b5;
	padding: 0 8px;
  font-size: 17px;	
  transition:all ease-in-out .5s;
}
.social_links a:hover{
	color:#f16739;
	transform:scale(1.1,1.1)
}
.try_now5{
	margin:10px	
}
.try_now5 a{
	text-transform:uppercase;	
	margin:10px 0 8px;
}
.try_now5 p{
	color:#000;
	font-family:Source Sans Pro	;
	font-size:22px;
}
.try_now5 span{
	font-family:Source Sans Pro	;
	font-size:18px;
	display:block;
	color:#b7b7b7;
	font-weight:300;
}
#last_blog_row{
	margin-bottom:0px;	
}

.tagname-txt a {
  color: #f16739;
  font-size: 15px;
}
.read-more {
  display: none;
}

.txt-post h2 {
  color: #fe4e00 !important;
}


/*** custom-header ***/
 
 .stickey-header::after {
  clear: both;
  content: " ";
  display: block;
  width: 100%;
}
.scrolled .stickey-header {
  top: 0 !important;
}
.stickey-header {
  background: white none repeat scroll 0 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  height: 70px;
  left: 0;
  position: fixed;
  right: 0;
  top: -100px;
  transition: all 400ms ease-in-out 0s;
  z-index: 9999;
}
.stickey-header .logo {
  left: 20px;
  position: absolute;
  top: 15px;
  z-index: 1000;
}
.stickey-header .logo img {
  transition: all 200ms ease 0s;
}
.stickey-header .main-menu {
  float: right;
  margin: 20px;
}
.stickey-header .main-menu li {
  display: inline-block;
  margin: 0 5px;
}
.stickey-header .main-menu li a {
  color: #4c4c4c ;
  display: block;
  font-family: source sans pro !important;
  font-size: 16px;
  font-weight: 500;
  padding: 7px 5px;
  text-decoration: none;
  text-transform: uppercase;
}

.stickey-header .main-menu li a:hover {
  color: #fe4a00 ;
}

.login-try > a {
  background: #e9e9e9 none repeat scroll 0 0;
  border-radius: 50px;
  padding: 5px 16px !important;
}

.login-try > a:hover {
  background: #fe4a00 none repeat scroll 0 0 !important;
  color: white !important;
}

.login-nav > a {
  background: #fe4a00 none repeat scroll 0 0;
  border-radius: 50px;
  color: #ffffff !important;
  padding: 6px 23px !important;
}

a.login-raww {
  background: #fe4a00 none repeat scroll 0 0;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  padding: 5px 23px;
}

.trigger_try {
  color: #424242 !important;
}
.nav_view {
  float: right;
  padding-top: 16px !important;
  text-align: right;
}


@media (max-width:400px){
.logo.stic-logo {
  width: 30%;
}
}


/*** responsive ****/
.main_sec {
  background: #f4f4f4 none repeat scroll 0 0;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  color: #fff;
  width: 66%;
}

@media (max-width:1199px){
.con_form {
  margin-left: 222px;
}
.scrolled .mview.nav_view{
padding-top: 22px !important;
}


}

@media (max-width:991px){
.con_form {
  margin-left: 100px !important;
}
.con_form {
  margin: 0 auto;
  padding: 77px 10px;
  width: 689px;
  max-width:689px !important;
}
.topbar p{
margin-bottom:0px;
}
.topbar, .scrolled .topbar{
    padding: 7px 5px 8px 5px;
}
.scrolled .mview.nav_view {
    padding-top: 19px !important;
}
}

@media (max-width:800px){
.con_form {
  margin-left: 55px !important;
}
}

@media (max-width:750px){
.con_form {
  margin-left: 40px !important;
}
.contact-message {
  max-width: 66%;
}
}



@media (max-width:700px){
.con_form {
  margin-left: 0px !important;
}
.inner_con {

  margin: 0 auto !important;
  max-width: 100%;
}
body .topbar span.redmigrate {
    font-size: 12px !important;
}

.topbar p{
    font-size: 12px !important;
	line-height: 15px !important;
    
}

body.scrolled  .top-layout .stickey-header{
    top: 0px !important;
left: 0;
    position: fixed;
    right: 0;
}

.scrolled .topbar{

    min-height: 40px;


}
.topbar{

    min-height: 40px;
padding: 10px 5px 10px 5px;

}
}








@media (max-width:600px) and (min-width:479px){
.row.social.text-center {
  margin-left: 0;
}
.social {
  max-width: 77%;
  padding: 0;
}
}

@media (max-width:580px){

#btnstyles div {
    display: block !important;
    width: 100% !important;
}


.con_form {
  margin: 0 auto;
  padding: 77px 10px;
  width: 100%;
}

}

@media (max-width:480px){

#btnstyles div {
    display: block !important;
    width: 100% !important;
}

.pricingcontent h2.Apitext {
  margin-bottom: 12px !important;
  margin-top: 39px !important;
}

.banner_text.banner_text2 {
  padding-bottom: 26px !important;
}
.orclass {
  font-size: 21px !important;
  padding-top: 0 !important;
  text-align: center !important;
}
.pricingcontent i {
  font-size: 15px;
  margin-bottom: 10px;
  text-align: center;
}
.commonstylepara {
   text-align:center !important;
}
.pricingcontent h2 {
  font-size: 24px !important;
  line-height: 32px !important;
}
.orangetext {
  text-align: center !important;
}




.contact-name, .contact-email, .contact-phone {
  max-width: 100%;
}
.contact-message {
  max-width: 100%;
}
}

@media (max-width:320px){
.span2:nth-child(4) {
  margin-left: 48px;
}
.banner_text p {
  font-size: 16px;
}
.banner_text p i {
  font-size: 15px;
  padding-left: 0;
}
}


@media (max-width:450px){
h2.main_heading {
  font-size: 17px;
  line-height: 41px;
}
}

/*** page-bottom ***/
.txt-start {
  background: #fff none repeat scroll 0 0;
}

/* =============================   *******  contact2 css start here   ***********   ================================  */
.main_contact2{
	background:url('https://www.backand.com/wp-content/uploads/2015/06/map.jpg') no-repeat;
	background-size:100% auto;
	padding-top:180px;	
}
.inner_con2{
	background:#fff;
	border-radius:13px 13px 0 0;	
	padding-top:40px;
}
.inner_con2  input.form-control{
	width:100% !important;	
	color:#a9a9a9;
	padding:14px 12px;
}
.inner_con2 .form{
	max-width:526px;
	padding:30px 83px 15px 65px	
}
.main_contact2 .con_form{
	max-width:526px !important;
	margin:0px !important;
	padding-top:0px;
}
.main_contact2 input.form-control.submit{
	color:#fff;	
	margin-top: 72px;
}
.social_icons a{
	height:49px;
	width:49px;
	border-radius:100%;
	background:#aaa;	
	font-size:28px;
	text-align:center;
	padding:6px;
	color:#fff;
	display:inline-block;
	margin-right:10px;
}
.social_icons a:hover{
	background:#fe4e00;
	color:#fff;	
}
.left_contact address{
	font-size:21px;
	color:#444;	
	font-family:Source Sans Pro;
}
.left_contact{
	padding-top:347px;	
}







.name-txt, .email-txt, .phone-txt, .message-txt{
  border-bottom: 2px solid #969696;
  float: left;
  margin-bottom: 20px;
  max-width: 93%;
}

.name-txt input, .email-txt input, .phone-txt input, .message-txt textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-color: -moz-use-text-color -moz-use-text-color #969696;
  border-image: none;
  border-style: none;
  border-width: medium medium 2px;
  box-shadow: none;
  
  font-family: Source Sans Pro;
  font-size: 21px;
  font-weight: 700;
  outline-style: none;
  padding: 10px 0;
  width: 100%;
}

.sent-txt input[type="submit"]{
  background: #fe4e00 none repeat scroll 0 0;
  font-family: Source Sans Pro;
  border: medium none;
  border-radius: 50px;
  margin-top: 70px;
  padding: 30px !important;
  transition: all 0.5s ease-in-out 0s;
  width:93%;
  line-height: 0;
  font-size: 21px;
  text-transform: none;
}

.sent-txt input[type="submit"]:hover{
background: #333;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  max-width: 93%;
}

div.wpcf7-validation-errors {
  
  color: #333;
}
div.wpcf7-mail-sent-ok {
  
  color: #333;
  width: 93%;
}

@media (max-width:991px){
	.social_icons a {
    height: 45px;
    width: 45px;
    font-size: 24px;

padding: 4px;
    }
    .left_contact address {
    font-size: 17px;}
    }



@media (max-width:767px){
	
	.main_contact2{
		padding-top:30px;	
	}
	.main_contact2 .con_form{
		margin:0 auto !important;
		max-width:400px;
	}	
	.inner_con2 .form{
		padding: 0px 52px;
	}
	.con_form input.form-control{
		max-width:100% !important;	
	}
	
	.left_contact{
		padding:0 0 50px;
		text-align:center;	
	}
	.social_icons{
		max-width:100%;
		text-align:center;
		margin:0 auto;
	}
	
	
	
}
/* ==================================   PRICING Pages css start here for desktop view    ===================================== */
.plan_bann_text p{
	max-width:991px;	
	margin:auto auto;
}
.tab_section{
	border-bottom:1px solid #e0e0e0;
}
.tabs_anchor a{
	display:inline-block;
	color:#383838;
	text-transform:uppercase;
	font-size:17px;	
	font-family:'Source Sans Pro';
	font-weight:bold;
	padding:12px 24px;
	vertical-align:middle;
	transition:ease-in-out .5s;
}
.tabs_anchor a span:first-child{
	background:#fe4e00;
	color:#fff;
	display:inline-block;
	height:32px;
	width:32px;
	border-radius:100%;
	text-align:center;
	padding-top:2px;
	vertical-align:middle;	
}
.tabs_anchor a span:last-child{
	margin-left:8px;
	display:inline-block;
	vertical-align:middle;	
}
.tabs_anchor a.active{
	border-bottom:3px solid #fe4e00;	
}
.tabs_anchor a:hover{
	border-bottom:3px solid #fe4e00;	
}
.top_bar_right {
	color:#383838;
	font-size:17px;
	font-family:'Source Sans Pro';
	font-weight:300;
	vertical-align:middle;	
	  padding: 11px 0;
	  position:relative;
	  
}
.top_bar_right > span{
	color:#fe4e00;
	font-size:26.51px;
	vertical-align:middle;
	font-weight:400;	
}
.top_bar_right > a{
	background:#fe4e00;
	font-size:13.81px;
	vertical-align:middle;
	text-transform:uppercase;
	color:#fff;
	border-radius:50px;
	padding:11px 25px;	
	  margin-left: 30px;
	  transition:ease-in-out 1s;
}
.top_bar_right > a:hover{
	background:#2c2c2c;	
	
}
.top_bar_right:hover .onhover_con{
	display:block;	
} 
.onhover_con{
	position:absolute;
	top:100%;
	right:0;	
	  width: 100%;
  max-width: 412px;
  display:none;
  transition:ease-in-out 2s;
}
.on_hover{
	background:#2c2c2c;	
	position:relative;
}
.list{
	padding:10px 15px;
	color:#fff;	
	border-bottom:1px solid #434343
}
.list span.pull-right{
	font-weight:600;	
}
.list ul{
	margin-bottom:0px;	
}
.list ul li{
	  padding: 6px 0;	
}
.on_hover .below_list{
	text-align:center;
	padding:15px;	
}
.on_hover .below_list p{
	color:#fff;
	opacity:0.6;
	font-size:17px;
	  margin-bottom: 0px;
}
.on_hover .below_list a{
	color:#fe4e00;
	font-size:19px;
	display:inline-block;
}
.arrow_span{
	position:absolute;
	  bottom: 97%;
  left: 51%;	
}


.h2_plan{
	font-size:47px;
	font-family:'Source Sans Pro';
	margin-top:42px;	
}
.h2_plan span{
	color:#fff;
	background:#fe4e00;
	font-size:28px;
	vertical-align:middle;
	padding:9px 15px;
	display:inline-block;
	
}
.about_plan span{
	color:#535353;
	font-family:'Source Sans Pro';
	font-size:19px;
	font-weight:400;
	background:url(https://www.backand.com/wp-content/uploads/2015/07/bullis_cir.png) no-repeat;
	background-position:left center;
	padding:15px 20px;	
	display:inline-block;
}
.about_plan span:first-child{
	background:none;	
}
.about_plan .get_start a{
	margin:20px 0 100px;
	font-weight:300;
	font-family:'Source Sans Pro';
	
}	



	/* ==============================================   ******
				PLAN SECTION CSS START HRE
	***********  ================================================== */
	
	
.plan_box.plan_border:after{
	background:#e8e8e8;
	width:1px;
	height:75%;
	position:absolute;
	top:5%;
	right:0px;
	bottom:20%;
	content:'';
}

.database_plan .plan_box.plan_border:after{
	
	height:86%;
	position:absolute;
	top:5%;
	right:0px;
	bottom:0%;
	content:'';
}


.plan .heading h2{
	font-size:36px;
	color:#202020;
	font-family:'Source Sans Pro';
	font-weight:300;
	margin-top:0px;
}
.plan .heading p{
	font-size:19px;
	color:#424242;
	font-family:'Source Sans Pro';
	font-weight:300;
}

.plan_row{
	display:table;
	width:100% !important;	
	margin:70px 0;
}
.plan_row .plan_box{
	display:table-cell;
	padding:15px 35px 130px;
	border:2px solid #fff;
	border-radius:25px;
	position:relative;
	width:24%;
}
.plan_row .plan_active{
border-color:#fe4e00;	
}
/*.plan_row .plan_box:hover{
	border-color:#fe4e00;
}*/
.in_plan_box{
	max-width:203px;
	margin:0 auto;	
}
.in_plan_box h4{
	font-size:24.84px;	
	font-weight:600;
	font-family:'Source Sans Pro';
	margin-bottom:15px;
}
.in_plan_box a.top_btn{
	border:2px solid #fe4e00;
	border-radius:20px;
	color:#fe4e00;
	display:block;
	text-align:center;
	padding:3px;
	font-size:24.84px;
	font-weight:600;
	font-family:'Source Sans Pro';	
	margin:0 0 10px;
	
}
.mx_onoe{
	max-width:165px;
	margin:0 auto;	
}
.in_plan_box a.top_btn:hover{
	color:#333;
	border-color:#333;	
}
.in_plan_box ul li{
	color:#000;	
	font-weight:600;
	font-size:17.6px;
	font-family:'Source Sans Pro';
	padding: 5px 0;
}
.in_plan_box ul li i{
	color:#585858;
	font-weight:200;	
}
.in_plan_box .select{
	display:block;
	background:#fe4e00;
	color:#fff;
	font-size:15.29px;
	border-radius:50px;
	padding:8px;
	margin-top:50px;
	border:2px solid #fe4e00;
	position:absolute;
	bottom:35px;
	left:35px;
	right:35px;
	max-width:203px;
	transition:ease-in-out .3s;
	  margin: auto auto;
	
}
.select:hover {
	background:#2a2a2a !important;
	color:#fff !important;	
	font-size:16.43px;
	font-weight:600;
	border:2px solid #2a2a2a;
}
.plan_row .plan_active .select{
	background:none;
	color:#fe4e00;
	font-size:16.43px;
	font-weight:600;	
}
.top_btn span{
	text-transform:uppercase;
	font-size:12.42px;
	font-family:'Source Sans Pro';
	font-weight:600;
}
.popular{
	margin:-45px 0 0 0;
	text-transform:uppercase;
	font-size:14.08px;
	font-family:'Source Sans Pro';
	text-align:center;	
	color:#fe4e00 !important;
	margin-bottom:29px;
}

.database_plan{
	padding-top:40px;	
}


/* =================================================***************************

Enterprices Solution Section css start  here

***======================================================== */
.enter_sol{
	padding:40px 0px;
	background:#ea5715;
	color:#fff;	
	font-family:'Source Sans Pro';
	background:url(https://www.backand.com/wp-content/uploads/2015/07/enter_sol_bg.jpg) no-repeat;
	background-size:cover;
	padding:49px 0;
}
.enter_sol h2{
	font-size:36px;
	font-weight:200;
	margin-top:0px;
	color:#fff !important;
}
.enter_sol p{
	font-size:17px;
	font-weight:400;
	max-width:646px;
	font-family:'Source Sans Pro';
	line-height:33px;
	margin:25px auto;
	text-align:center;
	/*-moz-text-align-last: center;
    text-align-last: center;*/
}
.enter_sol p:last-line{
	text-align:center;	
}
.enter_sol a{
	background:#fff;
	display:inline-block;
	color:#fe4e00;
	font-size:20px;
	text-transform:uppercase;
	padding:18px 46px;	
	border-radius:50px;
	margin:25px 0;
	transition:ease-in-out 1s;
}
.enter_sol a:hover{
	background:#2a2a2a;
	color:#fff;	
}
.faq_section{
	font-family:'Source Sans Pro';
	  padding: 50px 0px 65px 0;
         background: #fff;
}
.faq_section h2{
	font-size:36px;
	font-weight:300;
	font-family:'Source Sans Pro';
	margin:10px 0  50px 0 
		
}
.faq_section h4{
	font-size:18px !important;
	font-weight:700 !important;
	font-family:'Source Sans Pro' !important;
}
.faq_section p{
	color:#404040;
	font-size:15px;
	font-weight:lighter;
	line-height:33px;	
}
.faq_section .row div p{
	max-width:509px;
	padding-bottom:40px;	
}

.new_header{
	background:url(../images/header-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center;	
}



@media (min-width:901px) and (max-width: 1020px){
		.tabs_anchor a{
			  font-size: 17px;
  padding: 12px 9px;	
		}
		.top_bar_right > a{
			padding:11px 20px;
			margin-left: 4px;	
		}
		.top_bar_right{
			font-size: 17px;	
		}
		.top_bar_right > span{
			  font-size: 21.51px;	
		}
}


 /* ========================================== this css for max-width:1024 px ==============================================  */
 @media  (max-width: 1024px){
.plan_row .plan_box:last-child .in_plan_box ul.text-center{
	text-align:left !important;	
}

}
/* ========================================== this css for max-width:1024 px ==============================================  */




@media (min-width:768px) and (max-width:900px){
	
	
	/* Pricing css start here */
	
		.tabs_anchor a{
			  font-size: 15px;
  padding: 12px 9px;	
		}
		.top_bar_right > a{
			padding:11px 6px;
			margin-left: 4px;
			font-size:12px;	
		}
		.top_bar_right{
			font-size: 14px;
			  padding-top: 16px;	
		}
		.top_bar_right > span{
			  font-size: 15.51px;	
		}
		.tabs_anchor a span:last-child{
			  margin-left: 3px;	
		}
		
		.tabs_anchor a span:first-child {
		  height: 29px;
		  width: 29px;
		}
	.about_plan span {

  font-size: 15px;}
  .plan_row .plan_box{
	padding: 15px 20px 130px;
}
.in_plan_box .select{
	  left: 20px;
  right: 20px;	
}
.in_plan_box ul li{
	  font-size: 14.6px;	
}
.in_plan_box h4 {
  font-size: 19.84px;}
	/*================= Pricing css Closed ============ */
	
}


/* =========================================== MAX width :767px ================================*/

@media  (max-width: 767px){
.plan_box.plan_border:after, .database_plan .plan_box.plan_border:after {
		display:none;
	}	
	.tabs_anchor{
	display:none;
	}
	.top_bar_right{
		text-align:center;	
	}
	.faq_section .row div p{
		max-width:100%;	
	}
	
	.faq_section .container {
		max-width:620px;
		margin:auto auto;	
	}
	.about_plan span:nth-child(4){
			background-image:none;
		}
	.about_plan{
		  max-width: 496px;
  margin: 20px auto 12px;	
	}
	.about_plan span{
		padding:0px 12px 0 18px;	
	}
	.main_contact  .container{
		border-bottom:1px solid #efefef;	
	}
	.about_plan .get_start a {
  margin: 35px 0 16px;
}
	.plan .heading h2{
		  margin-top: 40px;	
	}
	
	.plan .heading p{
		max-width:518px;
		margin:0 auto 10px;	
	}
	.plan_row{
		display:block;	
		margin-top:5px;
	}
	.plan_row .plan_box{
		display: block;
  	width: 100%;
	border:none;
	border-bottom:1px solid #efefef;	
	border-radius:0px;	
	padding: 15px 35px 15px;
	}
	.plan_row .plan_box:last-child{
		border-bottom:none;	
	}
	.in_plan_box{
		max-width:248px;
		margin:0 auto;
		padding:0px 35px;
	}
	.in_plan_box .select{
		position:static;
		  border-radius: 19px;
		  padding: 10px;	
		  margin-top:18px;
	}
	.plan_row .plan_active  .in_plan_box{
		padding:6px 35px 16px;	
		border: 2px solid #fe4e00;
		   border-radius: 25px;
	}
	.popular{
		margin:0px 0 15px;	
	}
	.database_plan{
		margin-top:0px;	
	}
	
	.database_plan .heading h2{
		margin-top:10px;	
	}
	.faq_section{
		padding-bottom:30px;	
	}
	.faq_section h2{
		margin-top:0px;	
	}
	.enter_sol{
		padding:25px 0 40px;	
	}
	
	
	
	
	}
	/*===================================== Pricing  750 Css closed here============================================= */


/* ======================================  Pricing 490px css start here  ================================ */
@media (max-width: 490px){
	.plan_bann_text p{
		  font-size: 20px;	
	}	
	
	.about_plan span{
		padding: 0px 4px 0 13px;	
	}
	.about_plan .get_start a{
		  display: inline-block !important;
  width:80% !important;
}	}
/* ======================================  Pricing 490px css start here  ================================ */
	

@media (max-width:480px){
	.plan_bann_text p{
		  font-size: 20px;	
	}	
	
}



/* ========================================     This css for MAX_WIDTH 470px      =====================================   */

/* pricing css for below 470px and small Devices */
		@media  (max-width: 470px){
	.top_bar_right > a{
		display:block;		
	}	
	.h2_plan span {
	  font-size: 24px;
	  padding: 7px 10px;
	}
	.about_plan span:nth-child(4){
		  background: url(https://www.backand.com/wp-content/uploads/2015/07/bullis_cir.png) no-repeat;
  background-position: left ;	
	}	
	.h2_plan{
		font-size:31px;	
	}
	.plan .heading h2{
		font-size:22px;
			
	}
	.plan_row .plan_box{
		padding: 15px 0 15px;	
	}
	.enter_sol p{
		line-height:24px;	
	}
	.enter_sol h2{
		font-size: 33px;	
	}
	.enter_sol a{
		padding: 18px 21px;	
	}
	.faq_section p{
		  line-height: 24px;	
	}
	}
/* ================== close  470px  ================== */



/*** custom likes **/

.count{
opacity: 0;
}

.staff-photo:hover .count{
  opacity: 1;
  transition: all 0.5s ease 0s;
}

.voted {background-color: #fe4e00;
opacity: 1;
}

.iconimg:hover, .iconimg:focus {
  background-color: #fe4e00;
}
h3.heading_tex_t {
  color: #000 !important;
  font-family: Source Sans Pro !important;
  font-size: 18px;
  font-weight: bold !important;
  margin-bottom: 14px !important;
  margin-top: 18px !important;
}



/* -======================   support page css start here :)     ======================= */

.support_sec h3{
		margin:30px 0 10px;
}
.support_sec .img_text p{
	    max-width: 509px;
		line-height: 28px;	
		padding-right: 15px;
		
		color: #535353;
}
.support_row{
	border-bottom:1px solid #ccc;
	    padding: 70px 20px;	
}
.support_row2{
	padding: 40px 20px 40px;	
}
.support_row4{
	border-bottom:none;
	    padding: 60px 20px 120px;	
}


/* ==============  help center page css start here :)    ============== */
.help_sec .support_row{
	border:none;	
	    padding: 30px 20px;
}
.help_sec .help_row1{
	padding-top:60px;	
}
.help_sec .img_text p{
	    max-width: 330px;
		line-height: 33px;
		color:#404040;
			
}
.help_sec .img_text span.count{
	display:block;
	height:49px;
	width:49px;
	background:#fe4a00;
	color:#fff;
	border-radius:100%;
	text-align:center;
	opacity:1 !important;
}
.help_sec .img_text p a{
	color:#fe4a00;	
}

/* new css code 27-01-2016 */
.media-body
{
	padding-left:20px !important;
	
}
#getbackcol {
  background-color: #f7f7f7;
}


.hiring_img{
	display:none !important;
}.banner_text2 p{ font-size: 27px;    font-family: Source Sans Pro !important;    color: rgb(160, 160, 160);}
.woocommerce-cart #top .button {
display: none!important;
}

/* ==============  secuirty page css start here    ============== */
.securityDataSec .DataEncryptionPara a {
    color: #fe4e00;
}