/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	background: #e6f0f1 url(../img/bg.jpg) repeat 0 0;
	color: #515E69;
}
a {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  color: #16A7A7;
}
a:hover {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
    color:#075757
}
.navbar {
	margin-bottom: 0;
}
.navbar .container {
	width: 90%;
}
.navbar .navbar-inner{
	background: #e6f0f1 url(../img/bg.jpg) repeat 0 0;
	border-radius: 	0;
	border-bottom: 1px solid #488197;
	padding: 5px 0;
	
}

.navbar .brand{
	font-family: "Lobster", Arial, "MS Trebuchet", sans-serif;
	color: #e44173;
	font-size: 2em;
	text-align: center;
}

.navbar .nav>li>a {	 
	 
	color: #22575b;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFF;
	font-size: 1.2em;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus{
	font-weight: bold;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	 
	color: #22575b;
	
}
.navbar .nav>.active>a:after{
	background: transparent url(../img/menu-arrow.png) no-repeat center bottom;
	content: "";
   display: block;
   width: 21px;
   position:absolute;
   height: 13px;
   margin: 10px auto;
   top:44px;
}

.brand i {margin-right: 10px;}

/*  Banner */
#banner{
	display: block;	 
	width: 100%;	 
	-moz-box-shadow: inset 0px 11px 8px -10px #3597A0,
	 inset 0px -11px 8px -10px #3597A0;
	-webkit-box-shadow: inset 0px 11px 8px -10px #3597A0,
	 inset 0px -11px 8px -10px #3597A0;
	box-shadow: inset 0px 11px 8px -10px #3597A0,
	 inset 0px -11px 8px -10px #3597A0;
	z-index: 2;
	top: 0;
	background: #75cfd7 url(../img/banner-bg.jpg) repeat 0 0;
}
#banner_heading{
	font-family: "Lobster", Arial, "MS Trebuchet", sans-serif;
	color: #FFF;
	font-size: 3.5em;
	margin-top: 50px;
	text-shadow: 1px 2px 3px #18A1BB;
	
}
#banner_heading span{
	font-size: 0.6em;
	margin-top: 50px;
	opacity: 0.9;
}
.ver_block {
	padding :20px  0 0 20px;
	 
}
.ver_block span{
	padding: 10px 20px;
	background: #378c99;
	color: #FFF;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: inset 1px 2px 2px #000;
	-webkit-box-shadow: inset 1px 1px 2px 2px #217481;
	-moz-box-shadow: inset 1px 1px 2px 2px #217481;
	box-shadow: inset 1px 1px 2px 2px #217481;
	font-weight: bold;
	 
}
.banner_contain p{
	margin: 25px 0 10px;
	padding-left: 20px;
	color: #FFF;
	font-size:1.2em;
	line-height: 1.5em;
	text-shadow: 1px 1px 2px #18A1BB;
}
.banner_contain ul,.banner_contain li {
	list-style: none;
	color: #FFF;	
	font-size:1.1em;
	text-shadow: 1px 1px 2px #18A1BB;
	padding: 5px 0;
}
.banner_contain li i {
	color: #FFF;
	margin-right: 5px;	
}
/* Phones =============================================== */
.download_block{
	margin-top: 20px;
	margin-left: 15px;
} 
.download-icon{
	text-decoration: none;
	width: 135px;
	height: 40px;
	margin:0 10px 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	display: inline-block;
	opacity:0.8;
	position: relative;
	 
}
.download-icon:hover{
	 opacity: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	bottom:5px;	
	text-decoration: none;
	
}
 
.ico-android{
	background: transparent url(../img/dwn_android.png) no-repeat;
}
.ico-iphone{
	background: transparent url(../img/dwn_iphone.png) no-repeat;
}
.ico-ipad{
	background: transparent url(../img/dwn_ipad.png) no-repeat;
}
.ico-windows{
	background: transparent url(../img/dwn_windows.png) no-repeat;
}
.ico-blackberry{
	background: transparent url(../img/dwn_blackberry.png) no-repeat;
}
 
 
 
 
/* iPhone styles  */
 div.iphone {
	background: url('../img/iphone/iphone_black.png') no-repeat center center;
	height: 530px;
}

div.iphone > div.carousel {
	 width:190px;
	 height: 285px;
	 background: #000;
	 margin:0 auto;
	 top: 22.2%;
	 left:1px;
	  
}


 
/* Android styles  */
 div.android {
	background: url('../img/android/android_black.png') no-repeat center center;
	height: 530px;
}

div.android > div.carousel {
	 width:190px;
	 height: 302px;
	 background: #000;
	 margin:0 auto;
	 top: 22.2%;
	 left:1px;
	  
}

