/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* line 1, templates/g5_hydrogen/custom/scss/custom.scss */
#g-header {
  color: #17469e;
}
/* line 5, templates/g5_hydrogen/custom/scss/custom.scss */
#g-header a {
  color: #ed1c24;
}
/* line 9, templates/g5_hydrogen/custom/scss/custom.scss */
.header-text {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
/* line 15, templates/g5_hydrogen/custom/scss/custom.scss */
.header-contact {
  font-size: 22px;
  font-weight: 700;
  float: right;
}
/* line 21, templates/g5_hydrogen/custom/scss/custom.scss */
.header-contact-info {
  float: left;
}
/* line 25, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact .g-contact-item {
  position: relative;
  padding-left: 50px;
  margin-bottom: 1.5rem;
}
/* line 31, templates/g5_hydrogen/custom/scss/custom.scss */
.dir-rtl .g-contact .g-contact-item {
  padding-left: 0;
  padding-right: 50px;
}
/* line 36, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact .g-contact-icon {
  position: absolute;
  left: 0;
  font-size: 1.25rem;
  border-right: 1px solid rgba(39, 44, 53, 0.15);
  width: 35px;
  height: 45px;
  line-height: 45px;
}
/* line 46, templates/g5_hydrogen/custom/scss/custom.scss */
.dir-rtl .g-contact .g-contact-icon {
  left: auto;
  right: 0;
  border-left: 1px solid rgba(39, 44, 53, 0.15);
  border-right: 0;
}
/* line 53, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact .g-contact-label {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: bold;
  opacity: 0.5;
}
/* line 60, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact .g-contact-text {
  font-family: "kelson_sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 700;
}
/* line 65, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact.g-contact-compact .g-contact-item {
  padding-left: 0;
  margin-bottom: 0;
}
/* line 70, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact.g-contact-compact .g-contact-label {
  display: none;
}
/* line 74, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact.g-contact-compact .g-contact-text {
  font-weight: normal;
}
/* line 78, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact .g-contact-map {
  position: relative;
  display: block;
}
/* line 83, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact .g-contact-map-overlay:before {
  background: rgba(255, 255, 255, 0.75);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}
/* line 96, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact .g-contact-map-overlay:hover:before {
  background: rgba(1, 178, 255, 0.25);
}
/* line 100, templates/g5_hydrogen/custom/scss/custom.scss */
.g-contact .g-contact-map-marker {
  color: #01b2ff;
  font-size: 3rem;
  position: absolute;
}
/* line 106, templates/g5_hydrogen/custom/scss/custom.scss */
.g-social {
  text-align: right;
}
/* line 110, templates/g5_hydrogen/custom/scss/custom.scss */
.g-social a {
  background: transparent;
  border: none;
  padding: 0 0.3rem 0 0;
  text-align: right;
}
/* line 117, templates/g5_hydrogen/custom/scss/custom.scss */
hr {
  border-bottom: 1px solid #f0f2f4;
}
/* BOXES */
/* line 122, templates/g5_hydrogen/custom/scss/custom.scss */
#box-1 a {
  position: relative;
  font-size: 22px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(237, 28, 36, 1);
  text-decoration: none;
  display: block;
  padding: 10px 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
/* line 145, templates/g5_hydrogen/custom/scss/custom.scss */
#box-1 a:active {
  -webkit-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  -moz-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  position: relative;
  top: 6px;
}
/* line 153, templates/g5_hydrogen/custom/scss/custom.scss */
#box-2 a {
  position: relative;
  font-size: 22px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(237, 28, 36, 1);
  text-decoration: none;
  display: block;
  padding: 10px 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
/* line 176, templates/g5_hydrogen/custom/scss/custom.scss */
#box-2 a:active {
  -webkit-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  -moz-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  position: relative;
  top: 6px;
}
/* line 184, templates/g5_hydrogen/custom/scss/custom.scss */
#box-3 a {
  position: relative;
  font-size: 22px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(237, 28, 36, 1);
  text-decoration: none;
  display: block;
  padding: 10px 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
/* line 207, templates/g5_hydrogen/custom/scss/custom.scss */
#box-3 a:active {
  -webkit-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  -moz-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  position: relative;
  top: 6px;
}
/* line 215, templates/g5_hydrogen/custom/scss/custom.scss */
#box-4 a {
  position: relative;
  font-size: 22px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(237, 28, 36, 1);
  text-decoration: none;
  display: block;
  padding: 10px 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
