/*
  Theme Name: Lumia
  Theme URL: https://bootstrapmade.com/lumia-bootstrap-business-template/
  Author: BootstrapMade.com
  Author URL: https://bootstrapmade.com
*/

@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');

/* ====================================== */
#pagingg ul.pagination{
	margin:0px;
	padding:0px;
	height:100%;
	overflow:hidden;
	list-style-type:none;	
}
#pagingg ul.pagination li.details{
    padding:7px 10px 7px 10px;
    font-size:17px;
}
#pagingg ul.pagination li{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:5px;	
    padding-bottom:5px;
}
#pagingg ul.pagination li:first-child{
	margin-left:0px;
}
#pagingg ul.pagination li a{
	color:#fff;
	display:block;
	text-decoration:none;
	padding:14px 20px;
}
#pagingg ul.pagination li a img{
	border:none;
}
/* ====================================== */
ul.pagination li.details
{
	color:#3498db;
}
ul.pagination li a
{
	border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:6px 9px 6px 9px;	
}
ul.pagination li a
{
    color: #fff;
	background:#444;	
}	
ul.pagination li a:hover,
ul.pagination li a.current
{	
	background:#3498db;
	color:white;
}

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


.logoclass:hover
{
	text-decoration:none;
}
.titlepos
{
	text-align:center;
}
.btnsubmit
{
background-color: #4CAF50;
border: none;
color: white;
padding: 7px 12px;
text-decoration: none;
font-size:17px;
cursor: pointer;
border-radius:3px;
}
.dropselect
{
border:2px solid;
padding: 10px 8px 10px 14px;
height:40px;
}
.displaybtn{
color:#fff;
padding:7px;
border:2px solid orange;
border-radius:5px;
cursor:pointer;	
display: inline-block;
margin:1px;
}
.displaybtn:hover{
color:#000;
background:#fff;
border:2px solid orange;
transition-duration: .5s;
}
.combtn1{
background:#611205;
background-image: linear-gradient(141deg, #611205 0%, #79009e 51%, #f70042 75%);
border-color:yellow;
}
.combtn2{
background:#301f0a;
background-image: linear-gradient(141deg, #301f0a 0%, #945201 51%, #bd1c00 75%);
border-color:cyan;
}
.combtn3{
background:#4f0b4d;
background-image: linear-gradient(150deg, #4f0b4d 0%, #db6b02 51%, #0a0601 85%);
border-color:yellow;
}
.combtn4{
background:#d40091;
background-image: linear-gradient(150deg, #d40091 0%, #263002 51%, #263002 85%);
border-color:yellow;
}
.combtn5{
background:#ff121a;
background-image: linear-gradient(150deg, #ff121a 0%, #876465 51%, #272904 85%);
border-color:cyan;
}
.combtn6{
background:#69360a;
background-image: linear-gradient(150deg, #69360a 0%, #4721ed 51%, #820c82 85%);
border-color:yellow;
}
.combtn7{
background:#4f3131;
background-image: linear-gradient(150deg, #4f3131 0%, #e31414 51%, #c65adb 85%);
border-color:yellow;
}
.combtn8{
background:#735a3e;
background-image: linear-gradient(150deg, #735a3e 0%, #d94ff7 51%, #454545 85%);
border-color:cyan;
}
.combtn9{
background:#59434b;
background-image: linear-gradient(150deg, #59434b 0%, #265eed 51%, #ed9026 85%);
border-color:yellow;
}
.combtn10{
background:#de8100;
background-image: linear-gradient(150deg, #de8100 0%, #de004e 51%, #de004e 85%);
border-color:yellow;
}
.combtn11{
background:#b81a06;
background-image: linear-gradient(150deg, #b81a06 0%, #0e71eb 51%, #54221c 85%);	
border-color:cyan;
}
.combtn12{
background:#f01f95;
background-image: linear-gradient(150deg, #f01f95 0%, #0e71eb 51%, blue 85%);	
border-color:cyan;
}
.combtn13{
background:#52ACFF;
background-image: linear-gradient(150deg, blue 0%, #163b69 51%, red 85%);	
border-color:cyan;
}
.combtn14{
background:rgb(29,116,254);
background-image: linear-gradient(90deg, rgb(29, 116, 254) 1%, rgb(125, 40, 199) 55%, rgb(0, 0, 0) 97%);	
border-color:cyan;
}

/* ====================================== */
.clear { clear:both; }


iframe {
	border:none;
}
.row {
	margin-bottom:30px;
}

.left {
	float:left;
}
img.left {
	float:left;
	margin:0 10px 10px 0;
}

a i:hover {
	text-decoration:none;
}







header .navbar .logo {
	float:left;
  padding: 0;
  margin-left:0;
}


header .navbar {
	padding:0px 0 5px;
}

.navbar .nav {
	margin:0;
}

.navbar ul li {
	margin-right:5px;
}

.navbar ul li li {
	margin-right:0;
}

.navbar .nav li a:hover {
	background:#181818;
	color:#fff;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.navbar .nav li.active a,.navbar .nav li.active a:hover {
	color:#fff;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.navbar .nav li.active ul li a {
	background:#fff;
}

.navbar .nav li ul li a {
	color:#ddd;
	font-weight:normal;
}

.navbar .nav li.active ul li a {
	color:#ddd;
	font-weight:normal;
}
.navbar .nav li.active ul li a:hover,.navbar .nav li ul li a:hover {
	color:#fff;
	font-weight:600;
}
.navbar ul.topnav {
	float:right;
	margin-top:20px;
}

.navbar .nav > li > a {
  float: none;
  font-size:13px;
  padding: 5px 10px 5px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: none;
  font-weight:700;
}
.navbar .nav > li.dropdown > a {
  padding: 5px 5px 5px 10px;
}



header .topnav .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 6px;
  margin-left: -1px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

header ul.topnav li ul.dropdown-menu  {
	margin-top:10px;
}

header ul.topnav li ul.dropdown-menu ul  {
	margin-top:0;
}

.dropdown-menu {
  border: none;
  *border-right-width: 0;
  *border-bottom-width: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-background-clip: none;
     -moz-background-clip: none;
          background-clip: none;
}


.dropdown-menu .sub-menu {left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;}
.dropdown-menu li:hover .sub-menu {visibility:visible;}


header .navbar .navigation ul li .dropdown-menu,header .navbar .navigation ul li .dropdown-menu li  a{
  border: none;
  background:#222;
}

.navbar .nav li ul.dropdown-menu li a:hover, .navbar .nav li.active ul.dropdown-menu li a:hover  {
	background: rgba(0,0,0,0.25);

}

header .navbar .navigation ul li .dropdown-menu li  a:hover {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.dropdown-menu li:hover .sub-menu {visibility:visible;}
.dropdown-menu .sub-menu {left:100%;position:absolute;visibility:hidden;margin-top:-1px;}
.dropdown-menu li:hover .sub-menu {visibility:visible;}

ul.topnav  .dropdown-menu .sub-menu {
	margin-left:1px;
}

ul.topnav .dropdown-menu {
  padding: 0 0;
  margin: 0 0 0;
}

ul.topnav .dropdown-menu li {
	padding:0;
	border-bottom:1px dotted #3a3a3a;
}

ul.topnav .dropdown-menu li > a {
	color:#ddd;
  padding: 10px 20px;
  line-height: 1.6em;
}

.dropdown-menu .dropdown i {
	position:absolute;
	right:0;
	margin-top:3px;
	padding-left:20px;
}


nav select {
	display:none;
}


/* flexslider home */
#mainslider.flexslider {
	margin:30px 0 0;
}

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

/* main content */

#maincontent {
	z-index:1000;
	margin-top:0px;
}

/* intro */

section#intro{
	background:#f5f5f5;
	padding:0;
	margin:0;
	border-bottom:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
	margin-bottom:30px;
}

.line {
	background:url(../img/line.jpg) top repeat-x;
	height:10px;
}

section#bottom {
	width: 100%;
	margin: 0 auto;
	margin-top:20px;
	padding: 0;
	padding-top:30px;
}

section#subintro {
	width: 100%;
	color: #fff;
	height:auto;
	margin: 0 auto;
	padding: 0;
/*	margin-bottom:30px;*/
}

/* divider */
.solid_line {
  padding:0;
  margin:20px 0 20px 0;
  width:100%;
  height:1px;
  border-top: 1px solid #eeeeee;
}

.dotted_line {
  padding:0;
  margin:20px 0 20px 0;
  width:100%;
  height:1px;
  border-bottom: 1px dotted #eeeeee;
}



/* -------------------------------------------------- */
/* Additional typography
/* -------------------------------------------------- */

p.lead {
	font-size:12px;
	font-style:italic;
	font-family: 'Droid Serif', Georgia, Arial, sans-serif;
}

/* ==== Heading style === */
.rheading { margin-bottom: 24px; }

.rheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}
.rheading span {
	position: absolute;
	width: 50px;
	height: 1px;
	bottom: -1px;
	left: 0;
}

footer .heading {
	width:100%;
	margin:0 0 20px 0;
	padding:0;
}


footer .heading h5 {
	border-bottom:1px solid #333;
	padding-bottom:11px;
	margin:0;
}



.widget .heading span{
	border-width:5px;
	padding:0 15px 25px 20px;
	float:right;
}


/* scroll to top */
.scrollup{
    position:fixed;
	width:48px;
	height:48px;
    bottom:20px;
    left:20px;
}

a.scrollup {
	outline:0;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i:hover {
	text-decoration:none;
}





.home-posts .entry-meta {
		float: left;
		font-style: italic;
		letter-spacing: -0.5px;
		line-height: 1.3;
		text-align: center;
		width: 48px;
}

.home-posts .entry-meta a {
			display: block;
			font-style: normal;
}

.entry-meta a:hover {
	text-decoration:none;
}

.home-posts .post-format { margin: 0; }

.home-posts .date {
			display: block;
			margin: 8px 0 0;
		}

.home-posts .entry-body .title {
			font-size: 14px;
			font-weight: 400;

		}

.home-posts  .entry-body {
		margin: 15px 0 0 68px;
	}
.entry-body a:hover {
	text-decoration:none;
}

.home-posts  .post-video,.home-posts  .post-image, .home-posts  .post-audio, .home-posts .post-slider { margin-bottom: 15px; }

.touch-device .post-carousel .entry-audio { margin-top: -8px; }




/* accordion */
.accordion-inner {
  padding: 20px 15px;
}


/* pagination */

.pagination {
	margin-top:0;
}

.pagination ul li a {
	color:#666;
}

.pagination ul li a:hover {
	color:#fff;
}

.pagination ul li.active a {
	background:#444;
	color:#fff;
	border:1px solid #444;
}

/* Blog */

aside{
	background:#fcfcfc;
	padding:20px 15px 0 15px;
	margin: 0 0 30px 0;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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


aside .widget ul {
	list-style:none;
	margin-left:0;
}

aside .widget ul li {
	border-bottom:1px dotted #efefef;
	margin:15px 0 0 0;
	padding-bottom:5px;
}

aside .widget h4{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:10px;
	margin-bottom:15px;
}

/* categories */
aside .widget ul.cat {
	list-style:none;
	margin-left:0;
}
aside .widget ul.cat li {
	padding-left:24px;
  background-image: url("../img/glyphicons-halflings.png");
  background-repeat: no-repeat;
	background-position: -456px -69px;
}
aside .widget ul.cat li a {
	color:#3498db;
}
aside .widget ul.cat li a:hover {
	text-decoration:none;
}

/* recent posts */

aside .widget ul.recent-posts li {
	overflow:hidden;
	display:inline-block;

}

aside .widget ul.recent-posts li a{
	color:#3498db;
	text-align:left;
	font-weight:600;

}

aside .widget ul.recent-posts li a:hover {
	text-decoration:none;
}

aside .widget ul.recent-posts li span.date {
	float:left;
	font-size:11px;
	margin-top:10px;

}

aside .widget ul.recent-posts li span.comment {
	float:left;
	margin-left:20px;
	font-size:11px;
	margin-top:10px;
}

/* tags */
aside .widget ul.tags li {
	display:inline;
	border:none;
}

aside .widget ul.tags li a {
	margin-bottom:10px;
	border:none;
	color:#fff;
}

#comment span{
	font-size:11px;
	font-style:italic;
	color:#999999;
}

article.blog-post{
	padding-bottom:10px;
}

article.blog-post .video-container {
	margin-bottom:20px;
}

article .heading {
	float:left;
	width:100%;
	margin-bottom:25px;
}

article .heading h4{
	float:left;
	margin-bottom:0;
	font-size:24px;
}


article.blog-post .post-heading h3 a {
	color:#333;
}
article.blog-post .post-heading h3 a:hover {
	text-decoration:none;
}

article  span.comment{
	float:right;
	margin-top:5px;
}

article button.btn{
	margin-bottom:10px;
}

article.blog-post img{
	margin-bottom:20px;
}

article.blog-post img:hover{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;
}

article.blog-post img.thumbnail{
	margin-bottom:0;
}


/* ====== post format ================ */

.post-quote blockquote {
	font-size:18px;
	line-height:1.6em;
	font-family:Georgia, Arial, sans-serif;
	font-style:italic;
}


/* last post article */
article.last-post {
	color:#fff;
	margin-bottom:20px;
}

article.last-post .content {
	padding:20px;
}
article.last-post .content a {
	color:#fff;
	font-weight:bold;
}
article.last-post h4 {

}

article.last-post iframe{
	width:100%;
	height:150px;
	border:none;
	margin-bottom:0;
}

.tooltip-demo a{
	display: block;
}

ul.time-post {
	background:#fff;
}

ul.time-post{
	float:left;
	list-style:none;
	width:60px;
	padding:10px 0 10px 0;
	margin:0 20px 20px 0;
	text-align:center;
	color: #222;
}

ul.time-post li{
	list-style:none;
	margin:0;
	padding:0;
}

ul.time-post li.date{
	font-size:28px;
	line-height:24px;
	padding:10px 0 0 0;
}

ul.time-post li.year{
	padding:0 0 10px 0;
	border-bottom:1px solid #fff;
	text-shadow: none;
}

ul.post-meta{
	float:left;
	width:100%;
	list-style:none;
	padding:0 0 5px 0;
	border-bottom:1px dotted #e6e6e6;
	margin:0 0 15px 0;
}

ul.post-meta li{
	float:left;
	list-style:none;
	margin:0;
	margin:0 10px 0 10px;
	font-size:11px;

}

ul.post-meta li a{
	color:#737373;
}

ul.post-meta li i{
	float:left;
	margin-top:4px;
}

ul.post-meta li span{
	float:left;
	margin-left:5px;
}



.media,
.media .media {
  margin-top: 20px;

}

.media-list .media{
	margin-top:30px;
	border-bottom:1px dotted #eee;
	padding-bottom:10px;

}

.media-list .media .media-body a.reply {
	float:right;

}

.media-list .media .media{
	border:none;
	border-top:1px dotted #eee;
	padding-top:20px;
}


.media-body .media-heading a{
	color:#494949;
}

.media .pull-left {
  margin-right: 15px;
}

.media .pull-right {
  margin-left: 15px;
}

.comment-post{
	margin-top:30px;
}

.comment-form{
	margin:15px 0 30px 0;
}

.contactForm {
	margin:0 0 30px 0;
}

.comment-form  label, .contactForm label{
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}

.comment-form input, .contactForm input{
	margin-bottom:20px;
	font-size:13px;
	font-family:'Open Sans', Arial, sans-serif;
}

.comment-form textarea, .contactForm textarea{
	margin-bottom:25px;
	font-size:13px;
	font-family:'Open Sans', Arial, sans-serif;
 }


 .validation {
   color: red;
   display:none;
   margin: 0 0 20px;
   font-weight:400;
   font-size:13px;
 }

 #sendmessage {
   color: green;
   border:1px solid green;
   display:none;
   text-align:center;
   padding:15px;
   font-weight:600;
   margin-bottom:15px;
 }

 #errormessage {
   color: red;
   display:none;
   border:1px solid red;
   text-align:center;
   padding:15px;
   font-weight:600;
   margin-bottom:15px;
 }

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


 /* Google Map */
 #google-map {
   height: 300px;
   margin-bottom: 20px;
 }


/* 404 */

.error-bg{
	background: #f5f5f5;
}

.error-wrapper{
	width:60%;
	margin:80px auto;
	padding:8px;
	background:#f5f5f5;
}

.error-body{
	padding:20px;
	text-align:center;
	color:#fff;
}

.error-body h1{
	font-size:172px;
	line-height:160px;
	padding:15px 0 20px 0;
	margin-bottom:30px;
}

.error-body h3{
	text-transform:none;
}

.error-footer{
	margin-top:30px;
	text-align:right;
	background:#f5f5f5;
}

/* social links icon */

.widget .social-links {
	list-style:none;
}

.widget .social-links li  {
	padding:0;
	border:none;
	float:none;
	display:inline;
}

.social-links li a:hover {
	text-decoration:none;
}

/* ============ font awesome icons ===================== */

ul.the-icons {
	list-style:none;
	margin-left:0;
}

[class^="icon-"],
[class*=" icon-"] {
    float:none;

}

.icon-square,
.icon-rounded,
.icon-plain,
.icon-circled {
    margin: 10px 10px 10px 0;
    display: inline-block !important;
    text-align: center !important;
    color: #fff;
    width: 18px;
    height: 18px;
	padding:3px;
    font-size: 12px;
    line-height: 18px;
    text-shadow:none;
    cursor: pointer;
}

.icon-rounded  {
    background-color: #444;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.icon-circled {
    background-color: #444;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.icon-square {
    background-color: #444;
}
.icon-plain {
    width: 48px;
    height: 48px;
    font-size: 47px;
    line-height: 50px;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
}

.icon-plain:hover { color: #777; }

/* circled radius */
.icon-circled {
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}
.icon-64.icon-circled {
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
}
.icon-128.icon-circled {
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}

.icon-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: 1px 1px 1px #fff;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}


.icon-rounded:hover,
.icon-circled:hover {
    color: #fff;
    text-shadow: none;
    box-shadow: 0 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.demoicon [class^="icon-"],
.demoicon [class*=" icon-"],
[class^="icon-"].left,
[class*=" icon-"].left {
    float:left;
}
[class^="icon-"].active:hover,
[class*=" icon-"].active:hover {
    background-color: rgba(0, 0, 0, 0.75);
}
[class^="icon-"],
[class*=" icon-"] {
  margin-top: 1px;
  margin-right: .3em;
}

/* custom size */
.icon-32 {
    width: 24px;
    height: 24px;
	padding:4px;
    font-size: 16px;
    line-height: 24px;
}
.icon-48 {
    width: 32px;
    height: 32px;
	padding:8px;
    font-size: 28px;
    line-height: 30px;
}
.icon-64 {
    width: 40px;
    height: 40px;
	padding:12px;
    font-size: 30px;
    line-height: 40px;
}
.icon-128 {
    width: 56px;
    height: 56px;
	padding:36px;
    font-size: 54px;
    line-height: 60px;
}


/***********************************************/

/* twitter */
.twitter ul{
	margin-left:0;
	list-style:none;
}

.twitter  img{
    float: left;
    margin-right: 15px;
}
.twitter span.tweet_time{
    display: block;
    padding-bottom: 5px;

}
.twitter li{
    border-bottom: 1px dashed #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
    list-style: none;
}
.twitter li:last-child{border: none;}




/* breadcrumb */
#subintro .breadcrumb {
	margin:30px 0 0;
	background:none;
}

#subintro ul.breadcrumb li {
	margin-bottom:0;
	padding-bottom:0;
	color:#fff;
	/*font-size:18px;*/
}

#subintro ul.breadcrumb li a {
	color:#fff;
}

#subintro ul.breadcrumb li a:hover {
	color:#ddd;
}

#subintro ul.breadcrumb li a:hover {
	text-decoration:none;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.breadcrumb > li {

}

.breadcrumb.custom {
  padding: 8px 0px;
  margin: 0 0 20px ;
  list-style: none;
  background-color: #fff;
  border:none;
  border-bottom: 1px solid #e3e3e3;
}

.breadcrumb > li {
  display: inline-block;
  *display: inline;
  line-height:1.6em;
  *zoom: 1;
}

.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}


/* search form on inner pages */
#subintro .search {
	margin:30px 0 0;
	padding:0;
	float:right;
}

#subintro .search input {
	border:none;
	font-size:13px;
	font-family:'Open Sans', Arial, sans-serif;
}

#subintro .search button {
	border:none;
	font-size:13px;
	font-family:'Open Sans', Arial, sans-serif;
	background:#353535;
	color:#fff;
	text-shadow:none;
}