/* iPad styles  */
 div.ipad {
	background: url('../img/ipad/ipad_black.png') no-repeat center center;
	height: 530px;
}

div.ipad > div.carousel {
	 width:275px;
	 height: 365px;
	 background: #000;
	 margin:0 auto;
	 top: 15.3%;
	 left:1px;
	  
}
.ipad-carousel{	
	margin-left: 42% !important;
}


/* Screen control ======================================= */

 
.carousel-nav {
	margin-top: -14px;
	margin-left: 39%;
	position: relative;
	top: -16px;
}

.carousel-nav a {
    float: left;
    width: 17px;
    height: 16px;
    background: url('../img/defaul_bullet.png') no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
}
.carousel-nav a.active {
    background: url(../img/selected_bullet.png) no-repeat;
}

.seprator {
	background: transparent url(../img/separator.png) no-repeat center center;
	height: 25px;	
	 margin: 25px 0;
}
hr {
	text-align: center;
	border-top: solid 1px #C4D3DD;
	border-bottom: solid 1px #FDFDFD;		
	margin: 25px 0;
}
/* main Contain home page */

#features{
	text-align: center;
}
#features i{
	font-size: 50px;
	line-height: 90px;
	color:inherit;
}

#features h2{
	font-family: "Lobster", Arial, "MS Trebuchet", sans-serif;
	margin: 20px 0 40px;
	color: #E44173;
	font-weight: normal;
	font-size: 2.6em;
}
#features h4{
	 
	margin:20px 0 ;
	color: #666;
}
#features p {
	color: #999;
}
.iconborder{
	border-radius: 50%;
	height: 90px;	
	width: 90px;
	margin: 0 auto;
	border: 10px solid #b5c5c2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #b5c5c2;
}
.iconborder:hover,.iconborder:focus{
	border: 10px solid #E9AFBB;	 
	color: #E9AFBB;
}
 
 

/*  Social Media icons */

 h2{
	font-family: "Lobster", Arial, "MS Trebuchet", sans-serif;
	margin: 0px 0 40px;
	color: #E44173;
	font-weight: normal;
	font-size: 2.6em;
	text-align: center;
}
.social-media{
	text-align: center;
	margin: 0 0 40px;
}
.social-media a{
	width: 50px;
	height: 50px;
	display: inline-block;
	font-size: 15px;
	margin: 0 10px;
	border: 5px solid #B8C2CA;
	border-radius: 50em;
	color: #B8C2CA;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	top:0;
}
.social-media a i{
	font-size: 30px;
	line-height: 50px;
	color:inherit;
}

.social-media a:hover,.social-media a:focus{
	text-decoration: none;
	color: #FFF;
	border: 5px solid #4994B8;
	background:#4994B8;
	top:-3px;
	position: relative;
}

.copyright{
	background: transparent url(../img/separator.png) no-repeat center top;
	padding-top: 30px;	 
	text-align: center;
	color:#999;
	font-size: 0.9em;
	line-height: 30px;
	 	
}

/* video */
.embed-container{
	position: relative;
	text-align: center;
}
.embed-container iframe{
	width: 480px;
	height: 250px;
	margin: 0 auto;
	position: relative;
	border: 10px solid #BAC3C7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:  2px 3px 3px #999 ;
	-moz-box-shadow:   2px 3px 3px #999 ;
	box-shadow:   2px 3px 3px #999 ;
}



/*  About  */

#page-title {	 
	padding-left: 5px;
	padding-right: 5px;
	-moz-box-shadow: inset 0px 11px 8px -10px #3597A0, inset 0px -11px 8px -10px #3597A0;
	-webkit-box-shadow: inset 0px 11px 8px -10px #3597A0, inset 0px -11px 8px -10px #3597A0;
	box-shadow: inset 0px 11px 8px -10px #3597A0, inset 0px -11px 8px -10px #3597A0;
	z-index: 2;
	top: 0;
	background: #75CFD7 url(../img/banner-bg.jpg) repeat 0 0;
	margin-bottom: 25px;
	
}
#page-title h2 {
	display: inline-block;
	color: #FFF;
	padding: 15px 20px 10px 0px;
	font-size: 34px;
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
	margin-bottom: 10px;
	opacity: .9;
	filter: alpha(opacity=90);
}
.breadcrumb {margin-bottom:35px;}

#page-title h2 i{
	margin-right: 10px;
	
}

/* Our team */
  .featured-thumbnail {
	margin: 0 0 10px 0;
	-webkit-box-shadow: 0 3px 0 #ffffff;
	-moz-box-shadow: 0 3px 0 #ffffff;
	box-shadow: 0 3px 0 #ffffff;
	-webkit-border-radius: 170px;
	-moz-border-radius: 170px;
	border-radius: 170px;
	margin: 0 auto;
}

