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

Template name : Voddol clean and modern one page template
Categorie : One page template
Author : Nce18cex
Version : v1.0.0
Created : 1 Oktober 2013
Last update : 10 Oktober 2013

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

01. General
02. Search form
03. Inner page
04. Home
05. BG slider
06. Parallax
07. Page spacer
08. Navigation
09. Logo
10. Ticker
11. Intro
12. About
13. Team
14. Services
15. Portfolio
16. Filter
17. Isotope
18. Blog
19. Aside
20. Comments
21. Contact
22. Pricing box
23. Testimoni
24. Error 404
25. Maintenance
26. Footer
27. Divider
28. Helper
29. Ui to top
30. Clear spacer
31. Custom top spacer
32. Custom bottom spacer
33. Custom left spacer
34. Custom right spacer
35. Custom responsive

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

/*
General
=========================== */
.wrapper{
	margin-left:50px;
	position:relative;
	overflow:hidden;
}

#header{
	width:100%;
	padding:20px 0 20px 0;
}

.page-header{
	background:#f2f3f3;
	margin:0;
	padding:0;
	border-bottom: 1px solid #dfdfdf;	
}

/*
Search form
=========================== */
.search-form{
	float:right;
	position:relative;
	color: #939393;
	margin:0;
}

input.search{
	float:left;
	font-size:14px;
	color: #313131;
	background:#fff;	
	border:1px solid #fff;
	margin:0;
	padding:6px 10px 6px 10px;
}

input.search:focus{
	border:1px solid;
	outline:none;
}

input.search:-moz-placeholder{
  font-weight:normal;
  color: #939393;
  font-size:14px;
}

input.search:-ms-input-placeholder{
  font-weight:normal;
  color: #939393;
  font-size:14px;
}

input.search::-webkit-input-placeholder{
  font-weight:normal;
  color: #939393;
  font-size:14px;
}

button.search-button{
	background-image:url(../img/search-icon.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#fff;
	border:none;
	width:23px;
	height:22px;
	text-indent:-99999;
	position:absolute;
	right:10px;
	top:6px;
}

/*
Inner page
=========================== */
#inner-page{
	width:100%;
	padding:60px 0 40px 0;
}

article{
	background:url(../img/line.png) repeat-x bottom left;
	margin:0 0 40px 0;
	padding:0 0 40px 0;
}

article .article-media{
	margin:0 0 20px 0;
}

.meta-wrapper{
	float:left;
	width:100%;
	background:url(../img/line.png) repeat-x top left;
	margin-bottom:20px;
}

ul.meta-post{
	background:url(../img/line.png) repeat-x bottom left;
	float:left;
	width:100%;
	margin:0;
	padding:10px 0 8px 0;
}

ul.meta-post li{
	background:url(../img/dotted.png) no-repeat 0 10px;
	float:left;
	list-style:none;
	margin:0 10px 0 0;
	padding:0 0 0 15px;	
}

.iframe-thumb{
	width:100%;
	height:160px;
	border:none;
	padding:0;
	margin:0;
}

/*
Home
=========================== */
.home-contain{
	background:url(../img/drak-trans.png) repeat 0 0;
	text-align:center;
	height:665px;
	color:#fff;
}