/* line 238, templates/g5_hydrogen/custom/scss/custom.scss */
#box-4 a:active {
  -webkit-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  -moz-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
  position: relative;
  top: 6px;
}
/* BODY */
/* line 248, templates/g5_hydrogen/custom/scss/custom.scss */
#g-header {
  border-bottom: solid 7px #ed1c24;
  padding: 0 1.5rem;
}
/* line 253, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation {
  margin-bottom: 10px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 0 1.5rem;
}
/* line 264, templates/g5_hydrogen/custom/scss/custom.scss */
#g-slideshow {
  margin: 20px 0;
}
/* line 268, templates/g5_hydrogen/custom/scss/custom.scss */
#g-main {
  margin: 20px 0;
  border-style: solid;
  border-width: 7px;
  border-color: #f5f5f5;
  border-color: rgba(245, 245, 245, 1);
  -webkit-border-top-right-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  padding: 2rem;
}
/* line 289, templates/g5_hydrogen/custom/scss/custom.scss */
#g-breadcrumbs {
  margin-top: 30px;
  border-style: solid;
  border-width: 7px;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 1);
  -webkit-border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 0 1.5rem;
}
/* line 304, templates/g5_hydrogen/custom/scss/custom.scss */
#g-map {
  border-style: solid;
  border-width: 7px;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 1);
  -webkit-border-top-right-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}
/* line 323, templates/g5_hydrogen/custom/scss/custom.scss */
#g-footer, #g-copyright {
  border-style: solid;
  border-top: none;
  border-bottom: none;
  border-width: 7px;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 1);
  padding: 0 1.5rem;
}
/* LOGO */
/* line 335, templates/g5_hydrogen/custom/scss/custom.scss */
.gantry-logo {
  padding: 20px;
}
/* line 339, templates/g5_hydrogen/custom/scss/custom.scss */
.gantry-logo img {
  width: 187px;
}
/* BACKGROUND */
/* line 344, templates/g5_hydrogen/custom/scss/custom.scss */
#g-page-surround {
  background: url('//cityex.ba/images/stranica/brza-dostava.jpg') no-repeat center center fixed;
  /* background: url(http://drive2pass.ca/style/images/art/road2.jpg) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* CHRONO FORMS */
/* line 357, templates/g5_hydrogen/custom/scss/custom.scss */
.gbs3 .form-control {
  padding: 6px 0px 5px 10px !important;
  height: inherit !important;
}
/* line 362, templates/g5_hydrogen/custom/scss/custom.scss */
.chrono_credits {
  display: none;
}
/* SLIDESHOW */
/* line 367, templates/g5_hydrogen/custom/scss/custom.scss */
#g-slideshow .g-container {
  width: 100%;
}
/* line 371, templates/g5_hydrogen/custom/scss/custom.scss */
#g-slideshow .g-content {
  margin: 0;
  padding: 0;
}
/* BREADCRUMBS */
/* line 377, templates/g5_hydrogen/custom/scss/custom.scss */
#g-breadcrumbs {
  background-color: #f5f5f5;
}
/* line 381, templates/g5_hydrogen/custom/scss/custom.scss */
.breadcrumb {
  margin: 0;
  padding: 0;
}
/* COPYRIGHT */
/* line 387, templates/g5_hydrogen/custom/scss/custom.scss */
#g-copyright {
  background: #fff;
}
/* MAP */
/* line 392, templates/g5_hydrogen/custom/scss/custom.scss */
#g-map .g-container {
  width: 100%;
}
/* line 396, templates/g5_hydrogen/custom/scss/custom.scss */
#g-map .g-content {
  margin: 0;
  padding: 0;
}
/* GENERAL */
/* line 402, templates/g5_hydrogen/custom/scss/custom.scss */
h1, h2, h3, h4, h5, h6, strong {
  color: inherit;
}
/* SEARCH*/
/* line 407, templates/g5_hydrogen/custom/scss/custom.scss */
#g-header .search input, #g-navigation .search input {
  border: 1px solid #ddd;
  border-radius: 3px;
}
/* NUMBER */
/* line 413, templates/g5_hydrogen/custom/scss/custom.scss */
.number {
  color: #17469e;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
}
/* line 420, templates/g5_hydrogen/custom/scss/custom.scss */
.red {
  color: #ed1c24;
}
/* CONTACT */
/* line 425, templates/g5_hydrogen/custom/scss/custom.scss */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  border-radius: 3px;
}
/* line 429, templates/g5_hydrogen/custom/scss/custom.scss */
input {
  width: 75%;
}
/* line 433, templates/g5_hydrogen/custom/scss/custom.scss */
textarea {
  width: 90%;
}
/* line 437, templates/g5_hydrogen/custom/scss/custom.scss */
.form-actions {
  margin-top: 0;
  margin-bottom: 0;
  background-color: inherit;
  border-top: none;
}
/* line 444, templates/g5_hydrogen/custom/scss/custom.scss */
.star {
  color: #17469e;
}
/* line 448, templates/g5_hydrogen/custom/scss/custom.scss */
.btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* FOOTER */
/* line 458, templates/g5_hydrogen/custom/scss/custom.scss */
#g-footer a {
  color: #fff;
}
/* line 462, templates/g5_hydrogen/custom/scss/custom.scss */
#g-footer a:hover {
  color: rgba(255, 235, 1, 1);
}