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

Template name : Increate - Onepage and multipurpose landingpage template
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 29 july 2014
Last update : 09 August 2014

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Home
02. Header
03. Contain
04. Gallery
05. Client
06. Pricing box
07. Testimoni
08. Contact
09. Carousel list
10. Subscribe form
11. Inner head
12. Inner page
13. Search
14. Footer
15. Parallax
16. Ticker
17. Heading
18. Divider
19. Flat icons
20. Absolute number
21. Ui to top
22. Clear spacer
23. Custom top spacer
24. Custom bottom spacer
25. Custom left spacer
26. Custom right spacer
27. Custom responsive

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

/*
Home
=========================== */
#home{
	background-image:url(../img/pattern.png);
	background-position:0 0;
	background-repeat: repeat;
	background-attachment:fixed;
	color:#fff;
	position:relative;
	margin: 0 auto;
	padding:0;
	overflow: auto;
	width: 100%;
	z-index:3;
}

#home h1, #home h2, #home h3, #home h4, #home h5, #home h6{
	color:#fff;
}

.home-container{
	padding-top:100px;
	padding-bottom:100px;
}

.logo{
	display:inline-block;
	margin-bottom:40px;
}

.intro h3{
	font-size:60px;
	line-height:72px;
	margin-bottom:40px;
}

.intro h4{
	font-size:46px;
	line-height:58px;
	margin-bottom:20px;
}

.intro p{
	font-size:18px;
	line-height:24px;
	margin-bottom:20px;
}

.horizontal-signup{
	position:relative;
	border:none;
	height:80px;
	width:90%;
	background:#fff;
	border-bottom:5px solid #e8e8e8;
	border-radius:5px;
	margin:0 auto;
}

.horizontal-signup .signup-input{
	background:none;
	border:none;
	width:100%;
	display:block;
	color:#4e4e4e;
	padding:25px;
}

.horizontal-signup .signup-button{
	position:absolute;
	background:#232a34;
	color:#fff;
	border:none;
	border-bottom:6px solid #1a2028;
	top:0;
	right:0;
	border-radius:0 5px 5px 0;
	padding:27px 45px 27px 45px;
	font-size:20px;
	line-height:20px;
}
	
.slider-wrapp{
	background:#fff;
	padding:10px;
	border-radius:5px;
}

.form-wrapp{
	position:relative;
	padding-right:159px;
}
.form-wrapp .form-horizontal{
	background:#fff;
	border-bottom:10px solid rgba(18, 22, 28, 0.95);
	padding:30px;
	border-radius:5px;
}

#home .form-wrapp h3{
	color:#1e202c;
}

.form-image{
	position:absolute;
	width:184px;
	height:383px;
	top:30px;
	right:0;
	z-index:2;
}

/*
Header
=========================== */
header{
	margin:0;
	padding:0;
}

.sticky {
	position: fixed;
	top: 0;	
	margin:0;
	width:100%;
	animation:thedrop 1s 8;
	-moz-animation:thedrop 1s 8;
	-webkit-animation:thedrop 1s 8;
	z-index:99999;
}

/*
Contain
=========================== */
.contain{
	padding:100px 0 80px 0;
}

.dark-bg{
	background:#232a34 url(../img/pattern.png) repeat 0 0;
	color:#fff;
}

