/*

Custom CSS
===========

Author:  Mikael Wallin
Updated: September 2014

*/

/*
 *
 * Common viewport sizes
 *
 */
/*
 · Mobile portrait (320x480)
 · Mobile landscape (480x320)
 · Small tablet portrait (600x800)
 · Small tablet landscape (800x600)
 · Tablet portrait (768x1024)
 · Tablet landscape (1024x768)
 · Small browser window (1024x768)
 · Medium browser window (1280x1024)
 · Large browser window (1600x1200)
 · Large browser window (1680x1050)
 · X-Large browser window (1920x1080)
 · X-Large browser window (1920x1200)

@media screen and (min-width:320px){} // mobile portrait
@media screen and (min-width:480px){} // mobile landscape
@media screen and (min-width:768px){} // ipad portrait
@media screen and (min-width:1024px){} // browser, ipad landscape
@media screen and (min-width:1200px){} // browser
@media screen and (min-width:1600px){} // browser
*/

/* --------------------------------------
   Layout
   -------------------------------------- */

div {
	/*border: 1px dashed red;*/
}

#main {
	margin-top: 0;
}

#main.fixedNavbar {
	margin-top: 60px;
}

.panel-body img {
	border-radius: 3px;
}

#features {
	text-align: center;
}

#features .feature {
	max-width: 323px;
}

#features .panel-body p {
	min-height: 130px;
}

#features img {
	margin: 0 0 20px;
}

#inputBusiness option {
	color: #555;
}

#inputBusiness option[disabled] {
	color: #777;
}

#inputMessage {
	margin-bottom: 15px;
}

/*
#contactFormWrapper label.col-sm-2 {
	padding: 7px 0 0 0;
}
*/

#contactFormWrapper #sendFormMessageWrapper {
	/*border: 1px solid crimson;
	display: block;*/
	height: 34px;
	text-align: left;
}

#contactFormWrapper #sendFormMessage {
	/*border: 1px solid #ffff00;*/
	/*display: block;*/
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 6px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

#ajaxLoaderWrapper, #ajaxLoader {
	text-align: center;
}

#ajaxLoader img {
	display: none;
	width: 34px;
	height: 34px;
}

footer {
	/*background: #c9302c;*/
	/*background: #d9534f;*/
	color: #fff;
	/*color: #eee;*/
	font-size: 12px;
	/*font-size: 11px;*/
	padding: 20px;
}

footer a, footer a:visited {
	color: #ccc;
	text-decoration: none;
}

footer a:focus, footer a:hover, footer a:active {
	color: #fff;
	text-decoration: underline;
}

#footerAbout {
	max-width: 404px;
}

/* --------------------------------------
   Typography
   -------------------------------------- */

body {
	font-size: 13px;
	color: #333333;
	background-color: #ffffff;
}

.well .page-header {
	margin-top: 0;
}

.well .page-header h1 {
	margin-top: 0;
}

ul.unstyled {
	list-style: none;
	padding: 0;
}

/* --------------------------------------
   Masthead
   -------------------------------------- */

/* Logo masthead */
.masthead, .masthead2 {
	display: inline-block;
	width: 464px;
	height: 57px;
	margin: 20px 0;
}

.masthead {
	background: url("../img/logo_large.png") no-repeat;
}

.masthead2 {
	background: url("../img/logo_large2.png") no-repeat;
}

/* TODO: viewports */
/*@media (min-width: 320px) and (max-width: 479px) {*/
@media (max-width: 479px) {
	.masthead, .masthead2 {
		display: none;
		/*width: 116px;
		margin: 0;*/
	}

	.masthead {
		/*height: 26px;
		background: url("../img/logo.png") no-repeat;*/
	}

	.masthead2 {
		/*height: 14px;
		background: url("../img/logo2.png") no-repeat;*/
	}
}

@media (min-width: 480px) and (max-width: 1023px) {
	.masthead, .masthead2 {
		width: 232px;
		margin: 10px 0;
	}

	.masthead {
		height: 52px;
		background: url("../img/logo_medium.png") no-repeat;
	}

	.masthead2 {
		height: 29px;
		background: url("../img/logo_medium2.png") no-repeat;
	}
}

