/*
Home
=========================== */
#home{
	background-image: url(../img/bg-pattern.jpg);
	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:45px;
	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:56px;
	line-height:58px;
	margin-bottom:20px;
	font-weight:300
}

.intro h4 span{
	color:#f8c92a;
	font-weight:700;
}


.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:#00243e;
	color:#fff;
	border:none;
	border-bottom:6px solid #001226;
	top:0;
	right:0;
	border-radius:0 5px 5px 0;
	padding:27px 45px 27px 45px;
	font-size:20px;
	line-height:20px;
}

ul.slides {
	list-style:none;	
}
/*.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:#00243e url(../img/bg-pattern-3.jpg) repeat center center;
	color:#fff;
}

.pattern-bg {
	background: #00243e url(../img/bg-pattern.jpg) 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: 'Signika', sans-serif;
}

.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: #00243e;
	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:#00243e;
	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 #001226;
	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:#00243e 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 #001226;
	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:#00243e 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: #fff;
	text-align: center;
	width: 102px;
	height: 102px;
	border-radius: 50%;
	font-size: 60px;
	line-height: 102px;
	padding-top: 5px;
	margin: 0 2px 0 2px;
}

.social-link:hover{
	background:#00385f;
	text-decoration:none;
}

/*
Parallax
=========================== */
.parallax{
	background:url(../img/bg-pattern-3.jpg) 0 bottom 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:#00243e;
	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:#00243e;
	border-bottom:3px solid #001226;
	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%;
}

.color-red {
	color:#e5152f;	
}

.color-yellow {
	color:#f8c92a;	
}

#contactform {
	width:100%;
	
}

#map_div{
	width:100%;
	height:650px;
}

.infowindow {
	color:#000;	
}

.title-red {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#ec2930;
	font-size:26px;
}