/* list */
	ul.list, ol.list						{ margin:0 0 20px 0;padding:0; }
	ul.list 							{ list-style:none outside; }
	ol.list 							{ padding:0 0 0 15px; }
    ol.alpha-upper li				{ list-style:upper-alpha; }
	ol.alpha-lower li				{ list-style:lower-alpha; }
	ol.decimal li					{ list-style:decimal; }
	ol.roman li					{ list-style:upper-roman; }
	ul.diamond li					{ padding:0 0 0 15px; background:transparent url('../img/list/diamond.png') no-repeat 0 6px; }
	ul.arrow li					{ padding:0 0 0 20px; background:transparent url('../img/list/arrow.png') no-repeat 0 6px; }
	ul.check li					{ padding:0 0 0 18px; background:transparent url('../img/list/check.png') no-repeat 0 6px; }
	ul.circle li					{ padding:0 0 0 15px; background:transparent url('../img/list/circle.png') no-repeat 0 8px; }
    ul.list ul, ul.list ol, ol.list ol, ol.list ul 		{ margin:4px 0 5px 30px; font-size:90%;  }
	ul.list ul li, ul ol li,	ol.list ol li, ol.list ul li 	 { margin-bottom:6px; }
	ul.list li , ul.list li							{ line-height:21px; margin: 0 0 12px 5px; }
	ul.list li p 							{ line-height:21px; }
	ol.alpha-upper li	 a, ol.alpha-lower li	a, ol.decimal li	a, ol.roman li a, ul.diamond li	a, ul.arrow li a, ul.check li a, ul.circle li a{ color:#3c4249;}

/* blockquote */

blockquote p {
	line-height:1.6em;
	font-size:16px;
	color:#898989;
	font-family: 'Droid Serif', Georgia, Arial, sans-serif;
	font-style:italic;
}

/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */

footer {
	padding-top:30px;
	color:#7e7e7e;
}

footer.footer {
	background:#151515;
}

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

footer .block-a {
	background:#bcab37;
}

footer .verybottom {
	padding-top:30px;
	background:#111;
}

footer ul.regular li a, footer .nav-list li.nav-header {
	text-shadow:none;
	color:#b8b8b8;
}

footer ul.regular,footer ul.nav {
	margin-left:0;
	list-style:none;
}

footer ul.regular li {
	background-attachment: scroll;
	background: url(../img/list/white-arrow.png) no-repeat 0 5px;
	padding-left:15px;
	margin-top:5px;
	margin-left:0;
}

footer ul.regular li a:hover {
	text-decoration:none;
}

footer .nav-list.regular > li > a {
	padding: 0;
 	margin-left:0;
}


footer .nav-list li.divider {
	text-shadow:none;
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #222;
  border-bottom: none;
}


footer .twitter li{
    border-bottom: 1px dashed #2d2d2d;
    padding-bottom: 20px;
    margin-bottom: 20px;
    list-style: none;
}

ul.social {
	list-style:none;
	margin-left:0;
}

ul.social li {
	display:inline;
}


/* misc */
.center {
	text-align: center;
}

/* img */
img.icon {
	margin-bottom:10px;
}

img.max-img {
	max-width:100%;
	height:auto;
}



/* -------------------------------------------------- */
/* Position, alignment
/* -------------------------------------------------- */

.divcenter {
	text-align:center;
}

.centered {
	text-align:center;
}

.alignleft{
	float:left;
}

.alignright{
	float:right;
}

.aligncenter{
	text-align:center;
}

img.alignleft{
	margin:5px 15px 15px 0;
}

img.alignright{
	margin:5px 0 15px 15px;
}

.aligncenter img{
	margin-bottom:20px;
}

.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.max-iframe{
	width:100%;
	height:350px;
}

.video{
	width:100%;
	height:350px;
	border:none;
}


/* padding */
.padding30 {
	padding-top:30px;
}
.botpadding20 {
	padding-bottom:20px;
}

/*margin left & right */
.marginleft20 {
	margin-left:20px;
}

.marginleft30 {
	margin-left:30px;
}

.marginright20 {
	margin-right:20px;
}

.marginright5 {
	margin-left:5px;
}



/*margin vary*/
.mtopbottom20 {
	margin:20px 0 20px 0;
}

.mtopbottom30 {
	margin:30px 0 30px 0;
}

.marginlr5 {
	margin:0 5px 0 5px;
}

.marginlr10 {
	margin:0 10px 0 10px;
}


/* ==== media screen queries ==== */

@media (min-width: 768px) and (max-width: 979px) {


	.navbar .navbar-inner .container .logo {
    padding-left: 20px;
    padding-right: 20px;
	}

	.navbar .nav {
		margin:0;

	}

.navbar-fixed-top {
	margin-bottom:15px;
}



section#intro{
	max-width: 100%;
	margin: 0 auto;
	margin-top:0;
	padding-top:0;
	margin-bottom:20px;
}

section#subintro{
	max-width: 100%;
	height:auto;
	margin: 0 auto;
	margin-top:0;
	padding-top:0;
	margin-bottom:20px;
}

	#sequence .info {
		width:80%;
	}

	#sequence .info p {
		background:#fff;
		padding:10px;
	}


}

