/* Template style */

      body {
        padding:0;
		margin:0;
		color:#626263;
      }
	  
	  .center {
		text-align:center;
	  }
	  
	  img.img {
		margin-bottom:10px;
	  }
	  
	  img.pull-left {
		margin-right:10px;
	  }
	  
	  img.pull-right {
		margin-left:10px;
	  }
	  
	/* Images iFrames & Videos  */

	img 									{ border:0; -ms-interpolation-mode:bicubic; }

	.video-container 						{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
	.video-container iframe,
	.video-container object,  
	.video-container embed 					{ position:absolute; top:0; left:0; width:100%; border:none; height:100%; }

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
		padding: 0 20px 0 20px;
        max-width: 940px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }
	  .clear{
		clear:both;
	  }
	  /* header */
	  header {
		background:#222 url(../images/header-bg.png) repeat-x bottom left;
		width:100%;
		padding:30px 0 30px;
	  }	 
		header a{
			color:#fff;
		}
		header a:hover{text-decoration:none; color:#FBBA30;}
	  header .span8{
		margin-top:1em;
	  }
	  header .span8 a {
		font-size:3em;
	  }
	  .contact {
		float:right;
		padding:10px;
		margin:0 0 0 0;
		color:#ececec;
		font-size:12px;
		font-weight:bold;
		line-height:1.5em;
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius:6px;
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	  }
	  span.strive{
		margin:0 10px 0 10px;
	  }
	  span.phone{
		background:url(../images/icons/phone.png) no-repeat 0 0px;
		padding:0 0 0 24px;
	  }
	  span.email{
		background:url(../images/icons/email.png) no-repeat 0 0px;
		padding:0 0 0 28px;
	  }	  
	  @media (max-width: 767px) {
	  	.contact {
			float:left;
		}
	  } 
      /* Main marketing message and sign up button */
      .jumbotron {
		background:url(../images/bg/bg-1.jpg) repeat-x center;
		width:100%;
		padding:30px 0;
        margin: 0;		
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 40px;
		color:#fff;
        line-height: 1;
      }
	  .jumbotron p {
		color:#efefef;
	  }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }
	  
	 /* headline */
	h1.title {
		margin:30px 0 0 0;
	}	
		
	  
	/* featured */
	#featured {
		position:relative;
		background:#f7f7f7;
		width:100%;
		height:auto;
		padding:0;
		margin:0;
	}

	.shadow{
		background:url(../images/shadow.png) no-repeat top center;
		width:100%;
		height:29px;
		position:absolute;
		top:1px;
		z-index:99;
	}
	
	/* Featured form */
	.featured_form{
		background-color: #dd514c;
		padding:1px;
		margin:0 0 40px 0;
		-moz-box-shadow: 0 0 5px #dedede;
		-webkit-box-shadow: 0 0 5px#dedede;
		box-shadow: 0 0 5px #dedede 
	}
	
	.featured_form span{
		color:#f7f7f7;
	}
	
	 #signupform{
		 background-color: #bd362f;
		 overflow:hidden;
		 padding:20px 20px 30px;
		 margin:0;
	}	
	#signupform label{
		font-size:12px;
		font-weight:bold;
		color: #f7f7f7;
		margin-bottom:10px;
	}
	 .headline-form{
		float:left;
		width:100%;
		margin-bottom:0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding:0 0 10px 0;
	}
	
	 .headline-form h3 {
		color:#fefefe;
	}
	
	 .headline-form h3.badge {
		font-size:21px;
		line-height:1.5em;
	}
	
	 .headline-form img{
		margin:10px 10px 0 0;
		padding:0;
	}

	.form_input{
		padding:20px 0 20px 0;
	}

	.form_input_last #checkbox{
		float:left;
	}	
	.form_input_last span{
		float:left;
		margin: 2px 20px 0 10px;
	}
	
	.form_input input[type="text"],.form_input input[type="email"]    {
	  width: 90%;
	}
	
	.form_input textarea   {
	  width: 95%;
	}
	
	.validation { 
		display: none; 
		color:#fff; 
		font-style:italic; 
		font-size:11px; 
	}

	#sendmessage {
		color: #fff;
		display: none;
		text-align:center;
		margin: 10px 0;
	}
	
	/* Featured box */
	.featured_box{
		margin:0 0 40px 0;
		text-shadow:1px 1px 1px #fff;
	}
	.featured-cta{ 
		margin-top:15px;
	}
	.featured-cta span{ 
		margin:0 10px 0 10px;
	}
	ul.check{
		list-style:none;
		padding:0;
		margin:0;
	}
	ul.check li{
		background: url(../images/slides/check.png) no-repeat 0 5px;
		list-style:none;
		padding:5px 0 5px 26px;
		margin:0;
	}
	
	/* Featured statict */
	.featured-static{
		background: #FBBA30;
		margin:0;
		padding:0 0 75px 0;
		color:#fff;
		text-align:center;
	}
	.featured-static p{
		margin-bottom:20px;
		font-size:1.5em;
	}
	.featured-static h1{
		color:#fff;
		font-size:40px;
		line-height:1.5em;
		margin-bottom:20px;
	}
	.featured-static h4{
		color:#fff;
		margin-bottom:40px;
	}
	
	
	/* pricing box */
	
	.pricing .badge {
	  display: inline-block;
	  padding: 2px 4px;
	  font-size: 22px;
	  font-weight: bold;
	  line-height: 1.5em;
	  color: #ffffff;
	  vertical-align: baseline;
	  white-space: nowrap;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  padding-left: 15px;
	  padding-right: 15px;
	  -webkit-border-radius: 9px;
	  -moz-border-radius: 9px;
	  border-radius: 9px;
}

	.pricing .list {
		padding:0 35px;
	}
	
	.pricing ul.check {
		
	}

	.pricing ul.check li {
		text-align:left;
	}
	
	
	