.absolute-grid{
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.grider-wrapper{
	height: 100%;
	position: absolute;
	color:#fff;
	width: 100%;
	z-index: 1;
}

/*
BG slider
=========================== */
.bgslider-wrapper{
	position:relative;
	color:#fff;
	padding:0;
	margin:0;
}

.bg-slider{
	background-position: top center;
	background-repeat: no-repeat;
	background-color:none;
	background-attachment:fixed;	
	width:100%;
	height:665px;
	position:absolute;
	margin:0;
	top:0;
}

/*
Parallax
=========================== */
.parallax{
	color: #fff;
	height: 665px;
	margin: 0;
	padding: 0;
}

.dark-bg {
	background:url(../img/drak-trans.png) repeat 0 0 fixed;
	height: 450px;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.parallax-bg1{
	background:url(../img/parallax-bg1.jpg) 0 0 no-repeat fixed;
	height: 450px;
}

.parallax-bg2{
	background:url(../img/parallax-bg2.jpg) 0 0 no-repeat fixed;
	height: 450px;
}

/*
Page spacer
=========================== */
.page-spacer{
	position:relative;
	z-index:40;
	color:#fff;
	width:100%;
	margin:0;
	padding:90px 0 0 0;
}

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

.spacer-contain p{
	text-align:center;
	font-size:58px;
	line-height:72px;
}

.spacer-contain strong{
	font-weight:700px;
}

/*
Navigation
=========================== */
.nav-fixed {
	position: fixed;
	top:0;
	z-index:9999;
}

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

.sticky .nav-above {
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:auto;
}

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

/*
Logo
=========================== */
.logo{
	z-index:600;
	position:relative;
	display:inline-block;
	margin:90px 0 30px 0;
	padding:0;
}

.demologo{
	z-index:600;
	position:relative;
	display:inline-block;
	margin:90px 0 30px 0;
	padding:0;
	width:120px;
	height:128px;
}

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

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

/*
Intro
=========================== */
.intro {
	width:100%;
	margin:0 0 30px 0;
	color:#fff;
	font-size:62px;
	line-height:78px;
	font-weight:300;
	text-transform:uppercase;
	text-shadow: 5px 5px 0 rgba(1,1,1,0.1);
}

.intro strong{
	font-weight:700;	
}

.intro ul{
	float:left;
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0;	
}

.intro ul li{
	float:left;
	width:100%;
	list-style:none;
	display:block;
	padding:0;
	margin:0;	
}

.home-contain .btn-cta{
  color: #fff;
  padding:10px 25px;
  font-size:18px;
  line-height:18px;
  text-transform:uppercase;
  background: none;
  border:1px solid #fff;
}

.home-contain .btn-cta:hover,
.home-contain .btn-cta:focus,
.home-contain .btn-cta:active,
.home-contain .btn-cta.active {
  text-decoration:none;
  color: #333;
  background: #fff;
  border:1px solid #fff;
}

.home-contain .btn-cta.disabled,
.home-contain .btn-cta[disabled],
fieldset[disabled] .home-contain .btn-cta,
.home-contain .btn-cta.disabled:hover,
.home-contain .btn-cta[disabled]:hover,
fieldset[disabled] .home-contain .btn-cta:hover,
.home-contain .btn-cta.disabled:focus,
.home-contain .btn-cta[disabled]:focus,
fieldset[disabled] .home-contain .btn-cta:focus,
.home-contain .btn-cta.disabled:active,
.home-contain .btn-cta[disabled]:active,
fieldset[disabled] .home-contain .btn-cta:active,
.home-contain .btn-cta.disabled.active,
.home-contain .btn-cta[disabled].active,
fieldset[disabled] .home-contain .btn-cta.active {
  color: #fff;
  background: none;
  border:1px solid #fff;
  opacity: 0.50;
  filter: alpha(opacity=50);    
}

/*
About
=========================== */
#about{
	padding:0 0 60px 0;
}

.info{
	background:#f2f3f3;
	color:#1a1a1a;
	padding:40px 0 60px 0;
	margin:0 0 60px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:24px;
	line-height:42px;
}

.info .btn-group{
	text-transform:none;
}

.boxed{
	border:1px solid;
	border-color: #ebebeb;
	padding:20px;
	-webkit-box-shadow:0 2px 5px rgba(235,235,235,0.5);
	-moz-box-shadow:0 2px 5px rgba(235,235,235,0.5);
	box-shadow:0 2px 5px rgba(235,235,235,0.5);	
}

.boxed i{
	margin-bottom:30px;
}

/*
Team
=========================== */
#team{
	float:left;
	width:100%;
	color:#fff;
	padding:0;
	margin:0;
}

ul.team-wrapper{
	list-style:none;
	float:left;
	min-height:auto;
	width:100%;
	margin:0;
	padding:0;
	text-shadow:none;
	color:#454545;
}

ul.team-wrapper li{
	position:relative;
	float:left;
	margin:20px 30px 0 0;
	padding:0;
	list-style:none;
}

.team-wrapper-box{
	text-align:center;
	padding:0 0 10px 0;
	width:210px;
	border: none;
	background:#f2f3f3;
	border-bottom:1px solid #e6e6e6;
}

.team-wrapper-box h6, .team-wrapper-box h6 a{
	color:#242424;
	margin:10px 0 5px 0;
}

.team-wrapper-box p{
	margin-bottom:0;
}

/*
Services
=========================== */
#services{
	color:#fff;
	padding:60px 0 40px 0;
}

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

