/*** BIBIB ***/

* { transition: all .2s; }

body {
	font-family: 'Lato', sans-serif;	
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
strong {
	font-weight: 700;
}

@font-face {
	font-family: 'Mono Social Icons Font';
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.eot');
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.woff') format('woff'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.ttf') format('truetype'),
		 url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
	src: url('../fonts/MonoSocialIconsFont-1.10/MonoSocialIconsFont-1.10.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.symbol, a.symbol:before {
	font-family: 'Mono Social Icons Font';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 28px;
}
a.symbol:before {
	content: attr(title);
	margin-right: 0.3em;
	font-size: 130%;
}

.clear { clear: both; }

div.carousel div.item img { margin: 0 auto; }


/* ################# HEADER ################# */

header#header {
	padding: 0 0 45px 0;
	text-align: center;
}

	header#header ul#lang {
		float: right;
		margin: 10px 0;
	}

		header#header ul#lang li {
			display: inline-block;
			color: #b2b2b2;
			font-weight:bold;
			font-size:18px;
		}

			header#header ul#lang li a {
				color: #b2b2b2;
			}

	header#header a {
		
	}

		header#header a img#logo {

		}


/* ################# NAV ################# */

nav#nav {
	background: #eee;
	color: #f3f3f3;
}

	nav#nav ul.nav.nav-pills {
		
	}

		nav#nav ul.nav.nav-pills li {
		}

			nav#nav ul.nav.nav-pills li a {
				font-size: 12px;
				padding: 15px 8px;
				color: #555;
				text-transform: uppercase;
			}
				nav#nav ul.nav.nav-pills li a span.caret { transition: none; }
				
			nav#nav ul.nav.nav-pills li.active a, 
			nav#nav ul.nav.nav-pills li.active a:focus, 
			nav#nav ul.nav.nav-pills li.active a:hover, 
			nav#nav ul.nav.nav-pills li a:focus, 
			nav#nav ul.nav.nav-pills li a:hover {
				background: rgba(255,255,255,.85);
				border-radius: 0;
				color: #757575;
			}

			nav#nav ul.nav.nav-pills li a[title="Facebook"] {
				padding: 0;
				text-transform: none;
				margin-top: 5px;
				margin-right: 20px;
				padding-right: 15px;
				border-right: 1px solid rgba(0,0,0,.1);
				opacity: .55;
			}
			nav#nav ul.nav.nav-pills li a[title="Facebook"]:hover {
				background: none;
			}

			nav#nav ul.nav.nav-pills li ul.dropdown-menu {
				border-radius: 0;
				border-color: rgba(0,0,0,.05);
			}

				nav#nav ul.nav.nav-pills li ul.dropdown-menu li {
					
				}

					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:focus, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:hover {
						padding: 10px 30px;
						text-transform: none;
						font-size: 1.05em;
					}
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:focus, 
					nav#nav ul.nav.nav-pills li ul.dropdown-menu li a:hover {
						
					}

			nav#nav ul.nav.nav-pills li form {
				
			}

				nav#nav ul.nav.nav-pills li form div#search-form {
					width: 120px;
					margin-top: 8px;
				}

					nav#nav ul.nav.nav-pills li form div#search-form input[type="search"]#search {
						border: 0 !important;
						box-shadow: none !important;
						border-radius: 50px 0 0 50px;
						padding-left: 20px;
					}

					nav#nav ul.nav.nav-pills li form div#search-form div.input-group-addon {
						padding: 0;
						border: 0;
						border-radius: 0 50px 50px 0;
						background: #fff;
						padding-right: 5px;
					}

						nav#nav ul.nav.nav-pills li form div#search-form div.input-group-addon button[type="submit"] {
							width: 100%;
							height: 100%;
							background: none;
							border: 0;
							padding: 0 14px;
							color: #404040;
							opacity: .5;
							outline: none;
						}
						nav#nav ul.nav.nav-pills li form div#search-form div.input-group-addon button[type="submit"]:hover {
							opacity: 1;
						}

#reponsive_nav_btn {
	display: none;
}

	#reponsive_nav_btn .icon-bar {
		background: #999;
	}


/* ################# TITLE ################# */

section#title {
	float: left;
	width: 100%;
}

	section#title h3 {
		color: #a9a9a9;
		font-size: 1.05em;
		margin: 50px 0 42px 0;
		letter-spacing: 3px;
	}


/* ################# SLIDER ################# */

section#slider {
	float: left;
	width: 100%;
	margin-top:35px;
}

.carousel-control.left, .carousel-control.right {
	background: none !important;
	color: #333;
	text-shadow: none;
	opacity: .15;
}
.carousel-control.left:hover, .carousel-control.right:hover {
	opacity: .75;
}
.carousel-control.left {
	left: -12.5%;
}
.carousel-control.right {
	right: -12.5%;
}
.carousel-control .icon-next, .carousel-control .icon-prev {
	font-family: inherit;
	font-size: 72px;
	height: 86px;
	margin-top: -41px;
}

.carousel-indicators {
	bottom: 12px;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: right;
	padding-right: 26px;
}