/* custom tab */
.tabbable.custom {
	padding:20px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
		border:1px solid #dbdbdb;
	margin:-20px 0 50px 0;	
}

.custom .tab-content {

}

.custom .nav-tabs {

}


.custom .nav-tabs li a {
	font-weight:bold;
	font-size:14px;
}

.custom .nav-tabs li a {
	font-weight:bold;
	font-size:14px;
}
		
	
.btn-group.centered {
	margin:0 auto;
	width:100%;
	display:block;
	text-align:center;
}



	
	@media (max-width: 480px) {
		.featured-static{
			padding:45px 0 45px 0;
			font-size:18px;
			line-height:18px
		}
		.featured-static h1{
			font-size:48px;
		}
		.featured-static h4{
			font-size:22px;
			line-height:22px;
		}
	  } 
    /* Supporting marketing content */
    .content {
        margin: 60px 0;
    }
	  
	.content .icon {
		margin:10px 10px 20px 0;
	}
	  
    .content p + h4 {
       margin-top: 28px;
    }

	
	/* Container */
	#container{
		position:relative;
		width:100%;
		height:auto;
		padding:20px 0 0 0;
		margin:0;
	}
	.white-bg{
		float:left;
		width:100%;	
		position:relative;
		padding-bottom:0;
		background:#fff url(../images/top-shadow-gray.png) repeat-x left bottom;
	}
	.gray-bg{
		float:left;
		width:100%;
		position:relative;
		background:#f8f8f8 url(../images/bottom-shadow-gray.png) repeat-x left bottom;
		padding:20px 0 40px 0;
		text-shadow:1px 1px 1px #fff;
	}	
	/* Headline */	
	.headline{
		background:url(../images/dotted.png) repeat-x center left;
		width:100%;
		padding:0;
		margin:20px 0 30px 0;
		text-align:center;
	}
	.headline h3{
		text-align:center;
	}
	.white-bg .headline  h3 span{
		background:#fff;
		padding:0 20px 0 20px;
		margin:0;
		text-align:center;
	}

	.gray-bg .headline span{
		background:#f8f8f8;
		padding:0 20px 0 20px;
		margin:0;
	}
	/* Zoom image */
	.imagezoom{
		margin:0;
		padding:0;
		width:auto;
		height:auto;
		position:relative;
		overflow:hidden;
	}
	.cover{
		position:absolute;
		width:100%;
		height:100%;
		text-align:center;	
		background: #bf4435;
		background: -webkit-gradient(linear, left top, left bottom, from(#bf4435), to(#991e0f));
		background: -moz-linear-gradient(top,  #bf4435,  #991e0f);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf4435', endColorstr='#991e0f');	
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; 		
	}	
	.cover h5{
		margin-top:10px;
		text-shadow:none;
		color:#fff;
	}
	
	.cover a {
		text-shadow:none;
	}
	
	/* Slide top to bottom */
	.topbottom{
		left:0;
		bottom:100%;
	}
	.imagezoom:hover .topbottom{
		left:0;
		bottom:0;
	}
	
	/* Slide left to right */
	.leftright{
		right:100%;
		top:0;
	}
	.imagezoom:hover .leftright{
		right:0;
		top:0;
	}
	
	/* Slide right to left */
	.rightleft{
		left:100%;
		top:0;
	}
	.imagezoom:hover .rightleft{
		left:0;
		top:0;
	}
	
	/* Slide bottom to top */
	.bottomtop{
		left:0;
		top:100%;
	}
	.imagezoom:hover .bottomtop{
		left:0;
		top:0;
	}	
	.zoom{
		width:50px;
		margin:0 auto;
		margin-top:30px;
		height:50px;	
		display:block;
		background: url(../images/icons/zoom.png) no-repeat 0 0;
		text-indent:-99999px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; 		
	}
	.zoom:hover{
		background-position:0 -50px;
	}	

	/* Align center */	
	.aligncenter{
		margin:0 auto;
		text-align:center;
	}	
	.aligncenter img, img.aligncenter{
		margin-bottom:20px;
	}

	img.dummie{
		margin:20px 0 -5px 0;
		text-align:center;
	}	
	.break{
		margin-bottom:20px;
	}
	/***** dropcap *****/

	.dropcap {
		display:block;
		float:left;
		font-family: 'titilliumtext22l_rgbold';
		font-size:82px;
		line-height:28px;
		margin:25px 15px 25px 0;
		color:#dadada;
	}
	
	/***** client testimoni *****/
	
	.testimonial h3{
		font-weight:normal;
		color:#333333;
		text-shadow:0 1px 1px #fdfdfd;
	}
	.testimonial p{
		font-family:'georgia',sans-serif;
		font-style:italic;
		color:#999;
		font-size:30px;
		line-height:1.5em;
	}
	.testimonial span.author,.testimonial span.company {
		margin:0;
		padding:0;
		text-shadow:0 1px 1px #fdfdfd;	
	}

	.testimonial span.author,.testimonial span.company {
		margin:0;
		padding:0;
		font-size:12px;
		text-align:right;
		line-height:1.5em;
	}
	.testimonial span.company {
		margin-left:10px;
		font-weight:bold;
	}
	
	/* p icon */

	p span.icon {
		text-indent:-9999px;
		display:inline-block;
	}

	p span.icon.quote {
		background:url(../images/icons/quote.png) no-repeat 0% 0px;
		margin-right:-20px;
		width:60px;
		height:47px;
	}
	
	 /* Call to action */
	.cta{
		width:80%;
		margin:0 auto;
		margin-top:30px;
		margin-bottom:20px;
		text-align:center;
	}
	.cta .btn{
		font-size:24px;
		padding:20px;
	}
	 /* Footer */
	 footer {
		float:left;
		background:#222 url(../images/footer-bg.png) repeat-x top left;
		width:100%;
		color:#d6d6d6;
		padding:15px 0 0 0;
	 }
	 
	 footer h4{
		color:#f6f6f6;
		width:100%;
		padding:0;
		margin-bottom:15px;
	 }
	
	footer ul{
		margin:0;
		padding:0;
	}

	footer  ul li{
		margin:0;
		margin-right:10px;
		float:left;
		padding:0;
		list-style:none
	}

	footer li a{
		display:block;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
	}	
	footer .pull-left{
		margin:0 10px 10px 0
	}

	footer .social_small {
		margin-top:20px;
	}

	/* social links icon */
	.social_small {
		margin:0;
		padding:0;
	}

	.social_small li {
		display: inline;
		list-style: none;
		text-indent: -9999px;
		margin:0 0 0 5px;
		float: left;
		padding:0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.social_small li.first {
		margin-left:0;
	}
	.social_small li a {
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		height: 32px;
		width: 32px;
	}

	.social_small li:hover {background-position: 0 -32px;}

	/* Social Widget Icons */
	#social a {
		width: 40px;
		height: 43px;
		margin: 0 10px 0 0;
		display: block;
		float: left;
		text-indent: -9999px;
		background-position: 0 -43px;
	}

	#social a img{
		border: none;
	}

	/* Icons */
	.facebook {background: url(../images/icons/social/fb.png) no-repeat;}
	.googleplus {background: url(../images/icons/social/google.png) no-repeat;}
	.dribble {background: url(../images/icons/social/dribble.png) no-repeat;}
	.flickr {background: url(../images/icons/social/flickr.png) no-repeat;}
	.twitt {background: url(../images/icons/social/twitter.png) no-repeat;}
	
	/* Sub footer */
	#sub-footer{
		background:#1b1b1b;
		border-top:1px solid #1a1a1a;
		width:100%;
		padding:30px 0;
        margin: 30px 0 0 0;		
        text-align: center;	
		font-size:11px;
	}

		
	span.copyright{
		width:100%;
		float:left;
		text-shadow:none;
	}
	
	
	/* footer subscribe form */
	.form-inline input.input-medium:focus {
	  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #c09853;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #c09853;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #c09853;
	}
	
	
	/***** Back to Top *****/
	#toTop{
		display:none;
		text-decoration:none;
		position:fixed;
		bottom:20px;
		right:20px; 
		overflow:hidden; 
		width:40px;
		height:40px;
		border:none;
		text-indent:-999px;
		background:url(../images/ui.totop.png) no-repeat left top;
	}

	#toTopHover{
		background:url(../images/ui.totop.png) no-repeat left -40px;
		width:40px;
		height:40px;
		display:block; 
		overflow:hidden; 
		float:left; 
		opacity: 0;
		-moz-opacity: 0;filter:alpha(opacity=0);
	}

	#toTop:active, #toTop:focus 	{ outline:none; }
	
	