.color-bg{
	background-image:url(../img/pattern.png);
	background-position:0 0;
	background-repeat: repeat;
	color:#fff;
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,
.color-bg h1, .color-bg h2, .color-bg h3, .color-bg h4, .color-bg h5, .color-bg h6{
	color:#fff;
}

/*
Gallery
=========================== */
.portfolio-wrapp{
	position:relative;
	border-radius:5px;
	overflow:hidden;
	border-bottom:10px solid rgba(18, 22, 28, 0.95);
	display:block;
	margin-bottom:30px;
	cursor:pointer;
	text-align:center;
}

.image-caption{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(18, 22, 28, 0.75);
	z-index:999;
}

.image-link,
.image-link:active,
.image-link:focus{
	position:absolute;
	width:60px;
	height:60px;
	color:#fff;
	z-index:9991;
	font-size:28px;
	line-height:28px;
	padding-top:13px;
	left:50%;
	top:-10%;
	margin-top:-70px;
	margin-left:-30px;
	border:3px solid #fff;
	border-radius:50%;
	text-decoration:none;
}

.image-link:hover{
	text-decoration:none;
}

.image-title{
	position:absolute;
	z-index:9992;
	width:100%;
	height:auto;
	text-align:center;
	font-size:10px;
	line-height:18px;
	padding:0 20px 0 20px;
	color:#fff;
	left:0;
	top:50%;
}

.image-title h5{
	color:#fff;
	margin-bottom:10px;
}

/*
Client
=========================== */
ul.client-list{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

ul.client-list li{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	border-bottom:1px solid rgba( 255, 255, 255, 0.5);
}

ul.client-list li.bottom-list{
	border-bottom:none;
}

ul.client-list li ul li{
	width:20%;
	border-bottom:none;
	border-right:1px solid rgba( 255, 255, 255, 0.5);
	padding:45px 0 45px 0;
}

ul.client-list li ul li.last{
	border-right:none;
}

.client-link{
	position:relative;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
}

/*
Pricing box
=========================== */
.pricing-box{
	background:#edf1f2;
	position:relative;
	text-align:center;
	border:1px solid #e0e0e0;
	border-radius:5px;
	margin-bottom:20px;
}

.pricing-box.featured{
	color:#fff;
	border:1px solid rgba( 35, 42, 52, 0.1);
}

.pricing-head{
	background:#e4e8e9;
	border-bottom:5px solid #e0e0e0;
	padding:10px 0 15px 0;
}

.pricing-box.featured .pricing-head{
	background:rgba( 35, 42, 52, 0.1);
	color:#fff;
	border-bottom:5px solid rgba( 35, 42, 52, 0.1);
}

.pricing-head h4{
	margin:0 0 5px 0;
}

.pricing-box.featured .pricing-head h4{
	color:#fff;
}

.pricing-head .price{
	margin:0;
	font-size:18px;
	line-height:18px;
	font-weight:700;
}

.pricing-box.featured .pricing-head .price{
	color:#fff;
}

.pricing-head .price em{
	margin:0;
	font-size:14px;
	line-height:14px;
	font-weight:400;
}

.pricing-box ul{
	margin:0;
	padding:10px 20px 10px 20px;
}

.pricing-box ul li{
	list-style:none;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px solid #e0e0e0;
}

.pricing-box.featured ul li{
	border-bottom:1px solid rgba( 255, 255, 255, 0.5);
}

.pricing-bottom{
	padding:10px 20px 20px 20px;
}

/*
Testimoni
=========================== */
.testimoni{
	font-size:34px;
	line-height:46px;
	padding:0;
	margin-top:80px;
	text-align:center;
}

.testimoni p{
	margin:0;
	font-family: 'roboto_slablight';
}

.testimoni span{
	font-size:14px;
}

.testimoni-avatar{
	display:inline-block;
	width:136px;
	height:136px;
	margin:0 auto;
	margin-bottom:10px;
	overflow:hidden;
	border-radius:50%;
	border:8px solid #78808a;
}

/*
Contact
=========================== */
#contactform{
	float:left;
}

ul.listForm{	
	float:left;
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

ul.listForm li {
	float:left;
	width:46%;
	padding:0;
	margin:0 2% 20px 2%;	
	list-style:none;	
}

ul.listForm li.fullwidth{
	width:96%;
}

#sendmessage{
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

/*
Carousel list
=========================== */
.list_carousel {
	width: auto;
	margin: 0;
	text-align:center;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	padding:0;
	margin:0px 15px -1px 15px;
	display: block;
	float: left;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.clearfix {
	float: none;
	clear: both;
}
.prev,
.next,
.prev:focus,
.next:focus,
.prev:active,
.next:active{
	display:inline-block;
	color:#fff;
	font-size:38px;
	line-height:38px;
	margin:0 10px 30px 10px;
	text-decoration:none;
}
.prev:hover,
.next:hover {
	color: #232a34;
	text-decoration:none;
}

.team-wrapper{
	display:block;
	width:100%;
	height:auto;
}

.team-wrapper img{
	display:block;
	width:100%;
	height:auto;
}

.team-detail{
	background:url(../img/team-arrow.png) no-repeat bottom center;
	padding-bottom:36px;
	text-align:center;
	margin-bottom:20px;
}

.team-detail h5{
	color:#fff;
	margin-bottom:5px;
}

/*
Subscribe form
=========================== */
.subscribe-form{
	width:100%;
	position:relative;
	margin:0 auto;
}

input.subscribe{
	position:relative;
	width:100%;
	border:none;
	background:#fff;
	padding:20px;
	border-radius:5px;
	border:3px solid #fff;
	border-bottom:5px solid #e8e8e8;
	font-size:14px;
	color:#4e4e4e;
}

input.subscribe:-moz-placeholder {
  color: #4e4e4e;
}

input.subscribe::-moz-placeholder {
  color: #4e4e4e;
}

input.subscribe:-ms-input-placeholder {
  color: #4e4e4e;
}

input.subscribe::-webkit-input-placeholder {
  color: #4e4e4e;
}

.subscribe-button{
	background:#232a34;
	position:absolute;
	padding:23px 35px 22px 35px;
	border-radius:0 5px 5px 0;
	font-size:18px;
	line-height:22px;
	font-weight:700;
	border:none;
	border-bottom:5px solid #1a2028;
	right:0;
	top: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;		
}

.subscribe-button:hover{
	color:#fff;
	background:#2f3640;
	border-bottom:5px solid #1e252d;
}

/*
Inner head
=========================== */
.inner-head{
	background-image:url(../img/pattern.png);
	background-position:0 0;
	background-repeat: repeat;
	background-attachment:fixed;
	color:#fff;
	position:relative;
	padding:40px 0 40px 0;
}

.inner-head h4,
.inner-head p{
	color:#fff;
	margin-bottom:0;
}

/*
Inner page
=========================== */
.inner-page{
	padding:80px 0 80px 0;
}

.detail-warpp{
	background:#f8f9fa;
	border:1px solid #dfdfdf;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}

.detail-post{
	float:left;
	width:70%;
	margin:0;
	padding:0;
	background:#f8f9fa;
}

.detail-desc{
	float:left;
	width:100%;
	background:#fff;
	border-right:1px solid #dfdfdf;
	padding:40px 20px 40px 20px;
}

.detail-aside{
	float:left;
	width:30%;
	height:100%;
	margin:0;
	padding:20px;
	color:#3c3c3c;
}

.author-info{
	float:left;
	width:100%;
	border-bottom:1px solid #c8c8c8;
	padding-bottom:10px;
	margin-bottom:40px;
}

.author-info img{
	background:#fff;
	border:1px solid #dfdfdf;
	padding:5px;
}

.author-info p{
	margin-bottom:15px;
	line-height:24px;
}

.widget{
	float:left;
	width:100%;
}

.widget h5{
	position:relative;
	border-bottom:2px solid #1e202c;
	padding-bottom:10px;
}

span.widget-style{
	position:absolute;	
	width:60px;
	height:4px;
	bottom:-3px;
	left:0;
}

.detail-list{
	display:block;
	margin:0 0 40px 0;
	padding:0;
}

.detail-list li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	list-style:none;
	border-bottom:1px dashed #c8c8c8;
}

.detail-list li label{
	display:inline-block;
	margin-right:5px;
}

.comment-wrapper{
	float:left;
	width:100%;
}

.comment-wrapper .media {
	float:left;
	position:relative;
	background:#fff;
	position:relative;
	margin:0 0 30px 5%;
	padding:30px 30px 10px 70px;
	border:1px solid #dfdfdf;
	border-radius:2px;
	width:95%;
	overflow:visible;
}

.media-avatar img{
	position:absolute;
	float:left;
	background:#fff;
	border:1px solid #dfdfdf;
	padding:5px;
	width:80px;
	height:80px;
	left:-5%;
	top:30px;
	z-index:1px;
}

.comment-wrapper .media h5 a{
	color:#1e202c;
}

/*
Search
=========================== */
.search-wrapper{
	float:right;
	position:relative;
	background:none;
	background:#fff;
	border-bottom:4px solid #e8e8e8;
	border-radius:4px;
	width:50%;
}

.search{
	display:block;
	width:40%;
	background:none;
	border:none;
	padding:8px 20px 8px 20px;
	color:#4e4e4e;
}

.btn-search{
	background:#232a34 url(../img/search.png) no-repeat center center;
	position:absolute;
	border:none;
	text-indent:-9999px;
	overflow:hidden;
	top:0;
	right:0;
	padding:8px 25px 8px 25px;
	border-bottom:4px solid #1a2028;
	border-radius:0 4px 4px 0;
}

.btn-search:hover{
	background:#2f3640 url(../img/search.png) no-repeat center center;
	border-bottom:4px solid #1e252d;
}

/*
Footer
=========================== */
footer{
	background:#232a34 url(../img/pattern.png) repeat 0 0;
	float:left;
	width:100%;
	text-align:center;
	color:#6c737c;
	font-size:12px;
	line-height:12px;
	padding:20px;
}

.copyright{
	margin:0;
	padding:0;
}

.social-network{
	display:block;
	margin-bottom:10px;
}

.social-link{
	display:inline-block;
	background:#404954;
	text-align:center;
	color:#8d949e;
	width:28px;
	height:28px;
	border-radius:50%;
	font-size:15px;
	line-height:15px;
	padding-top:5px;
	margin:0 2px 0 2px;
}

.social-link:hover{
	background:#5e6772;
	color:#d7dbe1;
	text-decoration:none;
}

/*
Parallax
=========================== */
.parallax{
	background:url(../img/parallax-bg.jpg) 0 0 repeat fixed;
	position:relative;
	color: #fff;
	height:450px;
	margin: 0 auto;
	padding:0;
	overflow: auto;
	width: 100%;
	z-index:3;
}

/*
Ticker
=========================== */
ul.ticker{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

ul.ticker li{
	float:left;
	background:none;
	margin:0;
	padding:0;
	width:100%;
}

/*
Heading
=========================== */
.heading{
	background-image:url(../img/heading-line-dark.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:20px;
	position:relative;
	margin-bottom:40px;
}

.dark-bg .heading,
.color-bg .heading{
	background-image:url(../img/heading-line-white.png);
}

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6{
	margin:0;
}

.heading span.heding-style{
	position:absolute;
	display:block;
	width:20px;
	height:9px;
	left:0;
	bottom:-2px;
	margin:0;
}

.color-bg .heading span.heding-style{
	background:#fff;
}

.heading.centered{
	background-position:bottom center;
	text-align:center;
}

.heading.centered span.heding-style{
	left:50%;
	margin-left:-10px;
}

/*
Divider
=========================== */
.divider{
	float:left;
	width:100%;
	height:1px;
	background:#dfdfdf;
	margin:60px 0 60px 0;
	padding:0;
}

/*
Flat icons
=========================== */
.icons{
	display: inline-block;
	width: 120px;
	height: 120px;
	line-height: 14px;
	vertical-align: text-top;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
}

.icons.icon-imac{
  background-position: 0 0;
}

.icons.icon-image{
  background-position: -120px 0;
}

.icons.icon-iphone{
  background-position: -240px 0;
}

.icons.icon-envelope{
  background-position: -360px 0;
}

.icons.icon-comments{
  background-position: 0 -120px;
}

.icons.icon-document{
  background-position: -120px -120px;
}

.icons.icon-browser{
  background-position: -240px -120px;
}

.icons.icon-camera{
  background-position: -360px -120px;
}

.icons.icon-support{
  background-position: 0 -240px;
}

.icons.icon-print{
  background-position: -120px -240px;
}

.icons.icon-save{
  background-position: -240px -240px;
}

.icons.icon-chart{
  background-position: -360px -240px;
}

.icon-center{
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
}

.icon-left{
	float:left;
	margin:0 20px 20px 0;
}

.icon-right{
	float:right;
	margin:0 0 20px 20px;
}

.box-icons{
	float:left;
	width:100%;
	background:#fff;
	border:1px solid #dfdfdf;
	padding:10px 20px 10px 20px;
	margin-bottom:30px;
	font-size:18px;
	line-height:24px;
	border-radius:5px;
}

/*
Absolute number
=========================== */
span.number{
	background:#232a34;
	position:absolute;
	color:#fff;
	font-size:14px;
	line-height:14px;
	border:3px solid #fff;
	border-radius:50%;
	text-align:center;
	width:31px;
	height:31px;
	z-index:99;
	left:50%;
	top:-15.5px;
	margin-left:-15.5px;
	padding-top:5px;
}

/*
Ui to top
=========================== */
#toTop{
	display:none;
	text-decoration:none;
	z-index:600;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:-999px;
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-color:#232a34;
	border-bottom:3px solid #1a2028;
	border-radius:5px;
}

#toTopHover{
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: left -45px;
	background-color:#2f3640;
	border-bottom:3px solid #1e252d;
	width:45px;
	height:45px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);	
}

#toTop:active, #toTop:focus{
	outline:none;
}

/*
Clear spacer
=========================== */
.margin-clear{
	margin:0;
}

.padding-clear{
	padding:0;
}

.margintop-clear{
	margin-top:0;
}

.paddingtop-clear{
	padding-top:0;
}

.marginbot-clear{
	margin-bottom:0;
}

.paddingbot-clear{
	padding-bottom:0;
}

.marginbot-min40{
	margin-bottom:-40px;
}

.margintop-min15{
	margin-top:-15px;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot35{
	margin-bottom:35px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-bottom:45px;
}

.marginbot50{
	margin-bottom:50px;
}

.marginbot55{
	margin-bottom:55px;
}

.marginbot60{
	margin-bottom:60px;
}

/*
Custom left spacer
=========================== */
.marginleft5{
	margin-left:1px;
}

.marginleft10{
	margin-left:10px;
}

.marginleft15{
	margin-left:15px;
}

.marginleft20{
	margin-left:20px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

/*
Custom responsive
=========================== */
@media (min-width: 1200px) {
	.fullscreen{
		margin-top:50px;
	}
}

@media (min-width: 768px) and (max-width: 990px) {
	.navbar-inverse .navbar-nav li a{
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
	}
	.dropdown-menu {
	  left:-100%;
	}
	#introduce .col-md-4.margintop20{
		margin-bottom:40px;
	}
	.testimoni{
		margin-top:60px;
	}
	.search-wrapper{
		float:left;
		margin-top:20px;
	}
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-collapse.pull-right{
		clear:both;
		border-top:none;
		float:none;
		width:100%;
		box-shadow:none;
		overflow-x:hidden;
		overflow-y:auto;
		margin:0;
		padding:0 30px 30px 30px;
	}
	.navbar-inverse .collapse li{
		width:100%;
	}
	.navbar-inverse .navbar-nav  li a,
	.navbar-inverse .navbar-nav  li a:focus,
	.navbar-inverse .navbar-nav  li a:active,
	.navbar-inverse .navbar-nav .dropdown-menu li a,
	.navbar-inverse .navbar-nav .dropdown-menu li a:focus,
	.navbar-inverse .navbar-nav .dropdown-menu li a:active{
		background:#484e59;
		padding:10px 20px 10px 20px;
		margin:0 0 1px 0;
		border-radius:4px;
		border:none;
		color:#fff;
	}
	.navbar-inverse .navbar-nav li a:hover,
	.navbar-inverse .navbar-nav li.active a,
	.navbar-inverse .navbar-nav li.active a:hover,
	.navbar-inverse .navbar-nav li.active a:focus,
	.navbar-inverse .navbar-nav li.active a:active,
	.navbar-inverse .navbar-nav li a.selected,
	.navbar-inverse .navbar-nav li a.selected:hover,
	.navbar-inverse .navbar-nav li a.selected:focus,
	.navbar-inverse .navbar-nav li a.selected:active,
	.navbar-inverse .navbar-nav li.dropdown a.dropdown-toggle:focus,
	.navbar-inverse .navbar-nav li.dropdown a.dropdown-toggle:active{
		border-bottom:none;
		color:#fff;
	}	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	#introduce .col-md-4.margintop20{
		margin-bottom:40px;
	}
	.testimoni{
		font-size:24px;
		line-height:36px;
		padding:0;
	}
	.search-wrapper{
		float:left;
		width:100%;
		margin-top:20px;
	}
	.detail-post,
	.detail-aside{
		width:100%;
		border:none;
	}
	.detail-desc{
		border:none;
		border-bottom:1px solid #dfdfdf;
	}
}

@media only screen and (max-width: 650px) {
	.intro h3{
		font-size:36px;
		line-height:42px;
		margin-bottom:40px;
	}
	ul.client-list li{
		border:none;
	}
	ul.client-list li ul{
		float:left;
		width:100%;
		margin:0;
		padding:0;
	}
	ul.client-list li ul li,
	ul.client-list li ul li.last{
		float:left;
		width:100%;
		border:1px solid rgba( 255, 255, 255, 0.5);
		padding:45px 0 45px 0;
		margin:0;
		margin-bottom:20px;
	}
	.testimoni{
		font-size:14px;
		line-height:26px;
		padding:0;
		margin-top:80px;
	}
	.form-wrapp{
		position:relative;
		padding-right:0;
	}
	.form-image{
		display:none;
	}
}

/*
Demo
=========================== */
#demo{
	background-image:url(../img/pattern.png);
	background-position:0 0;
	background-repeat: repeat;
	color:#fff;
	padding:100px 0 100px 0;
}