@media (max-width: 767px) {


	.navbar .navbar-inner .container .logo {
    padding-left: 20px;
    padding-right: 20px;
	}


	section#intro{
		max-width: 100%;
		margin: 0 auto;
		margin-top:0;
		margin-bottom:20px;
		padding-top:0;
	}

	div nav ul {
		display:none;
	}
	nav ul li {
		display:none;
	}
    nav select {
      display: block;
	  width:50%;
	  float:right;
	  margin-bottom:20px;
	  color:#111;
	  margin-top:20px;
	  margin-right:20px;
	  line-height:30px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		font-size:14px;
    }

    nav select  a {
		line-height:1.6em;
		outline:0;
    }
  section#subintro {
    padding-left: 20px;
    padding-right: 20px;
	margin-top:0;
    margin-left: -20px;
    margin-right: -20px;
	}

	#sequence .info p {
		display:none;
	}

	#sequence .info a {
		font-size:12px;
	}

	.features {
		margin-bottom:30px;
	}

	.priceBox {
		margin-bottom:30px;
	}

	ul.portfolio-area li {
		max-width:300px;
		width:auto;
		height:auto;
		margin:0 10px 10px 10px;
	}

	 .tagline, section#intro {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
	footer {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}

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

	.verybottom {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}

	.verybottom p {
		text-align:center;
	}

	.verybottom p.pull-right {
		float:none;
		text-align:center;
	}



	.home-posts .span3 {
		margin-bottom:30px;

	}


}

@media (max-width: 480px) {

    nav select {
      display: inline-block;
	  width:85%;
	  float:none;
	  margin:20px;
	  color:#111;
	  line-height:30px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		font-size:14px;
	}

	#sequence {
		height: 250px;
	}

	.features {
		margin-bottom:30px;
	}

	#sequence .info  {
		width:100%;
	}

	#sequence .info p {
		display:none;
	}

	#sequence .info a {
		font-size:12px;
	}

	.verybottom {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}

	.verybottom p {
		text-align:center;
	}

	.home-posts .post-image {
		margin-top:20px;
	}

}