.team-thumbnail {
	text-align:center; 
	padding:15px;
	 
}
 
.team-thumbnail-img{
	width: 140px;
	height: 140px;	 
	display: block;	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 0 #ffffff;
	-moz-box-shadow: 0 3px 0 #ffffff;
	box-shadow: 0 3px 0 #ffffff;
	z-index: -1;
	margin:0 auto;
}
 
.team-thumbnail-img img{
	width: 140px;
	height:140px;
	 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	
	
}

/* Freature Page */
 img.thumb:hover {
	box-shadow: 0px 0px 7px 1px #066B79;
}
  img.thumb {
	border: 3px solid #FFF;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 1px #BCBCBC;
	display: block;
	margin: 0 auto;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	margin: 25px auto;
	width: 85%;
	 
}
#features_details h4{
	text-align: center;
	margin-top: 40px;
}
#features_details p{
	width: 85%;
	margin: 0 auto;
	text-align: justify;
}

#screenshots h4{
	text-align: center;
	margin-top: 40px;
}
.hero-unit {
	padding: 25px;
	margin-bottom: 20px;
	margin-top:20px;
	font-size:20px;
	font-weight: 200;
	line-height: 26px;
	color: inherit;
	background-color: #D1E9E5;
	text-align: center;
}


/* section header */
.section_header {
	text-align: center;
	font-weight: bolder;
	color: #252b34;
	margin-top: 40px;
	position: relative;
	margin-bottom: 40px;
}
.section_header.left span {
	margin-left: 0px;
	text-align: left;
}
.section_header .span-line {
	border-top: solid 1px #C4D3DD;
	border-bottom: solid 1px #FDFDFD;
	width: 36%;
	position: absolute;
	top: 20px;
}
.section_header .span-line.left { }
.section_header .span-line.right {
	right: 0px;
	top: 20px;
}
.section_header span {
	width: 27%;
	display: block;
	margin: 0 auto;
}

 
.section_header small {
	margin-left: 20px;
	font-size: 16px;
	color: #7f8387;
	display: none;
}

/* Updates Page */
.update_box{
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #F5F7F7;
	-webkit-box-shadow: inset 0px 0px 10px  #DDD;
	-moz-box-shadow: inset 0px 0px 10px  #DDD;
	box-shadow: inset 0px 0px 10px  #DDD;
	border: 1px solid #D2DDD9;
}
.updatelist{margin:25px 0 0 }
.updatelist li {color:#666;line-height:24px;list-style:none; margin-bottom: 8px;}
.updatelist li:first-child {background:none;}
.updatelist li span {
	font-size:13px;
	line-height:16px
	margin-right:8px;
	width:40px;
	text-align:center;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:0 5px;
	
}
.updatelist li span.new {background: #51ACBD;color: #FFF;}
.updatelist li span.fixed {background:#FFEB90;}
.updatelist li span.misc {background:#CED9EC;}

/* Contact Us page */

#contact_box{
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #F5F7F7;
	-webkit-box-shadow: inset 0px 0px 10px  #DDD;
	-moz-box-shadow: inset 0px 0px 10px  #DDD;
	box-shadow: inset 0px 0px 10px  #DDD;
	border: 1px solid #D2DDD9;
	margin: 0 !important;
}
#contact_box  .controls {
	margin-left: 100px;
}

#contact_box {
	margin-top: 30px;
}
#contact_box {
	margin-left: 20px;
}
#contact_box label {
	text-align: left;
	width: 100px;
	font-weight: bold;
}
#contact_box .address h3 {
	margin-top: -5px;
}
#contact_box .info {
	position: relative;
	margin: 25px 0px;
	font-weight: bold;
}
#contact .info i {
	float: left;
	top: -8px;
	position: relative;
	margin-right: 20px;
}
#contact i.contact {
	background: url('../img/contact_icons.png') no-repeat 0 0;
	width: 34px;
	height: 34px;
	display: inline-block;
}
#contact i.phone { background-position: 0px 0px; }
#contact i.email { background-position: 0 -47px; }

#contact_box hr {
	border-top: 1px solid #d5d5d5;
	border-bottom: 2px solid white;
	width: 70%;
	margin-top: 45px;
}