#demo h3{
	color:#fff;
}

#demo .heading{
	background-image:url(../img/heading-line-white.png);
}

#demo .heading span.heding-style{
	background:#fff;
}

.demo-panel{
	background:#fff;
	color:#fff;
	width:240px;
	display:none;
	height:auto;
	left:0;
	padding:0; 
	top:70px;
	position:fixed;
	_position:absolute;
	z-index:99999;
	border:1px solid #e1e1e1;
	border-left:none;
}
	
.demo-panel h6{
	text-align:center;
	margin-bottom:10px;
	padding:12px 0 13px 0;
	text-transform:uppercase;
	color:#2c323a;
	background:#f4f6f7;
}

a.openpanel{ 
	_background-image:none; 
	background:#f4f6f7; 
	padding:8px 10px 6px 10px;
	border-left:none;
	color:#fff;
	display:block;
	left:0;
	text-align:center;
	font-size:24px;
	top:70px;
	z-index:99999; 
	position:fixed;
	_position:absolute; 
	border-left:none;
}

a.openpanel{
	text-decoration:none;
}
		
a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	left:229px;
}

a.openpanel:hover,
a.openpanel:focus,
a.openpanel:active{
	outline:none;
}

.stylechanger, .layout, .bgchanger{ 
	width:100%;
	float:left;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin:0;
}

.stylechanger{
	margin:0 10px 10px 10px;
	padding:0;
}

.stylechanger li, .bgchanger li{
	list-style:none; 
	float:left;
	width:25px;
	height:25px;
	margin:0 10px 10px 10px;
}

.stylechanger li a, .bgchanger li a{ 
	display:block; 
	width:100%; 
	height:100%;
	outline:none;
}	

.layout{
	margin:0;
	padding:0;
}

.layout li{
	list-style:none; 
	float:left;
	width:42%;
	height:auto;
	margin:0 4% 10px 4%;
	text-align:center;
}

.layout li.full{
	width:92%;
	margin:0 4% 10px 4%;
}