.services-list{
	text-align:center;
	font-size:16px;
	line-height:28px;
}

.services-contain{
	width:80%;
	margin:0 auto;
}

/*
Portfolio
=========================== */
#portfolio{
	background:#fff;
	padding:60px 0 40px 0;
}

ul#gallery{
	float:left;
	width:100%;
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
}

ul#gallery li {
	position:relative;
	overflow:hidden;
	display:block;	
	height:auto;	
	margin-bottom:30px;
	-webkit-transition-property:height,width;
	-moz-transition-property:height,width;
	-ms-transition-property:height,width;
	-o-transition-property:height,width;
	transition-property:height,width;
	-webkit-transition-property:-webkit-transform,opacity;
	-moz-transition-property:-moz-transform,opacity;
	-ms-transition-property:-ms-transform,opacity;
	-o-transition-property:-o-transform,opacity;
	transition-property:transform,opacity;	
}

.image-wrapper{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	text-align:center;
}

.caption-bg{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	opacity: 0.8;
	filter: alpha(opacity=80); 
	z-index:2;
}

.caption-title{
	text-align:center;
	padding:10px 0 10px 0;
	border: none;
	background:#f2f3f3;
	border-bottom:1px solid #e6e6e6;
}

.caption-title h6, .caption-title h6 a{
	color:#242424;
	margin:10px 0 10px 0;
}

.caption-title p{
	margin-bottom:0;
}

.zoom{
	background:url(../img/plus.png) no-repeat center 50%;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	z-index:4;
}


/*
Filter
=========================== */
#filter-bar {
	float:left;
	padding:0;
	margin:0 0 35px 0;
	width:100%;
	position:relative;
	text-align:center;
}

#filter-bar ul#filters {
	display:inline-block;
	margin:0;
	list-style:none;
	font-weight:700;
	text-align:center;
	position:relative;
	z-index:3;
	padding:0;
}

#filter-bar ul#filters li {
	display:inline-block;
}

#filter-bar ul#filters li a {
	color:#5c5c5c;
	font-size:11px;
	line-height:11px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 20px 10px 20px;
	outline:none;
}

/*
Isotope
=========================== */
.isotope-item {
	z-index:2;
}
.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}
.isotope,.isotope .isotope-item {
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
}
.isotope {
	-webkit-transition-property:height,width;
	-moz-transition-property:height,width;
	-ms-transition-property:height,width;
	-o-transition-property:height,width;
	transition-property:height,width;
}
.isotope .isotope-item {
	-webkit-transition-property:-webkit-transform,opacity;
	-moz-transition-property:-moz-transform,opacity;
	-ms-transition-property:-ms-transform,opacity;
	-o-transition-property:-o-transform,opacity;
	transition-property:transform,opacity;
}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration: 0s;
}

/*
Blog
=========================== */
#blog{
	background:#f2f3f3;
	padding:60px 0 60px 0;
}

article h1 a, article h2 a, article h3 a, article h4 a, article h5 a, article h6 a{
	color:#1a1a1a;
}

.article-wrapper{
	background:#252525;
	padding:20px 20px 0 20px;
	width:80%;
	float:right;
	color:#fff;
}

.article-wrapper h1, .article-wrapper h2, .article-wrapper h3, .article-wrapper h4, .article-wrapper h5, .article-wrapper h6{
	font-size:14px;
	line-height:22px;
	color:#fff;
	font-weight:400;
}

.article-wrapper h1 a, .article-wrapper h2 a, .article-wrapper h3 a, .article-wrapper h4 a, .article-wrapper h5 a, .article-wrapper h6 a{
	color:#fff;
}

.article-head{
	position:relative;
	margin-bottom:20px;
}

.article-head h1, .article-head h2, .article-head h3, .article-head h4, .article-head h5, .article-head h6{
	margin:0 0 5px 0;
}

.article-head span{
	position:absolute;
	height:2px;
	width:60px;
	display:block;
}

.date-post{
	width:20%;
	padding:10px 0 10px 10px;
	margin-top:10px;
	line-height:18px;
	color:#fff;
	float:left;
}

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

.read-more{
	float:right;
	color:#fff;
	padding:5px 10px 5px 10px;
}

.read-more:hover{
	color:#fff;
}

/*
Aside
=========================== */
aside{
	background:url(../img/aside-bg.png) repeat-y top left;
	padding-left:30px;
}