/* ################# ITEMS ################# */

section#items {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

	section#items div div div a {
		text-decoration: none;
		color: #333;
	}

		section#items div div div a span.info, section#items div div div span.info {
			position: absolute;
			right: 16px;
			top: 1px;
			background: #f7f7f7;
			color: #999;
			padding: 5px 10px;
			z-index: 1;
			font-size: 1.05em;
		}
		section#items div div div a:hover span.info, section#items div div div span.info {
			color: #333;
		}

		section#items div div div a img, section#items div div div img {
			border: 1px solid #ddd;
		}
		section#items div div div a:hover img {
			transform: scale(1.05);
		}

		section#items div div div a h3, section#items div div div h3 {
			letter-spacing: 2px;
			font-size: 1.1em;
			margin: 30px 0;
			text-align: center;
		}
		section#items div div div a:hover h3 {
			letter-spacing: 4px;
			margin: 35px 0 25px 0;
		}

.nice-title {
	letter-spacing: 2px;
	font-size: 1.4em;
	border: 1px solid #ddd;
	display: inline-block;
	padding: 12px 50px;
	margin-top: 45px;
	background: #fff;
	margin-bottom: 0;
}

.nice-title-line {
	width: 100%;
	height: 1px;
	background: #ddd;
	margin-top: -24px;
	margin-bottom: 59px;
}


/* ################# LOGIN ################# */

section#login {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

	section#login div.container div.row {
		background: #f7f7f7;
		display: flex;
		align-items: center;
		padding: 30px 15px;
	}

		section#login h2 {
			margin: 0;
			font-size: 1.1em;
			margin-bottom: 10px;
			letter-spacing: 1.6px;
		}

		section#login form {

		}

			section#login form input {
				border: 0;
				border-radius: 0;
				box-shadow: none !important;
				background: #e6e6e6;
			}

			section#login form button {
				background: none;
				border: 0;
				color: #8997a8;
				outline: none;
			}

		section#login a {
			color: #333 !important;
			letter-spacing: 2px;
		}


/* ################# CONTACT ################# */

section#contact {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

	section#contact div.spacer {
		float: left;
		width: 100%;
		height: 25px;
	}

	section#contact form {

	}

		section#contact form input, section#contact textarea {
			border: 0;
			border-radius: 0;
			box-shadow: none !important;
			background: #e6e6e6;
		}

		section#contact form button {
			margin-left: calc(16.66666667% + 5px);
		}

	section#contact p {
		letter-spacing: .4px;
		font-size: 1em;
		line-height: 1.65em;
	}

.btn-primary {
	border: 0 !important;
	background: #333 !important;
	color: #fff;
	border-radius: 0;
	padding: 7px 21px;
	text-transform: uppercase;
	outline: none !important;
}
.btn-primary:hover, .btn-primary:focus {
	opacity: .85;
	padding: 7px 24px;
}


/* ################# FAQ ################# */

section#faq {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

h4.panel-title a {
	text-decoration: none;
}

.panel {
	border-radius: 0 !important;
}


/* ################# FOOTER ################# */

footer {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 50px;
}

	footer a {
	    background: #3a5795;
	    color: #fff !important;
    	padding: 12.5px 10.5px;
	    line-height: 30px;
	}
	footer a:hover {
		text-decoration: none;
	}

	footer p {
		color: #333;
		letter-spacing: 1px;
		font-size: 1em;
		line-height: 1.8em;
	}

		footer p a {
			color: #333 !important;
			float: none;
			padding: 0;
			background: none;
			margin: 0;
		}
		footer p a:hover {
			text-decoration: underline;
		}

.footer-line {
	width: 100%;
	height: 7px;
	float: left;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	margin-bottom: 25px;
	margin-top: -25px;
}


/* ################# GMAPS ################# */

#gmaps {
	margin-bottom: 50px;
	float: left;
	width: 100%;
	height: 320px;
}


/* ################# TEKST ################# */

section.text {
	margin-bottom: 50px;
	float: left;
	width: 100%;
}


/* ################# DETAIL ################# */

section#detail {
	margin-bottom: 50px;
	float: left;
	width: 100%;
}

	section#detail p {
		font-size: 1em;
		line-height: 1.65em;
	}

.btn-primary.btn-sm {
	padding: 5px 8px !important;
	margin: 3px 0 !important;
	font-size: .85em;
	border-radius: 50%;
}
.btn-primary.btn-sm:hover, .btn-primary.btn-sm:focus {
	background: #333 !important;
	color: #fff !important;
}

.btn-primary.inverse {
	color: #333;
	border: 1px solid #ccc !important;
	background: none !important;
}

	section#detail .btn {
		margin-left: 10px !important;
	}

.cms, .cms * {
	font-family: 'Lato', sans-serif;
	color: #333;
    letter-spacing: 1px;
    line-height: 1.8em;
}
.cms p {font-size: 1em;}

/* eof */

.display-block{
	display: block!important;
}


/* ################# MOBILE ################# */
.span-menu-bar {
	color: #838383;
}

.navbar-toggle {
	margin: 0 !important;
}