@charset "utf-8";
/* CSS Document */

html , body {
  height:100%; /* this is the key! */
}

.clear {
  clear: both;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-family: 'Roboto Condensed', sans-serif;
  color:#333333;
  font-size: 20px;
  font-weight: normal;
  background-color: #fff;
  
  /*background-image:url("images/bg.jpg");
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment: fixed;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}


/* LAYOUT */
.site-wrap {
  margin:0 auto;
  max-width:100%;
  overflow:hidden;
}
.container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1400px;
}

.section {
  padding: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #fafafa; /* make same as .section.body for blank sections in code part*/
}
.mobile .section {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fafafa; /* make same as .section.body for blank sections in code part*/
}
.desktop .section {
  padding-left: 60px;
  padding-right: 60px;
  background-color: #fafafa; /* make same as .section.body for blank sections in code part*/
}

.section.body {
  background-color: #fafafa;
}

.section.header {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #fff;
  z-index: 1001;
  position: fixed;
  width: 100%;
  min-height:80px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  box-shadow:0px 0px 40px rgba(0,0,0,0.3);
  border-bottom:1px solid #ccc; /*gold*/
}
.section.header .col {
  margin-bottom: 0px;
}
 .section.header .col .logo {
  font-family: sans-serif;
  color:#fff;
  font-size:24px;
}
.section.header .col .logo a {
  display:inline-block;
  margin-top:10px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  /*white-space:nowrap;*/
}


.section.header .col .logo img.badge {
  max-width:100%;
  max-height:50px;
  vertical-align:middle;
  margin-top:0px;
}
.mobile .section.header .col .logo a {
  max-width:85%;
}


.mobile .section.header {
  max-height:90%;
  overflow:hidden;
  overflow-y:auto;
}


/* main_menu */
/*******************************************************************/
.main-menu-toggle {
  font-size:16px;
  position:absolute;
  top:0px;
  right:0px;
  padding: 10px 10px;
}
.desktop .main-menu-toggle {
  display: none;
}
.tablet .main-menu-toggle {
  display: none;
}
.mobile .main-menu-toggle {
  display: block;
}

