/* fira-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v10-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v10-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-ext_latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-v10-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v10-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-ext_latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v10-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v10-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-ext_latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* oxygen-regular - latin-ext_latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxygen-v9-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('../fonts/oxygen-v9-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v9-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v9-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v9-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v9-latin-ext_latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}

/* oxygen-700 - latin-ext_latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oxygen-v9-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
       url('../fonts/oxygen-v9-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v9-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v9-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v9-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v9-latin-ext_latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}

html,
body {
	width: 100%;
	height: 100%;
	font-size: 100%;
	font-size: 17px;
	line-height: 30px;
	color: #494949;
	font-family: 'Fira Sans';
	font-weight: 400;
	background-color: #fff;
}
ul, ul li {
	text-align: left;
}
ul {
	list-style-type: square;
}
a, a:link, a:visited {
	color: #4ba0e8;
	font-weight: 300;
}
a:hover {
	text-decoration: none;
	color: #777;
}
.row {
	width: 100%;
	margin: 0;
	padding: 0;
}
code {
	font-size: 80%;
}
 img {
	 display: block;
	 height: auto;
	 max-width: 100%;
 }
 

/* Titles */
h1, h2 {
	text-align: center;
	font-size: 38px;
	line-height: 48px;
	margin-bottom: 20px;
	color: #5085a0;
}
h3 {
	text-align: left;
	font-size: 20px;
	line-height: 26px;
	margin-top: 20px;
}
h4 {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	margin-top: 20px;
	color: #5085a0;
}
h1, h2, h3, h4 {
	font-family: 'Oxygen';
	font-weight: 500;
}


/* Main blocks */
#wrap {
	max-width: 1920px;
	margin: 0 auto;
}
.container, .container-fluid {
	margin: 0 auto;
}
header {
	background-color: #333;
	margin-top: 0px;
}

/* Navigation */
.navbar {
	background-color: #fff;
	border-color: #fff;
	font-family: 'Oxygen';
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
	border-radius: 0px;
	margin-bottom: 0px;
	opacity: 0.9;
}
.navbar-brand {
	margin-left: 10px;
}
.navbar .navbar-nav > li > a {
	color: #000;
	font-weight: 700;
	line-height: 26px;
}
.nav > li > a {
	padding: 15px 7px;
}
.navbar .navbar-nav > li > a:hover {
	color: #E81B23;
	background-color: inherit;
	text-decoration: underline;
}
.navbar .navbar-toggle {
  background-color: inherit;
  color: #333;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
  background-color: inherit;
}
.navbar .navbar-toggle .icon-bar {
  background-color: inherit;
  color: #000;
  width: 30px;
  height: 3px;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: inherit;
  border: 0px;
}
.navbar .navbar-collapse a:hover {
	color: #E81B23;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #000;
}
.navbar .navbar-toggle .icon-bar:hover {
  background-color: inherit;
  color: #4ba0e8;
}

/* Large image */
.introstyle {
	margin: 0 auto;
    position: relative;
    text-align: center;
    color: #fff;
}
.introstyle img {
    width: 100%;
	height: auto;
}
.introstyle p {
	margin-bottom: 0px;
	text-align: center;
}
.imgTxt {
    position: absolute;
	top: 0px;
    left: 0px;
    width: 100%;
    transform: translate(-50%,-50%);
}

/* Sections */
.rogoznica-section, .rogoznica2-section, .rogoznica3-section, .split-section, .split1-section, .split2-section, .prices-section, .calendar-section {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0px 40px 0px;
}
.contact-section {
	width: 100%;
	margin: 0 auto;
	background-color: #f5f5f5;
	color: #333;
	padding: 40px 0px 80px 0px;
}
.rgallery-section, .r3gallery-section, .r2gallery-section, .sgallery-section, .s2gallery-section, .s1gallery-section, .vgallery-section {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: inherit;
	padding: 10px 0px 10px 0px;
}

/* Footer */
#footer {
	margin-bottom: 0px;
	padding: 20px 0px 30px 0px;
	background-color: #337AB7;
	color: #f5f5f5;
	text-align: center;
	font-size: 90%;
	opacity: 0.7;
	clear: both;
}
#footer a, #footer a:link, #footer a:visited {
	color: #f5f5f5;
	font-weight: 400;
}
#footer a:hover {
	text-decoration: underline;
	color: #777;
}

/* Thumbnail gallery style */
.gallery {
	background-color: #F7F7F7;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-top: 20px;
}
.text {
 color: #494949;
 font-size: 14px;
 margin-bottom: 10px;
 padding: 12px;
 background-color: inherit;
 text-align: center;
}
ul.first, ul.second {
 list-style-type: none;
}
ul.first img, ul.second img {
 margin-bottom: 5px;
}
ul.first li, ul.second li {
 padding-right: 5px;
 padding-left: 5px;
}
ul.second li {
	margin-bottom: 5px;
}
#bsPhotoGalleryModal .modal-content {
	padding-top: 30px;
	max-width: 1000px;
	max-height: 750px;
}

/* Thumbnails - Nivo Lightbox Gallery */
.thumbs {
margin: 0px;
}
.thumbs img {
border: 0px solid #fff;
}

/* Contact form */
label {
    color: #333;
}
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}
.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}
.alert-success {
	color: #000;
	background-color: #cfebfd;
	border-color: #9fd7fb;
}

/* Special styles */ 
.center-block {
	display: block;
	float: none;
	margin: 0 auto;
}
.small {
	 font-size: 90%;
	 text-align: left;
}
 
 /* Table */ 
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}
th, td {
  text-align: left;
  padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2} 


/* Media queries */

   /* Extra Large Devices, Wide Screens */
	@media only screen and (max-width : 1920px) {
		.container-fluid { margin: 0 auto; width: 90%; }
	}

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1334px) {
		h1 { margin-top: 10px; margin-bottom: 10px; }
	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 1024px) {
		h1, h2 { padding-top: 30px; }
	}
	
	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		h3 { padding-top: 10px; }
		.navbar-brand { margin-bottom: 20px; text-align: center; margin: 0 auto; }
		.navbar { padding: 5px 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; font-size: 15px; line-height: 26px; }
		.top-nav-collapse { padding: 0; }
		.container-fluid { margin: 0 auto; width: 95%; }
	}
	
/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		h1,h2 { font-size: 32px; line-height: 40px; }
		h3 { font-size: 26px; line-height: 32px; }
	}

/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		  body { font-size: 15px; line-height: 20px; }
	}