aside .widget{
	margin-bottom:20px;
}

aside .widget .head{
	background:url(../img/line.png) repeat-x bottom left;
	padding-bottom:15px;
	margin-bottom:15px;
	text-align:left;
	position: relative;
}

aside .widget .head span{
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: 4px;
	left: 0;
}

.widget .cat{
	margin:0;
	padding:0;
}

.widget .cat li{
	list-style:none;
	margin:0;
	padding:0;
}

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

ul.recent li{
	float:left;
	border-bottom:1px dotted #b0b0b0;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}

ul.recent li h6{
	font-size:12px;
	line-height:20px;
	font-weight:400;
	margin:-5px 0 0 0;
}

ul.recent li h6 a{
	color:#444444;
}

.widget .tags{
	margin:30px 0 0 0;
	padding:0;
}

.widget .tags li{
	display:inline-block;
	list-style:none;
	margin:0 5px 20px 0;
	padding:0;
}

.widget .tags li a{
	color: #5c5c5c;
	background: none;
	border:1px solid;
	border-color: #bebebe;
	padding:8px 10px 8px 10px;
}

.widget .tags li a:hover{
	text-decoration:none;
}

.detail-list{
	margin:0;
	padding:0;
	list-style:none;
}

.detail-list li{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	list-style:none;
	border-bottom:1px solid #e9ecf5;
}

.detail-list li label{
	display:block;
	font-weight:700;
}

/*
Comments
=========================== */
.comment-wrapper{
	float:left;
	background:#fff url(../img/line.png) repeat-x top left;
	padding:40px 0 0 0;
	margin:40px 0 0 0;
}
.comment-wrapper .media {
	background:#fff url(../img/line.png) repeat-x top left;
	position:relative;
	margin:0;
	padding-top:40px;
	border:none;
}
.comment-wrapper .media .media{
	float:right;
	width:95%;
}

.comment-wrapper .media label{
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:4px;
	color:#1a1a1a;
}

.media-heading{
	font-size:18px;
	width:100%;
	margin:0 0 10px 0;
}
.media-heading h5{
	color:#2f343a;
	margin:0;
	font-size:16px;
	line-height:16px;
}

.media-heading h5 a{
	color:#2f343a;
}

.media-avatar{
	float:left;
	text-align:center;
	width:50px;
	margin:0 20px 20px 0;
	padding:0;
}


/*
Contact
=========================== */
#contact{
	color:#fff;
	padding:60px 0 40px 0;
}

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

.contact-detail{
	float:left;
	width:100%;
	margin-top:10px;
	text-align:center;
	font-size:16px;
	line-height:32px;
}

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

ul.listForm li {
	margin-bottom: 15px;
}

ul.listForm label{
	font-weight:700;
	display:block;
}

ul.listForm label span{
	font-weight:300;
	font-style:italic;
}

ul.listForm .form-control{
	background:#fff;
	border:none;
	height:45px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

ul.listForm textarea.form-control{
	height:160px;
}

.validation {
	display:none;
	margin-top: 5px;
}

#sendmessage{
	display:none;
}

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

/*
Pricing box
=========================== */
.pricing-box{
	float:left;
	width:25%;
	text-align:center;
	position:relative;
	margin:40px 0 0 0;
	padding:0;
	border:1px solid #fff;
	border-bottom:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;	
}

.pricing-box.featured{
	margin:0;
}

.pricing-head{
	float:left;
	color:#fff;
	width:100%;
	padding:20px 0 0 0;
	position:relative;
}

.pricing-head strong{
	font-weight:700;
	font-size:24px;
}

.pricing-head h4{
	color:#fff;
	margin:20px 0 0 0;
	padding:10px 0 10px 0;
	background:#252525;
	border-bottom:5px solid #1c1c1c;
	border-radius:0 0 2px 2px;
}

.pricing-head p{
	margin-bottom:0;
}

.pricing-head  span{
	font-size:11px;
	font-style:italic;
}

.pricing-contain{
	float:left;
	color:#858585;
	background:#f2f3f3;
	width:100%;	
}

.pricing-contain ul{
	list-style:none;
	margin:0;
	padding:0;
}

.pricing-contain ul li{
	list-style:none;
	background:url(../img/line2.png) repeat-x bottom left;
	margin:0;
	padding:10px 0 20px 0;
}