.main-menu-toggle span {
  display: block;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Opera, Chrome, and Safari */
  padding: 14px 14px;
  text-align: center;
  font-size:20px;
  font-weight: bold;
  cursor: pointer;
  color: #000;
  background: #fff;
  border: 1px solid #000;
}
.main-menu-toggle span:hover {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.main-menu ul {
  background:#fff;
  font-family:'Oswald', sans-serif;
}
.main-menu > ul {
  list-style-type:none;
  margin: 20px 0 ;
  padding:0px;
  text-align:right;
}

.main-menu ul li a.parent {
  white-space:nowrap;
}
.main-menu ul li a.parent span.fa {
  vertical-align:top;
}

.tablet .main-menu ul li>a {
  font-size:18px;
}

.main-menu > ul li {
  display:inline-block;
  margin:0px;
  padding:0px;
  position:relative;
}

.main-menu > ul li > a {
  display:block;
  margin:0px;
  padding: 8px 10px;
  text-decoration:none;
  border:0;
  color:#000;
  font-size:24px;
  line-height:24px;
}
.main-menu > ul li > a:hover, .main-menu > ul li.active a {
  display:block;
  margin:0px;
  padding: 8px 10px;
  text-decoration:none;
  border:0;
  color:#C00; /*red*/
}

/* mobile */
.mobile  .main-menu > ul {
  list-style-type:none;
  margin: 20px 0 ;
  padding:0px;
  text-align:left;
}
.mobile .main-menu > ul li {
  display:block;
  margin:0px;
  padding:0px;
}

.main-menu ul li ul {display:none;}

.main-menu ul li  {
  position:relative;
}
.main-menu > ul li  > ul {
  position:absolute;
  z-index:100;
  top:100%;
  left: 0px;
  padding:0;
  margin:0;
  text-align:left;
}
.main-menu > ul li  > ul li > ul {
  position:relative;
  padding-left:10px;
}
.mobile .main-menu > ul li  > ul li > ul {
  position:relative;
  padding-left:20px;
}

.main-menu > ul li  > ul li a {
  font-size: 16px !important;
  padding: 3px 15px !important;
  white-space:nowrap;
  
  text-transform:normal;
  font-weight:normal;
}
.mobile .main-menu > ul li  > ul li a {
  font-size: 20px !important;
  padding: 3px 15px !important;
  white-space:nowrap;
  
  text-transform:normal;
  font-weight:normal;
}

.main-menu > ul li  > ul li {
  display:block;
  background: ;  
}

.mobile .main-menu > ul li  > ul {
  position:relative;
  padding-left: 0px;
}
/*****************************************/


/* SLIDER */
.slider-wrap {
  margin-top: 80px;
  background:#eeeeee; /* same as .section-body ? */
}
.slider {
  display:block;
  position:relative;
  /*box-shadow:0px 0px 55px rgba(0,0,0,0.5);*/
}


/* SLIDER PAGER */
.pager {
  background:; /* .slider-wrap has it*/
  /*padding-top:10px;*/
  display:block;
  line-height: 10px;
  text-align: center;
  overflow: hidden;
  /*
  position:absolute;
  z-index:1000;
  top:-50px;
  left:45%;
  */
}
.pager span {
  display: inline-block;
  font-size:50px;
  line-height: 15px;
  color: rgba(0,0,0,0.3); /* black 30% */
  text-align: center;
  margin: 20px 5px 20px 5px;
}

.pager span.cycle-pager-active {color: #990000} /*red*/
.pager > * { cursor: pointer;}

.cycle-slideshow div   { width: 100%; height: auto; overflow: hidden; }
.tablet .cycle-slideshow div img  { width: 150%; height: auto; margin: 0 -25% 0 -25%; }
.mobile .cycle-slideshow div img  { width: 200%; height: auto; margin: 0 -50% 0 -50%; }

/* SLIDER END */


/* HELPERS COLOES */

.highlight {
  background: #ffdd00; /*gold*/
  color: #000;
}

.shadow-text {
  text-shadow: 0px 1px 5px rgba(0,0,0,0.7);
}
.shadow-box {
  box-shadow: 0px 1px 5px rgba(0,0,0,0.7);
}
.shadow-inner {
  box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3);
}



/* content styles */

h1, h2, h3, h4, h5, h6 {
font-family:'Oswald', sans-serif;
color: #069; /*blue*/
color: #333; 
line-height:120%;
padding: 0;
font-weight:normal;
}

h1 {
font-size: 46px;
margin: 20px 0 20px 0;
color:#000;
}

h2 {
font-size: 32px;
margin: 50px 0 15px 0;
}

h3, h4, h5, h6 {
font-size: 25px;
margin: 50px 0 15px 0;
}

h4, h5, h6 {
border-left:2px solid #C00; /*same as image bg color */
padding-left:15px;
}

h1, h2, h3  {
padding-bottom:12px;
background-image:url('images/heading-line.png');
background-position:bottom left;
background-repeat:no-repeat;
}
h1.text-center, h2.text-center, h3.text-center {
padding-bottom:12px;
background-image:url('images/heading-line.png');
background-position:center bottom;
background-repeat:no-repeat;
}
h1.text-right, h2.text-right, h3.text-right {
padding-bottom:12px;
background-image:url('images/heading-line.png');
background-position:right bottom;
background-repeat:no-repeat;
}


p {
line-height:150%;
margin: 0 0 20px 0;
}
.tablet p, .desktop p {
text-align:justify;
}
ul, ol {
margin: 0 0 20px 0;
}
li {
margin: 0 0 10px 0;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
color:inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: none;
/*color:inherit;*/
color:#C00;
}
h1 a:after, h2 a:after, h3 a:after  {
content: " \000BB";
}


a.offset {
  display: block; 
  position: relative; 
  top: -80px; /*offset for height of static header*/
  visibility: hidden;
}
a {
color:#C00;
text-decoration: none;
}
a:hover {
color:#C00;
text-decoration: underline;
}


.no-bullets {
  list-style-type:none;
  padding:0;
}
.no-bullets li {
  list-style-type:none;
  padding:0 0 0 40px;
  margin:0 0 15px 0;
  background-repeat:no-repeat;
  background-image: none;
}
.no-bullets li.check{
  background-image: url('images/icon-check.png');
}
.no-bullets li.uncheck{
  background-image: url('images/icon-uncheck.png');
}
.no-bullets li.bullet{
  background-image: url('images/icon-bullet.png');
}

.features {
  list-style-type:none;
  padding:0;
}
.features li {
  list-style-type:none;
  padding:0 0 0 40px;
  margin:0 0 15px 0;
  background-repeat:no-repeat;
  background-image: url('images/icon-check.png');
}


blockquote {
  background: rgba(0,0,0,0.05);
  border-left: 2px solid #fff;
  margin: 0 0 20px 0;
  padding: 20px;
  quotes: "\201C""\201D""\2018""\2019";
  font-style:italic;
}
blockquote:before {
  color: inherit;
  content: open-quote;
  font-size: 3em;
  font-style:normal;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: inherit;
  content: close-quote;
  font-size: 3em;
  font-style:normal;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
  float:right;
}

/* TABLES */
div.table-responsive {
  overflow-y:auto;
}
table {
width:100%;
border-collapse: collapse;
margin-bottom:20px;
}
table thead td, table th {
border: 0px solid #CCC;
border-width: 0px 0px 1px 0px ;
padding: 10px 15px 9px 15px ;
background:#eee;
color: #000;
}
table th {
border:1px solid #CCC;
border-width: 1px 0px;
padding: 10px 15px 10px 15px;
text-align: left;
font-weight: bold;
}
table td {
border:1px solid #CCC;
border-width: 1px 0px;
padding: 10px 15px 10px 15px;
}
table tfoot td {
padding: 5px 15px 5px 15px ;
background:#eee;
}
table tr.highlight td, table td.highlight, .highlight {
background:#eeeeee;
color:#000000;
}
table td *{
margin:0;
padding:0;
}


/* CTA */


.CTA {
  display: inline-block;
  width: auto;
  font-family:sans-serif;
  font-size:16px;
  color: #fff;
  border: 2px solid #069;
  padding: 10px 20px;
  background: #069; /*blue*/
  text-decoration: none;
  line-height: 100%;
  cursor:pointer;
  border-radius: 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.CTA:hover {
  color: #fff;
  background: #058;
  text-decoration: none;
  border: 2px solid #069;
}


.mobile .CTA {
  padding: 1em;
  font-size:inherit;
  display:block !important;
  width:100%;
  text-align:center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

/*font awesome icon size*/

.mobile .CTA .fa.margin-right-small {
  margin-right:20px;
}
.mobile .CTA .fa.margin-left-small {
  margin-left:20px;
}

.mobile .CTA {
  float:none !important;
}

.CTA.ghost {
  color: #069;
  background: transparent;
  border: 2px solid #069;
}
.CTA.ghost:hover {
  color: #fff;
  background: #069;
  border: 2px solid #069;
}


.CTA.red {
  color: #fff;
  background: #900;
  border: 2px solid #900;
}
.CTA.red:hover {
  color: #fff;
  background: #800;
  border: 2px solid #800;
}

.CTA.ghost-red {
  color: #900;
  background: transparent;
  border: 2px solid #900;
}
.CTA.ghost-red:hover {
  color: #fff;
  background: #900;
  border: 2px solid #900;
}



.CTA.ghost-white {
  color: #fff;
  background: transparent;
  border: 2px solid #fff;
}
.CTA.ghost-white:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
  border: 2px solid #fff;
}

.CTA.ghost-black {
  color: #000;
  background: transparent;
  border: 2px solid #000;
}
.CTA.ghost-black:hover {
  color: #000;
  background: rgba(0,0,0,0.05);
  border: 2px solid #000;
}

/* CTA END */


/* SECTIONS */

.section.contact {
  color:#333;
  background-color:#eee;
}
.section.contact h1, .section.contact h2, .section.contact h3  {
  font-weight:normal;
  margin-top:10px;
  margin-bottom:30px;
  /*font-style:italic;*/
}
.section.contact button.CTA {
  /*ghost*/
  color: #069;
  background: transparent;
  border: 2px solid #069;
}
.section.contact button.CTA:hover {
    color: #fff;
    background: #069;
    border: 2px solid #069;
}
.section.contact .response-success {
  display:inline-block;
  padding:2px 7px;
  font-size:0.8em;
  color:;
  /*background-color:#3c0; green*/
  background-color:transparent;
  border-bottom:2px solid #3c0;
}
.section.contact .response-error {
  display:inline-block;
  padding:0px 7px;
  font-size:0.8em;
  color:;
  /*background-color:#c00; red*/
  background-color:transparent;
  border-bottom:2px solid #c00;
}

.section.gallery {
  background-color: #eee;
}

.section.sitemap {
  background-color:#eee;
}
.section.sitemap ul {
  list-style-type:none;
  padding:0 0 0 10px;
  margin:0;
}
.section.sitemap .fa {
  /*color:#000;*/
}
.section.sitemap a {
  text-transform:capitalize;
}


.section.search {
  background-color:#eee;
}
.section.search form {
  line-height:40px;
}
.section.search .search-input {
  padding:11px 20px;
  border:1px solid #999;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.mobile .section.search .search-input {
  display:block;
  width:100%;
  padding:20px 20px;
  margin:0 0 20px 0;
  font-size:22px;
}

.section.search .result {
  /*margin-top:50px;*/
}
.section.search div.search-page {
  margin-top:10px;
  
}
.section.search div.search-page a {
  text-transform:capitalize;
  
}
.section.search div.search-post {
  margin-top:10px;
}


.section.blog-posts {
  background-color:#eee;
}
.section.blog-posts div.post h2 {
  font-size:24px;
  padding-bottom:5px;
  margin-top:0;
  margin-bottom:5px;
}
.section.blog-posts div.post {
  margin-top: 20px;
}
.section.blog-posts div.post:first-child { 
    margin-top:0;
}
.section.blog-posts div.post div.time {
  font-size:12px;
}



.section.home-categories {
  padding-top:0px;
  color:#333;
  background-color: #fafafa;
  text-align:center;
}
.section.home-categories h2 {
  margin-top:10px;
  /*font-size:26px;*/
  background-position:center bottom;
}
.mobile .section.home-categories h2 {
  font-size:32px;
}
.section.home-categories p {
  font-size:16px;
  text-align:center;
}

.section.home-categories .col {
  margin-bottom:0;
}


.section.footer {
  border-top:0px solid #ccc;
/*box-shadow:0px 0px 40px rgba(0,0,0,0.3);*/
  color:#666;
  background-color:#fff;
  text-align:center;
}
.section.footer h1, .section.footer h2, .section.footer h3, .section.footer h4  {
  margin-top:0;
  margin-bottom:5px;
  color:#333;
  font-size:18px;
  text-align:center;
  /*font-style:italic;*/
  /*font-weight:bold;*/
  border:0;
  padding:0;
  /*background-position:center bottom;*/
  /*background-image:none;*/
}
.section.footer p {
  text-align:center;
  color:#666;
  font-size:14px;
  margin-bottom:0;
}


/* SECTIONS END */

/* BOX SECTIONS */

/* INFO BOX */
.box-info {
  position:relative;
  background: #ffffff;
  border:1px solid #ccc;
  color: #333;
  padding: 20px;
  border-radius: 0px;
  margin-bottom:30px;
}
.box-info  img.offer-icon {
  position: absolute;
  top: -10px;
  left: -10px;
  max-width:75%;
}
.box-info  img.offer-icon-right {
  position: absolute;
  top: -10px;
  right: -10px;
  max-width:75%;
}


.box-info h1.text-center, .box-info h2.text-center, .box-info h3.text-center {
  padding-left:20px;
  padding-right:20px;
}


/* PONUDBA */