@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed);

  /* reset */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, q, small, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

  html{
  overflow: hidden;
  }

  @font-face { font-family: 'entypo'; src:url('fonts/entypo.eot'); src:url('fonts/entypo.eot?#iefix') format('embedded-opentype'), url('fonts/entypo.woff') format('woff'), url('fonts/entypo.ttf') format('truetype'), url('fonts/entypo.svg#entypo') format('svg'); font-weight: normal; font-style: normal; }
  [data-icon]:before { font-family: 'entypo'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  [class*="icon-"] { font-family: 'entypo'; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .icon-cross:before { content: "\e02c"; }
  .icon-mail:before { content: "\e000"; }
  .icon-envato:before { content: "\e00d"; }
  .icon-arrow-right:before { content: "\e003"; }
  .navbar-toggler-icon::before { content: "\e005"; }
  /*.icon-arrow-down:before { content: "\e005"; }*/
  .icon-arrow-left:before { content: "\e006"; }
  .icon-github:before { content: "\e008"; }
  .icon-flickr:before { content: "\e009"; }
  .icon-vimeo:before { content: "\e00a"; }
  .icon-twitter:before { content: "\e00b"; }
  .icon-facebook:before { content: "\e00c"; }
  .icon-googleplus:before { content: "\e00e"; }
  .icon-pinterest:before { content: "\e00f"; }
  .icon-tumblr:before { content: "\e010"; }
  .icon-linkedin:before { content: "\e011"; }
  .icon-dribbble:before { content: "\e012"; }
  .icon-instagram:before { content: "\e013"; }
  .icon-skype:before { content: "\e015"; }
  .icon-soundcloud:before { content: "\e017"; }
  .icon-comment:before { content: "\e019"; }
  .icon-calendar:before { content: "\e01b"; }
  .icon-link:before { content: "\e01c"; }
  .icon-resize-enlarge:before { content: "\e001"; }
  .icon-play:before { content: "\e002"; }
  .icon-search:before { content: "\e014"; }
  .icon-heart:before { content: "\e007"; }
  .icon-heart-2:before { content: "\e016"; }
  .icon-arrow-up:before { content: "\e004"; }
  .icon-star:before { content: "\e018"; }
  .icon-star-2:before { content: "\e01a"; }
  .icon-lifebuoy:before { content: "\e01d"; }
  .icon-bag:before { content: "\e01e"; }
  .icon-quote:before { content: "\e01f"; }
  .icon-user:before { content: "\e020"; }
  .icon-reply:before { content: "\e021"; }
  .icon-stop:before { content: "\e022"; }
  .icon-cycle:before { content: "\e600"; }
  .icon-pause:before { content: "\e601"; }

  /* basic */
  html, body { width: 100%; height: 100%; }
  html { background-color: #fff; }
  body { font-size: 87.52%; line-height: 1.6875; font-family: 'Open Sans', Arial, sans-serif; color: #222; overflow-x: hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;  }
  h1, h2, h3, h4, h5, h6, li, p { overflow-wrap: break-word; word-wrap: break-word; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed'; font-weight: 400; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
  h1 { font-size: 3em; line-height: 1em; margin-bottom: .5em; }
  h1.error { font-size: 8em; line-height: 1.5em; margin-bottom: 0.25em; }
  h2 { font-size: 2.25em; line-height: 1.33333333em; margin-bottom: .6666666666666667em; }
  h3 { font-size: 1.5em; line-height: 1.33333333em; margin-bottom: 1em; }
  h4 { font-size: 1.3125em; line-height: 1.142857142857143em; margin-bottom: 1.142857142857143em; }
  h5 { font-size: 1.125em; line-height: 1.333333333333333em; margin-bottom: 0.5em; }
  h6 { font-size: 1em; line-height: 1.5em; margin-bottom: 0.4em; }
  p, ol, ul, blockquote { font-size: 1em; line-height: 1.75em; margin-bottom: 1.5em; }
  ul { list-style: square inside; }
  ul li { margin-left: 1em; }
  ol { list-style-type: decimal inside; }
  ol li { margin-left: 2.3em; }
  li ul, li ol { margin: 0; }
  .quotes ul { text-align:left;}
  ul.circle { list-style-type: circle; }
  ul.disc { list-style-type: disc; }
  ol.upper-roman { list-style-type: upper-roman; }
  ol.lower-roman { list-style-type: lower-roman; }
  ol.upper-alpha { list-style-type: upper-alpha; }
  ol.lower-alpha { list-style-type: lower-alpha; }
  em { font-style: italic; }
  strong { font-weight: bold; }
  small { font-size: 80%; }
  blockquote, code, samp, pre { quotes: none; position: relative; padding: 2em; font-family: Georgia, Times, "Times New Roman"; background-color: #f4f4f4; }
  .grey-section blockquote { background-color: transparent; }
  .invert-colors blockquote, .invert-colors code, .invert-colors samp, .invert-colors pre { color: #fff; background-color: transparent; background-color: rgba(255,255,255,0.1); }
  blockquote { quotes: none; font-family: 'Roboto Condensed'; }
  blockquote p:last-child { margin-bottom: 0; }
  blockquote.quotes { display: block; position: relative; text-align: center; }
  blockquote.quotes:before { display: block; margin-bottom: 0.5em; color: #bbb; content: "\e01f"; font: 3em/1em "entypo"; font-weight: 400; font-style: normal; }
  blockquote.quotes:before { display: none; }
  dl, dd { margin-bottom: 1.5em; }
  dt { font-weight: bold; }
  abbr[title] { border-bottom: 1px dotted #aaa; cursor: help; }
  dfn { font-style: italic; }
  ins { background-color: #222; color: #fff; text-decoration: none; padding: 0.1em 0.2em; }
  mark { background-color: #222; color: #fff; font-style: italic; font-weight: bold; padding: 0.1em 0.2em; }
  pre, code, kbd, samp { font-family: Monaco, Courier New, monospace; }
  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  sub, sup { position: relative; line-height: 0; }
  sup { top: -.5em; }
  sub { bottom: -.25em; }
  hr { display: block; margin: 1.5em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #ddd; }
  img { max-width: 100%; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
  img.bordered { border: 2px solid #ddd; }
  .invert-colors img.bordered { border-color: #fff; }
  svg:not(:root) { overflow: hidden; }
  figure { margin-bottom: 1.5em; }
  figure img { margin-bottom: 1em; }
  figure figcaption { display: block; font-weight: normal; color: #555; }
  .grey-text { color: #aaa; }
  .small { font-size: 0.9em; }
  .big { font-size: 1.2em; }
  .float-left, .floatleft { float: left; }
  .float-right, .floatright { float: right; }
  .aligncenter { display: block; margin: 0 auto; }
  .alignright { float: right; margin: 0 0 0.5em 1em; }
  .alignleft { float: left; margin: 0 1em 0.5em 0; }
  .textcenter { text-align: center; }
  .textright { text-align: right; }
  .textleft { text-align: left; }
  .no-bottom { margin-bottom: 0!important; }
  .margin-top { margin-top: 1em; }
  .margin-bottom { margin-bottom: 1.5em; }
  .hamburger-icon {
  margin-top: 25px;
  margin-left: -40px;
  font-size: 25px; /* Можете да увеличите стойността за по-голяма икона */
  }

  /* links */
  a { text-decoration: none; color: #2ba8bd; }
  a:hover { text-decoration: underline; }
  a:focus { outline: thin dotted; }
  a:hover, a:active { outline: 0; }

  /* table */
  table { width: 100%; max-width: 100%; margin-bottom: 1.5em; border-collapse: collapse; border-spacing: 0; background-color: #fff; border: 1px solid #ddd; }
  table th, table td, table caption { padding: 0.4em; vertical-align: middle; border: 1px solid #ddd; }
  table caption { background-color: #f4f4f4; text-align: center; border-bottom: 0; }
  table th { font-weight: bold; text-transform: uppercase; }
  table th, table tfoot td { padding: 0.6em; background-color: #f4f4f4; font-family: 'Roboto Condensed'; }
  table thead th { vertical-align: bottom; }
  table tbody + tbody { border-top: 3px solid #ddd; }
  table tbody tr:nth-child(even) td { background-color: #fcfcfc; }

  /* buttons */
  .button, button, input[type=submit], input[type=reset], input[type=button], .pagination .page-numbers { display: inline-block; padding: 1em 1.5em; line-height: 1em; margin: 0 0 1.2em; font-weight: 700; text-transform: uppercase; vertical-align: middle; text-decoration: none; cursor: pointer; color: #2ba8bd; border: 2px solid #2ba8bd; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
  .button.square { padding: 1em; }
  input[type=submit], input[type=reset], input[type=button] { background-color: transparent; -webkit-appearance: none; }
  .button.small, button.small, input[type=submit].small, input[type=reset].small, input[type=button].small { display: inline; font-weight: normal; text-transform: none; margin-bottom: 0; padding: 0.1em 0.3em; position: relative; top: -0.05em; }
  .button.small.square { padding: 0.1em; }
  .button.big, button.big, input[type=submit].big, input[type=reset].big, input[type=button].big { font-size: 1.75em; margin-bottom: 1em; }
  .button:visited, .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .pagination .page-numbers:hover, .pagination .current, .pagination .current:hover { color: #2ba8bd; text-decoration: none; }
  .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, .pagination .page-numbers:hover, .pagination .page-numbers:focus, .pagination .current, .pagination .current:hover, .button.filled { background-color: #2ba8bd; color: #fff; }
  .button.full-width, button.full-width, input[type=submit].full-width, input[type=reset].full-width, input[type=button].full-width { width: 100%; padding-left: 0!important; padding-right: 0!important; text-align: center; }
  .button.button-disabled, button.button-disabled, input[type=submit].button-disabled, input[type=reset].button-disabled, input[type=button].button-disabled { opacity: 0.4; filter: alpha(opacity=40); cursor: default; }
  .button.light, button.light, input[type=submit].light, input[type=reset].light, input[type=button].light { border-color: #fff; color: #fff; }
  .button.light:hover, button.light:hover, input[type=submit].light:hover, input[type=reset].light:hover, input[type=button].light:hover, .button.light:focus, button.light:focus, input[type=submit].light:focus, input[type=reset].light:focus, input[type=button].light:focus { background-color: #fff; color: #000000; }
  .invert-colors .button.light:hover, .invert-colors button.light:hover, .invert-colors input[type=submit].light:hover, .invert-colors input[type=reset].light:hover, .invert-colors input[type=button].light:hover, .invert-colors .button.light:focus, .invert-colors button.light:focus, .invert-colors input[type=submit].light:focus, .invert-colors input[type=reset].light:focus, .invert-colors input[type=button].light:focus { color: #2ba8bd; }
  .button.grey, button.grey, input[type=submit].grey, input[type=reset].grey, input[type=button].grey { border-color: #ccc; color: #999; }
  .button.grey:hover, button.grey:hover, input[type=submit].grey:hover, input[type=reset].grey:hover, input[type=button].grey:hover, .button.grey:focus, button.grey:focus, input[type=submit].grey:focus, input[type=reset].grey:focus, input[type=button].grey:focus, .button.grey.filled { background-color: #ccc; color: #333; }
  .button.dark, button.dark, input[type=submit].dark, input[type=reset].dark, input[type=button].dark { border-color: #000000; color: #000000; }
  .button.dark:hover, button.dark:hover, input[type=submit].dark:hover, input[type=reset].dark:hover, input[type=button].dark:hover, .button.dark:focus, button.dark:focus, input[type=submit].dark:focus, input[type=reset].dark:focus, input[type=button].dark:focus, .button.dark.active, .button.dark.filled { background-color: #000000; color: #fff; }
  button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; }
  .button + .button { margin-left: 0.25em; }

  /* forms */
  form { margin-bottom: 1.5em; }
  label, legend { display: block; font-weight: bold; font-size: 0.8em; }
  label.checkbox { margin-bottom: 1em; }

  input[type=text], input[type=password], input[type=email], input[type=search], input[type=date], input.text, textarea, select { border: 1px solid #bbb; outline: none; font-family: Helvetica, Arial, sans-serif; color: #222; font-size: 0.9em; width: 20em; max-width: 100%; display: block; background-color: #fff; background-color: rgba(255, 255, 255, 0.7); margin: 0 0 1em; padding: 0.7em; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  input[type=text].full-width, input[type=password].full-width, input[type=email].full-width, input.text.full-width, textarea.full-width, select.full-width { width: 100%; }
  input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input.text:focus, textarea:focus, select:focus { border-color: #888; }
  input[type=text]:focus:invalid, input[type=password]:focus:invalid, input[type=email]:focus:invalid, input.text:focus:invalid, textarea:focus:invalid { border-color: #d55; background-color: #fff4e5; }
  textarea { width: 30em; min-height: 7em; overflow: auto; }
  input[type=checkbox], input[type=radio] { display: inline; vertical-align: bottom; position: relative; top: -0.04em; *overflow: hidden; }
  select { padding: 0.648em 0.7em; }

  ::-webkit-input-placeholder { color: #aaa; }
  :-moz-placeholder { color: #aaa; }
  ::-moz-placeholder { color: #aaa; }
  :-ms-input-placeholder { color: #aaa; }

  /* grid system */
  .container { position: relative; margin: 0 auto; padding: 0; }
  .container .col { width: 100%; }
  body .container .col.alpha { margin-left: 0; }
  body .container .col.omega { margin-right: 0; }
  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
  .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
  .row:after, .clearfix:after { clear: both; }
  .row, .clearfix { zoom: 1 }
  .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

  /* iosSlider */
  .iosSlider-container { position: relative; width: 100%; height: 0; padding: 0 0 35.572% 0; /* ratio: 900/1600 = 0.5625 */ margin-bottom: 1.5em; background-color: #ddd; }
  #heading .iosSlider-container { margin-bottom: 0; }
  .iosSlider { height: 1200px; /* this height ends up being your maximum height, if you want it to scale forever, set it to a very high number */ }
  .iosSlider .slider { height: 100%; }
  .iosSlider .slider .item { float: left; width: 100%; }
  .iosSlider .slider .item img { width: 100%; height: auto; }
  .iosSlider .slider .item .caption { position: absolute; bottom: 0; left: 0; width: 100%; max-height: 100%; margin-bottom: -1px; text-decoration: none; text-align: center; }
  #heading .iosSlider .slider .item .caption { bottom: 0.5em; }
  .iosSlider .slider .item .caption span.text { display: inline-block; position: relative; padding: 0.64em 1em; font-size: 1.2em; background-color: rgba(27,30,31,.75); color: #fff; font-family: 'Roboto Condensed'; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #heading .iosSlider .slider .item .caption span.text { background-color: #000000; }
  #heading .iosSlider .slider .item .caption span.text:after { width: 0; height: 0; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-top: 0.5em solid #000000; content: ''; position: absolute; left: 50%; bottom: -0.47em; margin-left: -0.5em; }
  #heading .iosSlider .controls { display: none; position: absolute; top: 0; left: 50%; margin-left: -3.75em; z-index: 9; }
  .iosSlider .controls span { position: absolute; top: 50%; margin-top: -2.275em; display: block; width: 3.75em; height: 3.75em; line-height: 3.4em; color: #fff; text-align: center; text-decoration: none; opacity: 0.5; }
  #heading .iosSlider .controls span { float: left; position: static; margin-top: 0; background-color: #000000; opacity: 1; }
  .post .iosSlider .controls span { margin-top: -1.875em; }
  .iosSlider .controls span:hover { opacity: 1; }
  .iosSlider .controls span.prev { left: 0; }
  .iosSlider .controls span.next { right: 0; }
  .iosSlider .controls span em:before { font-family: 'entypo'; speak: none; font-style: normal; font-variant: normal; font-size: 2em; text-transform: none; -webkit-font-smoothing: antialiased; position: relative; }
  #heading .iosSlider .controls span em:before { font-size: 1.5em; }
  .iosSlider .controls span.prev em:before { content: "\e006"; left: -1px; }
  .iosSlider .controls span.next em:before { content: "\e003"; left: 1px; }
  .no-js .iosSlider .slider .item { display: none; }
  .no-js .iosSlider .slider .item:first-child { display: block; }

  /* Audio JS plugin */
  .audiojs audio { position: absolute; left: -1px; }
  .audiojs { position: relative; height: 4em; background-color: #2ba8bd; color: #fff; overflow: hidden; font-size: 0.75em; }
  .audiojs .play-pause { position: absolute; top: 0; left: 0; width: 4em; height: 4em; }
  .audiojs .play-pause span { display: none; cursor: pointer; width: 2em; height: 2em; line-height: 2em; font-size: 2em; text-align: center; }
  .audiojs .play-pause .play { display: block; cursor: pointer; }
  .audiojs .play-pause .loading { -webkit-animation: spin 0.8s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: spin 0.8s ease-out; -moz-animation-iteration-count: infinite; -o-animation: spin 0.8s ease-out; -o-animation-iteration-count: infinite; animation: spin 0.8s ease-out; animation-iteration-count: infinite; }
  .audiojs .scrubber { position: relative; margin: 1.5em 8em 0 4em; background-color: #ccc; background-color: rgba(255,255,255,0.25); height: 1em; overflow: hidden; }
  .audiojs .progress { position: absolute; top: 0px; left: 0px; height: 1em; width: 0; background-color: #fff; z-index: 1; }
  .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 1em; width: 0px; background-color: #ddd; background-color: rgba(255,255,255,0.25); }
  .audiojs .time { position: absolute; top: 0; right: 0; width: 8em; height: 4em; line-height: 4em; text-align: center; }
  .audiojs .time em { padding: 0 0.3em; color: #f9f9f9; font-style: normal; }
  .audiojs .time strong { padding: 0 0.3em; font-weight: normal; }
  .audiojs .error-message { display: none; padding: 0 1em 0 4em; height: 4em; line-height: 4em; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
  .audiojs .error-message a { color: #ccc; text-decoration: none; white-space: wrap; }
  .playing .play-pause .pause { display: block; }
  .playing .play-pause .play, .loading .play-pause .play { display: none; }
  .loading .play-pause .loading { display: block; }
  .error .time, .error .play-pause .play, .error .play-pause .pause, .error .scrubber, .error .loading { display: none; }
  .error .play-pause .error { display: block; }
  .error .play-pause p { cursor: auto; }
  .error .error-message { display: block; }

  /* fancybox 2 */
  .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
  .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
  .fancybox-skin { position: relative; background-color: #fff; color: #222; }
  .fancybox-opened { z-index: 8030; }
  .fancybox-outer, .fancybox-inner { position: relative; }
  .fancybox-inner { overflow: hidden; }
  .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
  .fancybox-error { font-size: 1.2em; margin: 0; padding: 1em; white-space: nowrap; }
  .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
  .fancybox-image { max-width: 100%; max-height: 100%; }
  .fancybox-close:before, .fancybox-prev span:before, .fancybox-next span:before { font-family: 'entypo'; line-height: 1; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; }
  .fancybox-close { position: absolute; top: -2em; right: 6px; width: 2em; height: 2em; text-align: center; line-height: 2.2em; font-size: 1.75em; cursor: pointer; z-index: 8040; background-color: #fff; text-decoration: none; }
  .fancybox-close:hover { text-decoration: none; }
  .fancybox-close:before { content: "\e02c"; }
  #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 4em; height: 4em; margin-top: -2em; margin-left: -2em; cursor: pointer; z-index: 8060; background-color: #fff; border: 2px solid #2ba8bd; }
  @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } }
  @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); } }
  @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(-360deg); } }
  @keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(-360deg); } }
  #fancybox-loading div { width: 1.2em; height: 1.2em; margin: 1.3em auto 0; border: 2px solid #2ba8bd; -webkit-animation: spin 0.8s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: spin 0.8s ease-out; -moz-animation-iteration-count: infinite; -o-animation: spin 0.8s ease-out; -o-animation-iteration-count: infinite; animation: spin 0.8s ease-out; animation-iteration-count: infinite; }
  .fancybox-nav { position: absolute; top: 25%; width: 70px; height: 50%; cursor: pointer; text-decoration: none; background-color: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
  .fancybox-prev { left: 0; }
  .fancybox-next { right: 0; }
  .fancybox-nav span { position: absolute; top: 50%; width: 2em; height: 2em; line-height: 2.2em; margin-top: -1em; font-size: 2em; text-align: center; background-color: #fff; cursor: pointer; z-index: 8040; }
  .fancybox-prev span { left: -5px; }
  .fancybox-prev span:before { content: "\e006"; }
  .fancybox-next span { right: -5px; }
  .fancybox-next span:before { content: "\e003"; }
  .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; max-width: 9999px; max-height: 9999px; overflow: visible !important; }
  .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mIU4OHZwEAEYGIgEowqpI5CgAADAGiRAOzkX/wUAAAAAElFTkSuQmCC); }
  .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
  .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
  .fancybox-opened .fancybox-title { visibility: visible; }
  .fancybox-title-float-wrap { position: absolute; bottom: -5px; right: 50%; margin-bottom: -31px; z-index: 8050; text-align: center; }
  .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; }
  .fancybox-title-float-wrap .child, .fancybox-title-outside-wrap { padding: 10px 15px; background-color: #f7f7f7; color: #222; font-weight: bold; white-space: nowrap; }
  .fancybox-title-outside-wrap { position: relative; margin-top: -5px; }
  .fancybox-title-inside-wrap { padding: 5px 2px 2px; }
  .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; color: #222; text-align: center; background-color: #f7f7f7; background-color: rgba(250,250,250,0.75); }
  .fancybox-lock { overflow: visible !important; width: auto; }
  .fancybox-lock body { overflow: hidden !important; }
  .fancybox-lock-test { overflow-y: hidden !important; }
  .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

  /* responsive video */
  .responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #ddd; }
  .responsive-container iframe, .responsive-container object, .responsive-container embed, .responsive-container img, .responsive-container .map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .responsive-wrapper { max-width: 100%; }

  /* alert boxes */
  .alert { position: relative; margin-bottom: 1.5em; font-size: 0.9em; border-left: 2px solid #bbb; border-right: 2px solid #bbb; padding: 1em; background-color: #f4f4f4; }
  .alert.success { background-color: #dbfac9; border-color: #8e9; }
  .alert.notice { background-color: #fff8be; border-color: #efe062; }
  .alert.error { background-color: #d63d22; color: #fee; border-color: #a61d02; }
  .box { border: 1px solid #ddd; background-color: #f4f4f4; padding: 1em; margin-bottom: 1.5em; }
  .box.white { border: 1px solid #ddd; background-color: #fff; padding: 1em; margin-bottom: 1.5em; }

  /* collapse */
  .collapse { list-style: none; }
  .collapse li { margin-left: 0; }
  .collapse .collapse-title { position: relative; cursor: pointer; padding: 0.75em 2em 0.75em 0.75em; margin-bottom: -1px; text-transform: uppercase; font-family: 'Roboto Condensed'; border: 1px solid #ddd; background-color: #fff; }
  .collapse .collapse-title:after { position: absolute; top: 50%; margin-top: -0.5em; right: 0.75em; font-family: 'entypo'; content: "\e005"; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; }
  .collapse .collapse-content { font-size: 0.9em; padding: 0.75em; display: none; }
  .collapse .collapse-content p:last-child { margin-bottom: 0; }
  .collapse .collapse-title:hover { background-color: #f4f4f4; }
  .collapse .active .collapse-title { background-color: #2ba8bd; border-color: #2ba8bd; color: #fff; }
  .collapse .active .collapse-title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .collapse .active .collapse-content, .no-js .collapse .collapse-content { display: block; }

  .rotator { margin-bottom: 0; }
  .rotator li { display: inline-block; list-style: none; margin: 0 0.25em; }
  .rotator li a { display: inline-block; height: 1em; width: 1em; background-color: #ccc; }
  .rotator li.active a { background-color: #2ba8bd; }

  .highlight { background: #000000; color: #fff; padding: 0 0.3em; }
  h2 .highlight { padding: 0; box-shadow: 0.3em 0 0 #000000,-0.3em 0 0 #000000; -moz-box-shadow: 0.3em 0 0 #000000,-0.3em 0 0 #000000; -webkit-box-shadow: 0.3em 0 0 #000000,-0.3em 0 0 #000000; }

  /* tooltips */
  #tooltip { display: none; opacity: 0; text-align: center; color: #fff; background-color: #000000; position: absolute; left: 0; top: 0; z-index: 100; font-size: 12px; line-height: 1; padding: 8px 10px; max-width: 100%; }
  #tooltip:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #222; content: ''; position: absolute; left: 50%; bottom: -4px; margin-left: -4px; }
  #tooltip:after { bottom: -3px\9; }
  #tooltip.top:after { border-top-color: transparent; border-bottom: 4px solid #222; top: -8px; bottom: auto; }
  #tooltip.left:after { left: 4px; margin: 0; }
  #tooltip.right:after { right: 4px; left: auto; margin: 0; }

  /* tabs */
  .tab-container { margin-bottom: 1.5em; }
  .tab-container .tab_content { border: 1px solid #ddd; background-color: #fff; padding: 1.25em; }
  .tab-container .tab_content :last-child { margin-bottom: 0; }
  .tab-container .tabs { list-style: none; margin: 0; }
  .tab-container .tabs li { float: left; margin: 0; border: 1px solid #ddd; border-right: 0; border-bottom: 0; }
  .tab-container .tabs li:last-child { border-right: 1px solid #ddd; }
  .tab-container .tabs li.last-child { border-right: 1px solid #ddd; }
  .tab-container .tabs li a { display: block; text-decoration: none; background-color: #f4f4f4; color: #999; text-transform: uppercase; font-family: 'Roboto Condensed'; padding: 0.6em 1.4em; }
  .tab-container .tabs li.active a { position: relative; top: 1px; background-color: #fff; color: #222; }

  /* pricing table */
  .pricing-table .price-item { text-align: center; border: 1px solid #ddd; margin-bottom: 1.5em; }
  .pricing-table .price-item .price-title { background-color: #f4f4f4; color: #666; border-bottom: 1px solid #ddd; margin: 0; padding: 1em; text-transform: uppercase; }
  .pricing-table .price-item .price-tag { display: block; font-size: 1.2em; border-bottom: 1px solid #ddd; margin-bottom: 1.5em; padding: 10px; }
  .pricing-table .price-item .price-tag span { font-size: 0.8em; font-weight: normal; color: #999; }
  .pricing-table .price-item ul { display: block; padding: 0 0.5em; }
  .pricing-table .price-item ul li { margin-left: 0; }
  .pricing-table .special { border-color: #2ba8bd; }
  .pricing-table .special .price-title { background-color: #2ba8bd; color: #fff; }
  .pricing-table .special .price-title, .pricing-table .special .price-tag { border-color: #2ba8bd; }

  /* separators */
  .sep { margin: 0 0 1.5em; width: 9em; height: 4px; background-color: #ddd; position: relative; clear: both; }
  .textcenter .sep, .sep.centered { margin: 0 auto 1.5em; }
  .invert-colors .sep { background: #44BFD5; }
  .sep-margin-top { margin-top: 1.5em; }
  .sep-no-margin { margin-bottom: 0; }

  a.social-link { display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; margin-bottom: 0.2em; font-size: 1.5em; text-align: center; background-color: #999; color: #fff; }
  .social-link:hover { text-decoration: none; }
  .social-link.icon-facebook { background-color: #3b5998; }
  .social-link.icon-twitter { background-color: #00aced; }
  .social-link.icon-googleplus { background-color: #dd4b39; }
  .social-link.icon-envato { background-color: #82B540; }
  .social-link.icon-github { background-color: #171515; }
  .social-link.icon-flickr { background-color: #ff0084; }
  .social-link.icon-vimeo { background-color: #86c9ef; }
  .social-link.icon-pinterest { background-color: #cb2027; }
  .social-link.icon-tumblr { background-color: #32506d; }
  .social-link.icon-linkedin { background-color: #007bb6; }
  .social-link.icon-dribbble { background-color: #ea4c89; }
  .social-link.icon-instagram { background-color: #3f729b; }
  .social-link.icon-skype { background-color: #00aff0; }
  .social-link.icon-play { background-color: #c4302b; }
  .social-link.icon-soundcloud { background-color: #ff7700; }
  #social-share { display: none; position: absolute; left: 0; top: 18em; z-index: 19; width: 3.5em; }
  #social-share a.social-link { float: left; background-color: #000000; width: 2.2em; height: 2.2em; line-height: 2.2em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
  #social-share a.social-link:hover { background-color: #2ba8bd; }

  /* sticky footer trick */
  html { height:auto\a0; /* ie tweak for height property */ }
  .wrapper-frame { display: table; width: 100%; height: 100%; }
  .wrapper-row { display: table-row; height: 1px; }
  html>body .wrapper-expand { height: auto; }

  /* thumbnail wrapper */
  .thumb { background-color: #f4f4f4; margin-bottom: 1em; }
  .invert-colors .thumb { background-color: #fff; padding: 2px; color: #222; }
  .thumb .photo a { text-decoration: none; display: block; position: relative; overflow: hidden; }
  .thumb .photo img { width: 100%; }
  .thumb.switch .photo img.secondary { display: none; }
  .thumb .photo .info { display: none; position: absolute; width: 100%; height: 100%; opacity: 0; text-align: center; }
  .thumb .photo .tag { position: absolute; top: 0; right: 0; z-index: 3; background-color: #000000; color: #fff; font-size: 0.7em; padding: 0.4em 0.6em; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
  .thumb .photo a:hover .tag { background-color: #2ba8bd; }
  .thumb h4 { margin-bottom: 0; padding: 0.5em 0.5em 0.25em; }
  .thumb h4.item-title { font-size: 1.2em; padding-right: 3em; position: relative; }
  .thumb h4.padding-bottom { padding-bottom: 0.75em; }
  .thumb h4.item-title .price { position: absolute; top: 50%; right: 0.5em; margin-top: -0.68em; color: #2ba8bd; }
  .thumb .type { display: block; font-size: 0.75em; font-weight: 400; color: #999; padding: 0 0.95em 0.75em; }
  .thumb p { padding: 0 0.75em; margin-bottom: 0; }
  .portfolio-showcase .thumb { float: left; width: 100%; padding: 0; margin-bottom: 0; }
  .image-zoom { display: block; position: relative; overflow: hidden; }
  .image-zoom img { display: block; width: 100%; }
  .image-zoom img.zoomImg { width: auto; cursor: crosshair; }

  .post-info h4 { margin-bottom: 0.2em; }
  .post-info .meta { display: inline-block; font-size: 0.8em; font-style: normal; margin-bottom: 0.5em; margin-right: 1em; color: #999; }

  .post { border-bottom: 1px solid #ddd; margin-bottom: 2em; }
  .post.single { border-bottom: 0; margin-bottom: 0; }
  .post .meta { display: none; }
  .post .content h3 { margin-top: 0.5em; margin-bottom: 0.5em; }
  .post .content .iosSlider-container { margin-bottom: 0; }

  .commentlist { list-style: none; margin-left: 0; padding-bottom: 2em; border-bottom: 1px solid #ddd; }
  .commentlist ul { list-style: none; }
  .commentlist .comment { border-top: 1px solid #ddd; padding-top: 2em; margin-left: 0; margin-top: 2em; }
  .commentlist .bypostauthor { border-top: 3px solid #2ba8bd; }
  .commentlist .comment .comment-author { float: left; width: 5em; height: 5em; margin-right: 0.8em; }
  .commentlist .comment .comment-author img { display: block; width: 100%; max-height: 100%; }
  .commentlist .comment h6 { margin-bottom: 0.2em; }
  .commentlist .comment a.comment-reply-link { font-weight: normal; text-transform: none; font-size: 0.7em; margin-left: 0.2em; position: relative; top: -0.1em; }
  .commentlist .comment p.comment-date { font-size: 0.7em; }
  .commentlist .comment p { font-size: 0.8em; margin-bottom: 0; margin-top: 0.2em; }
  .commentlist .comment .children { margin: 0 0 0 1.5em; }

  .filter-selectors a { text-transform: uppercase; font-family: 'Roboto Condensed'; color: #222; }
  .filter-selectors a.active { color: #2ba8bd; }
  .filter-selectors a:after { display: inline-block; color: #ddd; content: "/"; padding: 0 0.8em 0 1.1em; }
  .filter-selectors a:last-child:after { display: none; }

  /* feature wrapper */
  .feature { text-align: center; margin-top: 1em; }
  .feature img { margin-bottom: 1.5em; }
  .feature h3 { margin-bottom: 1em; }

  /* call to action box */
  .call-to-action { margin-bottom: 1em; background: #f4f4f4; border: 1px solid #ddd; padding: 2em; text-align: center; }
  .invert-colors .call-to-action { background: rgba(255,255,255,0.1); }
  .call-to-action h3 { margin-bottom: 0.75em; }

  .flickr-gallery a { display: inline-block; width: 5.5em; margin-bottom: 0.5em; }

  /* header */
  #header { background-color: #000000; color: #fff; position: relative; z-index: 2; }
  #header #logo { padding: 1em; position: relative; text-align: center;}
  #header #logo h1 { margin-bottom: 0; }
  #header #logo h1 a { display: inline-block; color: #fff; text-decoration: none; }
  #header #logo h1 a img { max-height: 3em; }
  #header #menu { display: none; }
  #header #menu ul { list-style: none; }
  #header #menu ul, #header #menu li { margin: 0; }
  #header #menu li a { padding: 1em 1em; font-family: 'Roboto Condensed'; color: #fff; text-decoration: none; text-transform: uppercase; }
  #header #menu ul li.current_page_item > a { color: #2ba8bd; }
  #header #menu .shop-menu-item strong { font-weight: 400; }
  #header #menu.mobile { display: block; }
  #header #menu.mobile li { border-top: 1px solid #333; }
  #header #menu.mobile li a { display: block; font-size: 1.2em; }
  #header #menu.mobile li li a { padding-left: 3em; padding-right: 3em; }
  #header #menu.mobile li li li a { padding-left: 3em; }
  #header #menu.mobile .shop-menu-item em { display: none; }
  #header #menu.mobile .shop-menu-item strong:before { font-weight: 400; content: '\00a0\2014\00a0'; }
  #header #menu.mobile .shop-menu-item ul { display: none; }
  #header #menu-switch { position: absolute; top: 50%; right: 0; width: 5em; height: 6em; margin-top: -3em; cursor: pointer; text-align: center; display: table; }
  #header #menu-switch:before { text-align: center; font-size: 1.5em; display: table-cell; vertical-align: middle; }
  #header #menu-switch:before { text-align: center; font-size: 1.5em; display: table-cell; vertical-align: middle; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; }
  #header #menu-switch.on:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

  #heading { position: relative; }
  #heading img { width: 100%; }
  #heading .bar, .thumb .bar { position: absolute; left: 0; bottom: -1px; width: 100%; height: 0.5em; z-index: 3; }
  #heading .bar:before, #heading .bar:after, .thumb .bar:before, .thumb .bar:after { content:''; position: absolute; top: 0; width: 50%; height: 0; border-bottom: 0.5em solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  #heading .bar:before, .thumb .bar:before { left: 0; border-right: 0.5em solid rgba(0, 0, 0, 0); }
  #heading .bar:after, .thumb .bar:after { right: 0; border-left: 0.5em solid rgba(0, 0, 0, 0); }
  .thumb .bar:before, .thumb .bar:after { border-bottom-color: #f4f4f4; }
  .invert-colors .thumb .bar:before, .invert-colors .thumb .bar:after, .thumb .bar.white:before, .thumb .bar.white:after { border-bottom-color: #fff; }

  #footer .bottom { background-color: #000000; color: #fff; font-size: 0.9em; text-align: center; }
  #footer .bottom h3 { margin-top: 0.75em; }
  #footer .sep { background-color: #242829; height: 1px; width: auto; margin-bottom: 0; }
  #footer .icon-float-left { display: none; float: left; font-size: 2em; margin: 0.4em 0.4em 0.2em 0.3em; }
  #footer .bottom .container .grid6:last-child p { margin-bottom: 0; }
  #footer .bottom .right-side .button { padding: 0.75em; font-size: 1.25em; }

  #content .container, #footer .container { padding: 1em; }
  #footer .bottom .container { padding-top: 1.5em; }
  #content .invert-colors { background-color: #2ba8bd; color: #fff; }
  #content .grey-section { background-color: #eee; }
  #content .bottom-shadow { position: relative; padding-bottom: 0.5em; }
  #content .bottom-shadow:after { content: ''; position: absolute; bottom: -0.1em; left: 0; width: 4em; height: 4px; background: #ddd; }
  #content .textcenter .bottom-shadow:after { left: 50%; margin-left: -2em; }
  #content .invert-colors .bottom-shadow:after { background: #44BFD5; }

  /* sidebar & widgets */
  #sidebar .widget { margin-bottom: 1.5em; }
  #sidebar .widget h3 { padding-bottom: 0.25em; margin-bottom: 0.5em; border-bottom: 4px solid #ddd; }
  #sidebar select { width: 100%; margin-bottom: 1.5em; }
  #sidebar ul { list-style: none; }
  #sidebar ul ul { border: 0; margin-left: -1em; }
  #sidebar ul ul ul { margin-left: -2em; }
  #sidebar ul ul ul ul { margin-left: -3em; }
  #sidebar li { display: block; margin-left: 0; line-height: 2em; border-bottom: 1px solid #ddd; margin-bottom: 0; }
  #sidebar li:last-child { border-bottom: 0; }
  #sidebar li li { padding-left: 1em; border-top: 1px solid #ddd; border-bottom: 0; }
  #sidebar li li li { padding-left: 2em; }
  #sidebar li li li li { padding-left: 3em; }
  #sidebar .recentcomments { font-size: 0.9em; padding-left: 2em; }
  #sidebar .recentcomments:before { content:'\25A0'; display: block; position: relative; max-width: 0; max-height: 0; left: -1.25em; top: -0.17em; color: #4ea2bd; }
  .widget_calendar table th, .widget_calendar table td, .widget_calendar table caption { padding: 0.2em 0.2em; }
  .widget_calendar table th, .widget_calendar table tfoot td { padding: 0.2em; }
  .widget_calendar table tfoot td { padding: 0.2em 0.5em; }
  .widget_calendar table th, .widget_calendar table tbody td { text-align: center; }
  .widget_categories li span.count { color: #999; float: right; }

  .searchform { position: relative; }
  .searchform input { margin-bottom: 0; }
  .searchform input[type=text] { width: 100%; padding-right: 40px; }
  .searchform input[type=submit] { position: absolute; top: 1px; right: 1px; width: 1.4em; height: 1.55em; padding: 0; border: 0; background: transparent; color: #bbb; text-align: center; -webkit-font-smoothing: antialiased; font-family: 'entypo'; font-size: 1.5em; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
  .searchform input[type=submit]:focus, .searchform input[type=submit]:hover { color: #222; }
  #content .searchform { max-width: 28em; }

  @media (min-width: 480px) {
  .portfolio-showcase .thumb { width: 50%; }
  }

  @media (min-width: 768px) {
  .container { width: 720px; }
  .container .col { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
  .container .alpha { margin-left: 0; }
  .container .omega { margin-right: 0; }
  .container .grid1.col { width: 40px; }
  .container .grid2.col { width: 100px; }
  .container .grid3.col { width: 160px; }
  .container .grid4.col { width: 220px; }
  .container .grid5.col { width: 280px; }
  .container .grid6.col { width: 340px; }
  .container .grid7.col { width: 400px; }
  .container .grid8.col { width: 460px; }
  .container .grid9.col { width: 520px; }
  .container .grid10.col { width: 580px; }
  .container .grid11.col { width: 640px; }
  .container .grid12.col { width: 700px; }
  .one-half { float: left; width: 50%; display: inline; }
  .one-third { float: left; width: 33.3333%; display: inline; }

  #content .container, #footer .bottom .container { padding: 2em 0; }

  #header .wrapper { display: table; width: 100%; }
  #header #logo, #header #menu { display: table-cell; vertical-align: middle; height: 4em; }
  #header #logo { padding-left: 10px; padding-right: 10px; }
  #header #menu { text-align: right; padding-right: 10px; }
  #header #menu li { display: inline-block; }
  #header #menu li a { display: inline-block; padding: 0.5em 1em; }
  #header #menu li a:hover { background-color: #090909; }
  #header #menu li.has-children { position: relative; }
  #header #menu li.has-children ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 8; width: 11em; text-align: left; background-color: #090909; opacity: 0; }
  #header #menu li.has-children ul.left-side { left: auto; right: 0; text-align: right; }
  #header #menu li.has-children li ul { top: 0; left: 99.99%; }
  #header #menu li.has-children > a:after { content: '\00a0\002B'; font-family: 'Arial'; }
  #header #menu li.has-children ul li { display: block; font-size: 0.9em; }
  #header #menu li.has-children ul a { display: block; padding: 0.5em 1.25em; margin-left: 0; }
  #header #menu li.has-children ul a:hover { color: #999; }
  #header #menu li.has-children ul li:last-child a { padding-bottom: 1em; }
  #header #menu li.has-children:hover a { background-color: #090909; color: #ddd; }
  .no-touch #header #menu li.has-children:hover ul li.current_page_item > a, #header #menu li.has-children.hover ul li.current_page_item > a { color: #2ba8bd; }
  .no-touch #header #menu li.has-children:hover ul, #header #menu li.has-children.hover ul { visibility: visible; opacity: 1; }
  #header #menu .shop-menu-item a { background-color: #2ba8bd; padding-left: 1em; padding-right: 1em; }
  #header #menu li.shop-menu-item > a:after { display: none; }
  #header #menu ul .shop-menu-item.current_page_item > a { color: #fff; }
  #header #menu .shop-menu-item em { position: relative; top: 0.04em; }
  #header #menu .shop-menu-item span { display: none; }
  #header #menu li.shop-menu-item ul { width: 12em; }
  #header #menu li.shop-menu-item ul a { background-color: #090909; padding: 0.5em 1em 0.5em 0.5em; line-height: 4em; }
  #header #menu li.shop-menu-item ul li:last-child a { padding-bottom: 0.5em; }
  #header #menu li.shop-menu-item ul a img { float: left; height: 4em; }
  #header #menu-switch { display: none; }

  #heading .bar { height: 1em; }
  #heading .bar:before, #heading .bar:after { border-bottom-width: 1em; }
  #heading .bar:before { border-right-width: 1em; }
  #heading .bar:after { border-left-width: 1em; }
  #heading .iosSlider .slider .item .caption { bottom: 1em; }
  #heading .iosSlider .slider .item .caption span.text:after { border-left-width: 1em; border-right-width: 1em; border-top-width: 1em; bottom: -0.95em; margin-left: -1em; }

  #footer .bottom { text-align: left; }
  #footer .bottom p.copyright { margin-bottom: 0; }
  #footer .bottom .right-side { position: absolute; right: 10px; }
  #footer .bottom .right-side .button { position: relative; top: -0.7em; margin-bottom: 0; }

  .no-js #social-share.animated { visibility: hidden; opacity: 0; left: -3.5em; }
  #social-share { display: block; }
  #social-share.animated { visibility: visible; opacity: 1; left: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

  .thumb { margin-bottom: 20px; }
  .thumb .photo .info { display: block; background-color: #000000; color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.75); -ms-filter: "alpha(opacity=70)"; }
  .thumb .photo .info span { position: absolute; left: 50%; top: 50%; width: 2em; height: 2em; margin-left: -1em; margin-top: -1em; line-height: 2em; display: block; font-size: 1.5em; border: 2px solid #fff; }
  .thumb .photo .info span.bottom { top: auto; margin-top: 0; bottom: 2.5em; font-size: 1em; }
  .thumb .photo .info .title { margin-top: 2em; padding: 0.1em 1em; display: block; font-weight: 400; font-family: 'Roboto Condensed'; text-transform: uppercase; }
  .thumb .photo .info .tagline { font-style: 400; font-family: 'Roboto Condensed'; font-size: 0.75em; font-style: normal; color: rgba(255,255,255,0.5); }
  .thumb .photo a:hover .info { opacity: 1; }
  .no-js .thumb .photo .info { top: 0; left: -100%; }
  .no-js .thumb .photo a:hover .info { left: 0; }
  .fade .photo .info, .thumb.switch .photo img.secondary { top: 0; left: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
  .fade .photo .info span { -ms-filter: "alpha(opacity=0)"; }
  .thumb.switch .photo img.secondary { z-index: 2; position: absolute; display: block; visibility: visible; -ms-filter: "alpha(opacity=0)"; }
  .fade .photo a:hover .info { opacity: 1; -ms-filter: "alpha(opacity=70)"; }
  .fade .photo a:hover .info span { -ms-filter: "alpha(opacity=100)"; }
  .thumb.switch .photo a:hover img.secondary { opacity: 1; }
  .portfolio-showcase .thumb { width: 33.3333%; }

  .flickr-gallery a { float: left; width: 4.2em; margin: 0; }
  .flickr-gallery a img { display: block; }
  .flickr-gallery a:hover { opacity: 0.75; }

  .post-info h4 { margin-top: 0.3em; }
  .post .meta { float: left; width: 18%; display: block; text-align: center; background-color: #f4f4f4; font-family: 'Roboto Condensed'; }
  .post .meta .property { padding: 0.75em; font-size: 0.9em; line-height: 1.1; }
  .post .meta .property strong { display: block; font-weight: 400; color: #666; }
  .post .date { background-color: #2ba8bd; color: #fff; }
  .post .meta .date strong { display: none; }
  .post .meta .date { font-size: 1.2em; border: 0; }
  .post .meta .date span { display: block; }
  .post .meta .date span.day { font-size: 1.25em; }
  .post .content { float: right; width: 82%; }

  .commentlist .comment .comment-body { position: relative; margin-left: 5.8em; }
  .commentlist .comment h6 { padding-right: 5em; }
  .commentlist .comment p.comment-date { position: absolute; top: 0.15em; right: 0; }
  .commentlist .comment p { margin-top: 0; }
  .commentlist .comment .children { margin-left: 5.7em; }

  .call-to-action .button { margin-bottom: 0; }

  #heading .iosSlider .controls { display: block; }
  .no-js #heading .iosSlider .controls { display: none; }

  #footer .icon-float-left { display: block; }
  }
  @media (max-width: 768px) {

  #header #menu li {
  display: block; /* Stack each menu item */
  }

  #header #menu li.has-children > a:after {
  content: '\00a0\002B'; /* Keeps the plus sign */
  font-family: 'Arial';
  float: right; /* Moves the plus sign to the right */
  }

  #header #menu li.has-children ul {
  position: relative; /* Prevents absolute positioning in the mobile view */
  visibility: visible; /* Keeps the submenu visible when opened */
  opacity: 1; /* Ensures submenus are displayed */
  background-color: #090909; /* Matches desktop background color */
  }

  #header #menu li.has-children ul li {
  display: block; /* Ensures each child stacks below the parent */
  padding-left: 1em; /* Adds a bit of padding for indentation */
  }

  /* Optionally hide submenus by default and show them on click */
  #header #menu li.has-children ul {
  display: none; /* Hide submenus initially */
  }

  #header #menu li.has-children.active ul {
  display: contents; /* Show submenus when parent is active (use JavaScript to add/remove 'active') */
  }
  }

  @media (min-width: 1024px) {
  body { font-size: 100%; }
  .container { width: 960px; }
  .container .grid1.col { width: 60px; }
  .container .grid2.col { width: 140px; }
  .container .grid3.col { width: 220px; }
  .container .grid4.col { width: 300px; }
  .container .grid5.col { width: 380px; }
  .container .grid6.col { width: 460px; }
  .container .grid7.col { width: 540px; }
  .container .grid8.col { width: 620px; }
  .container .grid9.col { width: 700px; }
  .container .grid10.col { width: 780px; }
  .container .grid11.col { width: 860px; }
  .container .grid12.col { width: 940px; }

  #content .container, #footer .bottom .container { padding: 3em 0; }

  #header #menu li a { padding: 0.75em 1.5em; }
  #header #menu li.has-children ul a { padding: 0.6em 1.5em; }
  #header #menu li.has-children ul li:last-child a { padding-bottom: 1.5em; }
  #header #menu li.shop-menu-item ul a { padding: 0.75em 1.25em 0.75em 0.75em ; }
  #header #menu li.shop-menu-item ul li:last-child a { padding-bottom: 0.75em; }

  #heading .iosSlider .slider .item .caption span.text { font-size: 1.5em; }

  .flickr-gallery a { width: 3.82em; }

  .post .meta { width: 17%; }
  .post .content { width: 83%; }

  }

  @media (min-width: 1320px) {
  .container { width: 1260px; }
  .container .grid1.col { width: 85px; }
  .container .grid2.col { width: 190px; }
  .container .grid3.col { width: 295px; }
  .container .grid4.col { width: 400px; }
  .container .grid5.col { width: 505px; }
  .container .grid6.col { width: 610px; }
  .container .grid7.col { width: 715px; }
  .container .grid8.col { width: 820px; }
  .container .grid9.col { width: 925px; }
  .container .grid10.col { width: 1030px; }
  .container .grid11.col { width: 1135px; }
  .container .grid12.col { width: 1240px; }

  .post .meta { width: 14%; }
  .post .content { width: 86%; }

  .portfolio-showcase .thumb { width: 25%; }

  .flickr-gallery a { width: 4.09em; }

  #heading .iosSlider .slider .item .caption span.text:after { margin-bottom: 1px; }

  .fancybox-close { display: none; }
  .fancybox-nav { width: 15em; }
  .fancybox-skin .fancybox-nav span { background-color: transparent; color: #fff; }
  .fancybox-nav span { opacity: 0.25; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
  .fancybox-wrap:hover .fancybox-nav span { opacity: 0.5; }
  .fancybox-wrap .fancybox-nav:hover span { opacity: 1;}
  .fancybox-prev { left: -8.5em; }
  .fancybox-next { right: -8.5em; }
  .fancybox-nav span { font-size: 5em; }
  .fancybox-title { font-size: 1.1em; }
  .fancybox-overlay { cursor: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QAAAAAAAD5Q7t/AAAA6klEQVR42tWXyw6CMBBFi/+qhCi6bVj52PABBv6C3zOsjhuJ2hTS1k6Ls+3MPTc8pjMKGIAHsFWJAti9mIMCRt5RJYBXH7xRASXfUSWCA5TTQS1twgKvzQRtJBwiwk+Gtp5L1E6JfnA/zZgmgrWA5lcTFnjjK9CGmrDA29BHaJq4ONTcosAXTLQxcqObEIN/ALo5gAXeSbTRAuhNExZ4DxRSvdxmIg3cwUQQfKP+KbK+guwfoedveI8Nz9eIsrZii+DZoeYqdROmu46FBhItW7i2edBbU3gsPy6ayLSY7KeDvKvZGpbTrOv5E6zIaGL25rGJAAAAAElFTkSuQmCC) 16 16, crosshair; }
  }

  .icon-tiktok:before { content: ""; display: inline-block; width: 24px; height: 24px; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xOS41ODkgNi42ODZhNC43OTMgNC43OTMgMCAwIDEtMy43Ny00LjI0NVYyaC0zLjQ0NXYxMy42NzJhMi44OTYgMi44OTYgMCAwIDEtNS4yMDEgMS43NDNsLS4wMDItLjAwMS4wMDIuMDAxYTIuODk1IDIuODk1IDAgMCAxIDMuMTgzLTQuNTF2LTMuNWE2LjMyOSA2LjMyOSAwIDAgMC01LjM5NCAxMC42OTIgNi4zMyA2LjMzIDAgMCAwIDEwLjg1Ny00LjQyNFY4LjY4N2E4LjE4MiA4LjE4MiAwIDAgMCA0Ljc3MyAxLjUyNlY2Ljc5YTQuODMxIDQuODMxIDAgMCAxLTEuMDAzLS4xMDR6Ii8+PC9zdmc+) no-repeat; }

  .icon-youtube:before { content: ""; display: inline-block; width: 24px; height: 24px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMyNUQzNjY7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQoJLnN0MntmaWxsOiNGRjAwMDA7fQoJLnN0M3tmaWxsOiMzRDVBOTg7fQoJLnN0NHtmaWxsOnVybCgjU1ZHSURfMV8pO30KCS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzJfKTt9Cgkuc3Q2e2ZpbGw6IzU1QURFRTt9Cgkuc3Q3e2ZpbGw6IzFFOTZDODt9Cgkuc3Q4e2ZpbGw6I0E5QzlERDt9Cgkuc3Q5e2ZpbGw6I0M4REFFQTt9Cgkuc3QxMHtmaWxsOm5vbmU7fQoJLnN0MTF7ZmlsbDojNDc4N0YzO30KCS5zdDEye2ZpbGw6I0RDNDgzQzt9Cgkuc3QxM3tmaWxsOiNGRkNFNDM7fQoJLnN0MTR7ZmlsbDojMTQ5RjVDO30KCS5zdDE1e2ZpbGw6I0NFMUU1Qjt9Cgkuc3QxNntmaWxsOiM3MkM1Q0Q7fQoJLnN0MTd7ZmlsbDojREZBMjJGO30KCS5zdDE4e2ZpbGw6IzNDQjE4Nzt9Cgkuc3QxOXtmaWxsOiMyNDhDNzM7fQoJLnN0MjB7ZmlsbDojMzkyNTM4O30KCS5zdDIxe2ZpbGw6I0JCMjQyQTt9Cgkuc3QyMntmaWxsOm5vbmU7c3Ryb2tlOiMzQ0IxODc7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MjN7ZmlsbDojMDA5QTU3O30KCS5zdDI0e2ZpbGw6I0ZDQ0QzNzt9Cgkuc3QyNXtmaWxsOiMyNzcxRjA7fQo8L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00MjMuNiw4MS41Yy01NC45LTItMTExLjctMy4xLTE3MC4xLTNjLTU2LjcsMC0xMTEuOCwxLjEtMTY1LjIsM0M0Mi40LDgzLjIsNiwxMjAuOSw2LDE2Ni45djE3OC4yICAgYzAsNDYsMzYuNCw4My43LDgyLjQsODUuNGM1NC43LDIsMTExLjEsMy4xLDE2OS4yLDNjNTcsMCwxMTIuNC0xLjEsMTY2LjEtM2M0Ni0xLjcsODIuMy0zOS40LDgyLjMtODUuNFYxNjYuOSAgIEM1MDYsMTIwLjksNDY5LjYsODMuMiw0MjMuNiw4MS41eiIvPjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMjA1LjcsMTgxIDIwNS43LDMzMi4yIDMzNS44LDI1Ni42ICAiLz48L2c+PC9zdmc+) no-repeat; }


  #menu ul ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  }

  #menu li:hover > ul {
  display: block;
  }

  #menu li {
  position: relative;
  }

  #menu li a {
  display: block;
  padding: 10px;
  }

  #menu li ul li {
  width: 100%;
  }

  @media (min-width: 768px) {
  #header #menu li.has-children:hover a {
  background-color: #FFFFFF;
  }
  #header #menu li.has-children > a:after {
  content: '\00a0\25BC'; 
  font-family: 'Arial';
  font-size: 13px;
  }
  }
  #header #menu li a {
  color:black;
  }

  /* Заден фон */
  .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex; /* видим при зареждане */
  align-items: center;
  justify-content: center;
  z-index: 9999; /* винаги най-отгоре */
  }

  /* Popup прозорец */
  .popup {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  animation: fadeIn 0.3s ease;
  z-index: 999;
  }

  .popup img {
  max-width: 100%;
  border-radius: 8px;
  margin-bottom: 15px;
  }

  .popup button {
  background: crimson;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  }

  .popup button:hover {
  background: darkred;
  }

  @keyframes fadeIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
  }