.pricing-contain ul li.pricing-bottom{
	padding:20px 0 20px 0;
	background:#252525;
	border-bottom:5px solid #1c1c1c;
}

/*
Testimoni
=========================== */
.testimoni{
	border:1px solid #ebebeb;
	padding:20px;
	margin-bottom:30px;
	-webkit-box-shadow: 5px 5px 0 #f8f8f8;
	   -moz-box-shadow: 5px 5px 0 #f8f8f8;
	        box-shadow: 5px 5px 0 #f8f8f8;	
}

.testimoni blockquote{
	margin-bottom:0;
}

.testimonial-author{
	background:url(../img/testimonial-author.png) no-repeat 0 8px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:4px;
	color:#1a1a1a;
	padding-left:25px;
}

.testimonial-author a{
	text-transform:none;
	font-weight:400;
	letter-spacing:2px;
}

/*
Error 404
=========================== */
.error-contain{
	text-align:center;
	height:665px;
	font-size:14px;
	line-height:24px;
	color:#fff;
}

.error-contain h2{
	color:#fff;
	text-shadow: 5px 5px 0 rgba(1,1,1,0.1);
}

.error-contain a, .error-contain a:hover{
	color:#fff;
	text-decoration:underline;
}

.color-bg{
	position:absolute;
	width:100%;
	height:665px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);	
}

/*
Maintenance
=========================== */
.maintenance{
	background:#fff;
	width:50%;
	height:665px;
	margin:0 auto;
	position:relative;
	z-index:4;
	text-align:center;
}

.maintenance p{
  font-size: 26px;
  line-height:40px;  
}

.maintenance .social-link:hover{
	text-decoration:none;
}

/*
Footer
=========================== */
footer{
	background:#1c1c1c;
	text-align:center;
	color:#6f6f6f;
	padding:60px 0 40px 0;
}

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

footer p{
	margin:20px 0 0 0;
}

/*
Heading
=========================== */
.heading{
	background:url(../img/line.png) repeat-x left center;
	text-align:center;
	font-weight:400;
	width:70%;
	margin:0 auto;
	margin-bottom:40px;	
}

.heading span{
	background:#fff;
	text-align:center;
	padding:0 20px 0 20px;
}

.heading strong{
	font-weight:700;
}

.heading.gray-bg{
	background:url(../img/line2.png) repeat-x left center;
}

.heading.gray-bg span{
	background:#f2f3f3;
}

/*
Divider
=========================== */
.divider{
	background:url(../img/line.png) repeat-x left center;
	width:100%;
	height:5px;
	padding:0;
	margin:60px 0 60px 0;
}

.divider.gray-bg{
	background:url(../img/line2.png) repeat-x left center;
}

/*
Helper
=========================== */
.img-responsive {
  display: inline-block;
  height: auto;
  width: 100%;
}

/*
Ui to top
=========================== */
#toTop{
	display:none;
	text-decoration:none;
	z-index:600;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:-999px;
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: top left;
	background-color:#252525;
	border-radius:2px;
}

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

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

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

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

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

/*
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-top:45px;
}

.margintop50{
	margin-top:50px;
}

.marginbot55{
	margin-top:55px;
}

.marginbot60{
	margin-top: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;
}

/*
Custom responsive
=========================== */
@media (min-width: 1200px) {
	.intro {
		font-size:92px;
		line-height:105px;
	}
	.team-wrapper-box{
		width:270px;
	}	
	.iframe-thumb{
		height:202px;
	}	
}

@media (min-width: 768px) and (max-width: 979px) {
	.collapse {
	  display: inline-block;
	  float:left;
	}
	.accordion-body.collapse{
	  display: none;
	  float:none;
	  width:auto;	
	}
	.mobile-break{
		margin:0 0 30px 0;
	}	
	.heading{
		width:100%;
	}	
	.intro {
		font-size:62px;
		line-height:78px;
	}
	.more-wrapper{
		margin-bottom:30px;
	}	
	.page-spacer{
		padding:55px 0 0 0;
	}
	.team-wrapper-box{
		width:160px;
	}
	.team-wrapper-box h6, .team-wrapper-box h6 a{
		font-size:12px;
	}
	.iframe-thumb{
		height:546px;
	}
	aside{
		clear:both;
	}
	.pricing-head h4{
		font-size:14px;
	}
	.maintenance{
		width:60%;
	}	
}