@media (min-width: 1024px) {
	.masthead, .masthead2 {
		width: 464px;
		margin: 20px 0;
	}

	.masthead {
		height: 105px;
		background: url("../img/logo_large.png") no-repeat;
	}

	.masthead2 {
		height: 57px;
		background: url("../img/logo_large2.png") no-repeat;
	}
}

/* Caret */
/*.btn > .caret,
.dropup > .btn > .caret {
	border-top-color: #000 !important;
}*/

/* Navbar etc. */
.navbar {
	border-radius: 0;
}

#searchInput {
	width: 180px;
}

.navbar-brand {
	padding: 13px 15px;
}

.dropdown-menu {
	min-width: 100px;
	max-width: 200px;
}

#language li img {
	margin: 0 5px 2px 0;
}

/* --------------------------------------
   Carousel
   -------------------------------------- */

#myCarouselWrapper {
	max-width: 617px;
}

#myCarousel {
	height: 500px;
}

.carousel-inner {
}

.carousel-indicators {
	bottom: 5px;
}

.carousel-caption {
	font-size: 16px;
	padding-bottom: 10px;
}

.carousel-caption h3 {
	font-size: 22px;
}

#myCarousel .item {
	height: 500px;
}

#slide1 {
	background: url('../img/slide_01.jpg') top center no-repeat;
}

#slide2 {
	background: url('../img/slide_02.jpg') top center no-repeat;
}

#slide3 {
	background: url('../img/slide_03.jpg') top center no-repeat;
}

/*
#slide1 { background: url('../img/carousel_medium_01.jpg') top center no-repeat; }
#slide2 { background: url('../img/carousel_medium_02.jpg') top center no-repeat; }
#slide3 { background: url('../img/carousel_medium_03.jpg') top center no-repeat; }
*/

/* --------------------------------------
   Global Styles
   -------------------------------------- */

.alert {
	/*margin-top: 20px;
	display: none;*/
	margin-bottom: 0;
}

.well {
	margin: 20px 0;
}

.tabbable img.thumbnail {
	margin: 0 20px 10px 0;
}

.thumbnails {
	margin: 20px 0;
}

.thumbnail {
	position: relative;
}

.thumbnail h3 {
	font-size: 16px;
	margin: 0 0 10px;
	line-height: 20px;
}

.thumbnail .price {
	font-size: 22px;
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 10px;
}

.thumbnail .price sup {
	font-weight: normal;
	font-size: 12px;
}

.thumbnail span.glyphicon {
	margin-right: 5px;
}

/* News listing */
#newsArticle .list-group-item-heading {
    margin: 0 0 15px 0;
}

#newsArticle .list-group-item-text {
    margin: 0 0 15px 0;
}

/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 479px) {

	.thumbnail .price {
		font-size: 14px;
	}

	.thumbnail .price sup {
		font-size: 10px;
	}

	.dropdown-menu {
		min-width: 100px;
		max-width: none;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	#myCarousel .item {
		max-height: 500px;
	}

	/*#slide1 {
		background: url('../img/carousel_small_01.jpg') top center no-repeat;
	}

	#slide2 {
		background: url('../img/carousel_small_02.jpg') top center no-repeat;
	}

	#slide3 {
		background: url('../img/carousel_small_03.jpg') top center no-repeat;
	}

	.carousel-caption {
		font-size: 16px;
	}

	.carousel-caption h4 {
		font-size: 22px;
	}*/

	.dropdown-menu {
		min-width: 100px;
		max-width: none;
	}

}

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

	#myCarousel .item {
		min-height: 500px;
	}

	/*#slide1 {
		background: url('../img/carousel_large_01.jpg') top center no-repeat;
	}

	#slide2 {
		background: url('../img/carousel_large_02.jpg') top center no-repeat;
	}

	#slide3 {
		background: url('../img/carousel_large_03.jpg') top center no-repeat;
	}*/

	/* Reduce max-width of containers */
	.container {
		max-width: 970px;
	}

	.dropdown-menu {
		min-width: 100px;
		max-width: 200px;
	}

}