/* ----- font-family: 'Lato', sans-serif; */
@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Italic.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Lato";
	src: url("fonts/Lato-BoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
}

/* ----- font-family: 'Verela Round', sans-serif; */
@font-face {
	font-family: "Varela Round";
	src: url("fonts/VarelaRound-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}



html, body {
	height: 100%;
}

* {
	margin: 0;
}


body, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #666666;
}

body{
	background-color: #fbfbfb;
	font-family: 'Lato', sans-serif;
	font-size: 16px;	
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;	/* margin-bottom == negative footer-height */
}

p{
	line-height: 170%;
}

a {color: #999;} 
a:hover, 
a:focus {
	color: #f29200;
	background-color: transparent;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Lato', sans-serif;
	margin-top: 0px;
}

.panel-body {
	padding: 30px;
}

.panel-body h2{
	margin-top: 0px;
}

.panel-body .row {
	margin-top: 30px;
}
.panel-body .row:first-child{
	margin-top: 0px;
}


header{	
	background-image:url('images/bg_dark.png');
	/*border-bottom: 4px solid #e19708;*/
	border-bottom: 4px solid #f29200;
}

footer, #push {
	/* height: 65px; */ /* .push must be the same height as .footer */
	height: 120px;
}

footer{
	padding: 25px 0;
	background-image:url('images/bg_light.png');
}

footer .copyright{
	margin-top: 15px;
}



#topsection{
	background-image:url('images/bg_light.png');
	margin-bottom: 35px;
}

.maincontent{
	margin-bottom: 35px;
}

.listbox{
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-bottom: 15px;
}

.listbox ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.listboxheader{
	background-color: #ddd;
	text-align: center;
	padding: 15px;
}

.listboxheader h3{
	display: inline-block;
	font-weight: bold;
	margin-left: 15px;
}

.listboxsubheader{
	background-color: #eee;
	text-align: center;
	font-weight: bold;
	padding: 20px;
	font-size: 130%;
}

.listboxitem{
	text-align: center;
	padding: 15px;
	border-bottom: 1px dotted #ddd;
}

.listboxaction{
	text-align: center;
	padding: 20px;
	background-color: #eee;
	border-bottom: 1px dotted #ddd;
}

.kartrisicon{
	float: right;
	margin: 0 0 35px 35px;
}

.serviceicon{
	float: right;
	padding: 0 0 35px 35px;
}



.marketing-service-logo{
	float:right;
}

.jumbotron{
    background-color: #fbfbfb;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 35px 0;
}

.container .jumbotron {
    padding-right: 30px;
    padding-left: 30px;
}

.jumbotron h1 {
    font-size: 30px;
}

.jumbotron p {
    line-height: 1.7;
    font-size: 18px;
}

.marketing {
  padding-left: 15px;
  padding-right: 15px;
}
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
  font-size: 27px;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}

.svg-icon {
	height: 80px;
	margin: auto;	
}

.non-inset{
	padding-left:0;
}








/* ----- carousel --------------------------- */
.carousel {
	min-height: 300px;
}

.carousel .item {
	min-height: 300px;
}

.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}

.carousel-control .icon-prev, 
.carousel-control .icon-next, 
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
	/* color: black; */
	color: #333333;
}

.carousel-caption{
	text-shadow: none;
	/* color: #333; */	
}

.carousel-caption p{
	text-shadow: none;
	font-size: 18px;
	/* color: #333; */
}

.carousel-indicators .active {
	/* background-color: #333; */
	background-color: #666;
}

.carousel-indicators li{
	/* border: 2px solid #333; */
	border: 2px solid #666;
}
/* ---------------------------------------------------- */



.portfoliothumb{
	margin-bottom: 25px;
}



address{
	text-align: right;
}

.nav a{
	font-size: 15px;
	transition: all 0.2s linear 0s;
}

.navbar{
	margin: 25px 0;
	border: none;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;	
}

.navbar-inverse .navbar-collapse {
    border-color: #666;
}

.navbar-collapse {
	box-shadow: none;
}


.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
	background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border: none;	
}

.navbar-inverse .navbar-toggle:focus, 
.navbar-inverse .navbar-toggle:hover {
	background-color: transparent;
}
.navbar-inverse .navbar-toggle:focus  .icon-bar,
.navbar-inverse .navbar-toggle:hover  .icon-bar {
    background-color: #f29200;
}

.logoicon{
	font-size: 1.6em;
	color: #e19708;
}

.navbar-brand{
	/* padding: 7px 0 0 15px; */
	padding: 7px 0 0 0;
}

.navbar-brand h1{
	font-family: 'Varela Round', sans-serif;
	display: inline-block;
	font-size: 2.1em;
	line-height: 1.2em;
	margin: 0 0 0 0;
	padding: 0 0 0 12px;
	color: #ededed;
}







/* ========================================= */
@media(max-width:767px){

	#myCarousel{display: none;}

	.navbar-brand{
		padding: 10px 0 0 10px;
	}

	.navbar-brand h1{
		font-size: 0.6em;
		line-height: 0.5em;
	}

	address{
		margin-top: 25px;
		text-align: center;
	}

	.fa-5x{
		font-size: 1.5em;
	}

}


/* ========================================= */
@media(min-width:768px){

}


/* ========================================= */
@media(max-width:992px){

	.carousel-caption h1{
		font-size: 1.8em;
	}

	.carousel-caption p{
		font-size: 1em;
	}

	footer h5, 
	footer .text-right{
		text-align: center;
	}

	.fa-5x{
		font-size: 3em;
	}

	.navbar-brand{
		padding: 10px 0 0 10px;
	}

	.navbar-brand h1{
		font-size: 1.1em;
		font-size: 1.5em;
		line-height: 0.9em;
	}

}


/* ========================================= */
@media(max-width:1200px){

	.homepanel{
		border-bottom: 3px dotted #d5d5d5;
		margin-bottom: 35px;
		padding-bottom: 35px;
	}
	
	.homepanel:last-child {
		border-bottom:none;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

}


/* ========================================= */
@media(min-width:1200px){

	.maincontent > .row > .col-md-12 {
		padding-left:0;
	}
	
}