@media (max-width: 767px) {
	.collapse {
	  display: inline-block;
	  float:left;
	}
	.accordion-body.collapse{
	  display: none;
	  float:none;
	  width:auto;	
	}
	.heading, .heading span{
		background:none;
		width:100%;
		padding:0;
	}
	.mobile-break{
		margin:0 0 30px 0;
	}	
	.logo{
		margin:40px 0 40px 0;
	}		
	.home-contain, .bg-slider, .error-contain, .color-bg, .maintenance{
		height:450px;
	}
	.home-contain .btn-cta{
		display:none;
	}	
	.dark-bg, .parallax-bg1, .parallax-bg2{
		height: 250px;
	}	
	.page-spacer{
		padding:10px 0 0 0;
	}
	.spacer-contain p{
		text-align:center;
		font-size:24px;
		line-height:38px;
	}
	.maintenance .divider, .maintenance .social-link{
		display:none;
	}
	.error-contain h2{
		font-size:32px;
		line-height:48px;	
	}
	.intro {
		font-size:42px;
		line-height:58px;
	}
	.more-wrapper{
		margin-bottom:30px;
	}
	#filter-bar ul#filters {
		display:block;
	}
	#filter-bar ul#filters li {
		display:block;
		background:#1c1c1c;
		margin-bottom:1px;
	}	
	#filter-bar ul#filters li a{
		color:#fff;
	}
	.iframe-thumb{
		height:413px;
	}
	aside{
		clear:both;
	}	
	.pricing-box, .pricing-box.featured{
		width:100%;
		margin:0 0 40px 0;
	}
	.maintenance{
		width:80%;
	}		
}

@media (max-width: 480px) {	
	.home-contain, .bg-slider, .error-contain, .color-bg, .maintenance{
		height:450px;
	}
	.intro, .error-contain h2 {
		font-size:24px;
		line-height:38px;
	}
	.btn-group .btn{
		width:100%;
		margin-bottom:2px;
	}
	.iframe-thumb{
		height:260px;
	}		
}

/*
STYLESWITCHER
======================================= */
#panel {
	position:fixed;
	top: 100px;
	right:-230px;
	width: 230px;
	color: #fff;
    z-index: 5000;
    font-size: 11px;
	background:#181818;
}

#panel input{
	width:160px;
	background:#fff;
}

.colorpicker {
    z-index: 5001;	
}
.panel-inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.options_box {
	margin:0;
	padding:0;
	overflow:hidden;
}

.options_box .solidline {
	margin-bottom:10px;
}

.options_box h6 {
	text-align:center;
	font-weight:bold;
	background:#333333;
	color:#fff;
	padding:14px 0 13px 0;
	margin-top:0;
	margin-bottom:20px;
}

.options_box .layout{
	width: 190px;
	margin:0 20px 20px 20px;
}

.options_box .layout ul{
	float:left;
	width:100%;
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

.options_box .layout ul li{
	float:left;
	width:34px;
	height:34px;
	margin:0 0 10px 5px;
}

a.box-color{
	display:block;
	width:100%;
	height:100%;
}

.default{
	background-color:#f85c37;	
}

.green{
	background-color:#48cd90;	
}

.chateau-green{
	background-color:#4abaa4;	
}

.red{
	background-color:#db3434;	
}

.yellow{
	background-color:#f9d408;	
}

.blue-light{
	background-color:#4475c6;	
}

.blue-sky{
	background-color:#53d4df;	
}

.pink{
	background-color:#ef559e;	
}

.purple{
	background-color:#8056a0;	
}

.violet{
	background-color:#e16398;	
}

.options_box .layout ul li.first{
	margin-left:0;
}


.options_toggle_holder {
	position:absolute;
	left:-49px;
}

.options_toggle  {
	margin: 0 0 0 4px;
	padding:10px 10px 10px 10px;
	cursor: pointer;
	border-left:none;
	display:block;
	background:#333333;
	font-size:28px;
	line-height:28px;
	text-align:center;
}
.options_toggle  i{
	margin:0;
	padding:0;
}


.options_toggle:hover,.options_toggle:focus,.options_toggle:active{
	outline:0;
	text-decoration:none;
}

#accent_color{
	color: #333;
	border: none;
	text-transform: uppercase;
	margin-left: 2px;
	text-align: center;
	outline:0;
}