/* custom queries */

@media (min-width: 768px) and (max-width: 979px) {
	.zoom{
		margin-top:10px;

	}
}

@media (max-width: 767px) {
	.contact {
		margin-top:30px;
	}
	.cta a {
		line-height:1.5em;
	}
	.zoom{
		margin-top:40px;
		display:block;
	}
	
}

@media (max-width: 480px) {
	.contact {
		margin-top:30px;
	}
	.cta a {
		line-height:1.5em;
	}
	.form_input input[type="text"],.form_input input[type="email"]    {
	  width: 85%;
	}	
	.btn-group a {
		display:block;
	}
	footer .span4 {
		margin-top:20px;
	}

}


/*////// for demo ///////*/
			
.panel{ border:1px solid #4b4b4b; display:none; width:110px;height:auto; left:0; padding:15px 5px 20px 10px; 
	top:70px; position:fixed; _position:absolute;z-index:999999;  
	-moz-border-top-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;	
	-moz-border-bottom-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;	
    background: #555;
	}
	
.panel h5 {
	text-align:left;
	font-size:12px;
	color:#cac8c8;
	padding-bottom:10px;
	border-bottom:1px solid #646464; 
}
h5.bot{
	padding-top:15px;
}

a.openpanel{ 
	_background-image:none; 
	background:#555 url(../images/set.png) no-repeat center center; 
	padding:5px;
	border:1px solid #4b4b4b; 
	color:#fff;
	display:block; left:0; width:31px; height:31px; top:85px; text-indent:-9999px;
	position:fixed; _position:absolute; 
	z-index:999999;
	-moz-border-top-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;	
	-moz-border-bottom-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
			
	a.openpanel:hover{ 

	}
	
	a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	left:120px;
 }
 
 .width50{
	border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    width: 48%;
}
.modal-body .btn{margin-top:20px;}

.nav-tabs > li > a{font-size:16px;}