/* Pricing */
/* pricing charts section */
#pricing-table { text-align: center }
#pricing-table .section_header {
	margin-bottom: 70px;
}
#pricing-table .section_header hr {
	width: 35%;
}
#pricing-table .price_wrapper {
	background-color: #fafafa;
	border: 1px solid #d9d9d9;
	box-shadow: 0px 0px 5px 2px #E8E8E8;
	border-radius: 6px;
	width: 321px;
	min-height: 375px;
	position: relative;	
}
#pricing-table .price_wrapper.regular .header {
	background: #87AFB1;
}
#pricing-table .price_wrapper.pro {
	width: 331px;
	margin: 0 auto;
	bottom:20px;
}
#pricing-table .price_wrapper.pro .header {
	background: #4CE4F1;
}
#pricing-table .price_wrapper section .btn {
	left: 35%;
}
#pricing-table .price_wrapper .header {
	height: 98px;
	color: #fff;
	padding: 25px 0px 0px 0px;
}
#pricing-table .price_wrapper .header > span {
	font-size: 24px;
	font-style: italic;
}
#pricing-table .price_wrapper .header .price {
	font-size: 20px;
	top: 25px;
	position: relative;
	font-weight: bold;
}
#pricing-table .price_wrapper .header .price span {
	font-size: 48px;
	margin-right: 10px;
}
#pricing-table .price_wrapper .section {
	padding: 15px 30px;
}
#pricing-table .price_wrapper .section h3 {
	color: #535861;
	font-size: 17px;
	line-height: 22px;
}
#pricing-table .price_wrapper .section ul.perks {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 18px;
}
#pricing-table .price_wrapper .section ul.perks li {
	padding: 8px 0px;
	border-bottom:1px dotted #999;
}
#pricing-table .price_wrapper .section ul.perks i {
	margin-right: 10px;
}
#pricing-table .price_wrapper .section .btn {
	 
	bottom: 15px;
	left: 32%;
	font-weight: bold;
}
 
 
/* FAQ */
.accordion-heading .accordion-toggle {
	background: #E1F0F1;
	border: 1px solid #8CCACF;
	padding: 1px 15px;
	text-decoration: none;
	color: 
}
.accordion-heading h5{
	color: #205D6D ;
}
.accordion-heading:hover h5{
	color: #22575B ;
}

.accordion-inner {
	background: #FDFDFD;
	border: 1px solid #DBDBDB;
}

/**************  Custom responsive classes *******************/

/* Large desktop */
@media (min-width: 1200px) { 
	#pricing-table .price_wrapper.lite {
		float: right;
		right: -30px;
	}
	#pricing-table .price_wrapper.standard {
		left: -30px;
	}

}


/*  After menu collaps  */ 
@media (max-width: 979px){
	 
	#pricing-table .price_wrapper {
		margin: 0 auto;
		margin-bottom: 20px !important;
	}
	.nav-collapse{
		width: 100%;
		text-align: center;
	}
	.nav-collapse .nav>li.active {
		background: #98C5C9;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:#FFF;
	} 
	
} 
  
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
	#banner div[class*="span"]{ 	
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.ipad-carousel {
		margin-left: 45% !important;
	}
	#pricing-table .price_wrapper {
		width: 240px !important;
	}
	#pricing-table .price_wrapper .header .price span {
		font-size: 25px;
	}
	#pricing-table .price_wrapper.pro {
		min-height: 400px;
		position: relative;
		top: -10px;
	}
	#pricing-table .price_wrapper.regular .header {
		background: #87AFB1;
	}
	#pricing-table .price_wrapper.pro .header {
			background: #4CE4F1;
	}
	.carousel-nav {	 
		top: -16px;
		margin: -14px auto 0;	
		position: relative;
		width: 83px;
	}
	#banner_heading{
		text-align: center
	}
	.ver_block { 
		text-align: center;
	}
	.download_block {		
		text-align: center;
		margin-bottom: 20px;
	}
	
	.navbar .nav>.active>a:after{
		background: none;
		 
	}
	

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#banner_heading{
		text-align: center
	}
	.ver_block { 
		text-align: center;
	}
	.download_block {		
		text-align: center;
		margin-bottom: 20px;
	}
	.navbar .nav>.active>a:after{
		background: none;
		 
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {

	.embed-container iframe{
		width: 300px;
		height: 200px;
		margin: 0 auto;
		position: relative;
		border: 10px solid #BAC3C7;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow:  2px 3px 3px #999 ;
		-moz-box-shadow:   2px 3px 3px #999 ;
		box-shadow:   2px 3px 3px #999 ;
	}
	#pricing-table .price_wrapper {
		width: 321px !important;
	}
	#pricing-table .price_wrapper .header .price span {
		font-size: 38px;
	} 
	#banner_heading{		 
		font-size: 2.5em; 
	}
	.social-media a {
		margin: 5px;
	}
 }