/*********************************************************
	= BOOTSTRAP - Table of Content
*********************************************************/

/*
	= GRID SYSTEM
	= TYPOGRAPHY
	= TABLES
	= FORMS
	= BUTTONS
	= MODAL
	= CAROUSEL
*/




/*********************************************************
	= GRID SYSTEM
*********************************************************/

.container {

}

@media (max-width: 768px) {

	.container {
		width: auto;
	}

}

@media (min-width: 1200px) {

	.container {
		width: 970px;
	}

}




/*********************************************************
	= TYPOGRAPHY
*********************************************************/

/* TYPOGRAPHY - Font face */
@font-face {
    font-family: 'museo700';
    src: url('../fonts/Museo700/museo-700-webfont-webfont.eot');
    src: url('../fonts/Museo700/museo-700-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo700/museo-700-webfont-webfont.woff2') format('woff2'),
         url('../fonts/Museo700/museo-700-webfont-webfont.woff') format('woff'),
         url('../fonts/Museo700/museo-700-webfont-webfont.ttf') format('truetype'),
         url('../fonts/Museo700/museo-700-webfont-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* TYPOGRAPHY  - Headings */
/*h1, .h1, h2, .h2, h3, .h3 {
	margin: 0;
	padding: 0;
}*/

h1, .h1, h2, .h2, h3, .h3 {
	
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: bold;
}


/* TYPOGRAPHY - Body copy */
body {
	font-family: 'Open Sans', sans-serif;
	color: #555;
}


/* TYPOGRAPHY  - Lists */
.list-unstyled,
.list-unstyled li {
	margin: 0;
	padding: 0;
}




/*********************************************************
	= TABLES
*********************************************************/

/* TYPOGRAPHY - Basic */
/*tr,
th,
td {
	vertical-align: top;
}*/

tr + tr td {
	padding-top: 40px;
}




/*********************************************************
	= FORMS
*********************************************************/

/* FORMS - Basic Example */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	display: block;
	padding: 7px 10px;
	width: 100%; height: 30px;
	font-weight: normal;
	font-size: 12px;
	border-color: #ddd;
	box-shadow: none;
	outline: 0;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
textarea:hover,
textarea:focus {
	border-color: #139ed2;
	box-shadow: none;
}

input[type="search"] {
	padding-left: 35px;
	background-image: url(../img/components/input-search.png);
	background-repeat: no-repeat;
	background-position: -50px 0;
}

input[type="search"]:hover,
input[type="search"]:focus {
	background-position: 0 -50px;
}

textarea {
	height: auto;
}




/*********************************************************
	= BUTTONS
*********************************************************/

/* BUTTONS - Primary */
.btn-primary,
.btn-primary:link,
.btn-primary:visited {
	color: #fff;
	outline: 0;
	box-shadow: none;
	text-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	background: #115f7e;
	box-shadow: none;
	text-shadow: none;
}


/* BUTTONS - Link */
.btn-link,
.btn-link:link,
.btn-link:visited {
	font-size: 12px;
	/*text-decoration: underline;*/
	color: #139ed2;
}

.btn-link:hover,
.btn-link:focus,
.btn-link.focus,
.btn-link:active,
.btn-link.active,
.open>.dropdown-toggle.btn-link,
a:hover .btn-link,
a:focus .btn-link,
a:active .btn-link {
	text-decoration: underline;
	color: #115f7e;
}

	.btn-link .glyphicon-chevron-right {
		position: relative;
		top: -1px;
		margin-right: 5px;
		font-size: 8px;
	}




/*********************************************************
	= MODAL
*********************************************************/

.modal-content {
	border-radius: 0;
}

	.modal-header {
		/*background: #139ed2;*/
		background: #cfcfce url(../img/components/entry-header.jpg) repeat-x center 0;
		/*color: #fff;*/
	}




/*********************************************************
	= CAROUSEL
*********************************************************/

.carousel {
	position: relative;
	overflow: hidden;
	height: 400px;
	background: #eee;
}

	.carousel-indicators {
		z-index: 30;
	}

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

		.carousel-indicators {
			bottom: 0;
		}

	}

		.carousel-indicators li {
			border-color: #fff;
			background: #fff;
		}

		.carousel-indicators li:hover,
		.carousel-indicators li:focus,
		.carousel-indicators li.active {
			border-color: #139ed2;
			background: #139ed2;
		}

	.carousel-inner,
	.carousel-inner > .item {
		height: inherit;
	}

	.carousel-inner>.item {
		display: block;
		position: absolute;
		z-index: 10;
		left: 0; right: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all .6s ease-in-out;
		   -moz-transition: all .6s ease-in-out;
			-ms-transition: all .6s ease-in-out;
			 -o-transition: all .6s ease-in-out;
				transition: all .6s ease-in-out;
	}

	.carousel-inner>.item.active {
		z-index: 20;
		opacity: 1;
		filter: alpha(opacity=100);
	}

		.carousel-inner>.item>img,
		.carousel-inner>.item>a>img {
			margin-right: auto;
			margin-left: auto;
		}

			.carousel-caption {
				position: relative;
				overflow: hidden;
				/*display: none;*/
				left: 0; right: auto;
				top: 30px; bottom: auto;
				padding: 10px 20px;
				width: 940px;
				/*min-width: 50%;*/ min-height: 40px;
				max-width: 50%;
				font-size: 40px;
				line-height: normal;
				text-align: left;
				text-shadow: none;
				/*background: url(../img/components/carousel-caption.png);*/
				color: #fff;

				position: relative;
				left: auto; right: auto;
				top: auto; bottom: auto;
				/*margin-top: 30px;*/
				padding: 0;
				width: auto;
				max-width: none;
				/*background: red;*/
			}

			@media (max-width: 767px) {

				.carousel-caption {
					margin-right: 40px;
					margin-left: 40px;
					max-width: none;
				}

			}

				.carousel-caption .text {
					display: inline-block;
					position: relative;
					margin-top: 30px;
					padding: 15px 40px 13px 10px;
					font-weight: normal;
					font-family: 'museo700';
					/*background: green;*/
					background: url(../img/components/carousel-caption-text.png);
				}

				@media (max-width: 767px) {

					.carousel-caption .text {
						display: block;
						padding-right: 15px;
						padding-left: 15px;
					}

				}

				.carousel-caption .text:before {
					content: "";
					display: block;
					position: absolute;
					z-index: 10;
					right: 100%; top: 0;
					width: 940px; height: 100%;
					/*background: blue;*/
					background: url(../img/components/carousel-caption-text.png);
				}

				.carousel-caption .text-1 {
					/*margin-top: 30px;*/
					font-size: 26px;
					line-height: 28px;
				}

				@media (max-width: 767px) {

					.carousel-caption .text-1 {
						font-size: 16px;
						line-height: 18px;
					}

				}

				.carousel-caption .text-2 {
					/*padding-top: 0;*/
					font-size: 50px;
					line-height: 52px;
				}

				@media (max-width: 767px) {

					.carousel-caption .text-2 {
						font-size: 36px;
						line-height: 38px;
					}

				}

	.carousel-control:link,
	.carousel-control:visited {
		z-index: 30;
		top: 50%; bottom: auto;
		margin-top: -25px;
		width: 35px; height: 50px;
		text-shadow: none;
		background: #555;
		color: #fff;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.carousel-control.left {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	.carousel-control.right {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	a.carousel-control:hover,
	a.carousel-control:focus,
	a.carousel-control:active {
		background: #139ed2;
	}

		.carousel-control .glyphicon-chevron-left,
		.carousel-control .glyphicon-chevron-right,
		.carousel-control .icon-prev,
		.carousel-control .icon-next {
			display: inline-block;
			left: 0; top: auto;
			margin: 0;
			width: inherit; height: inherit;
			font-size: 20px;
			line-height: 50px;
		}