@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lato:700,300&subset=latin,latin-ext);

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, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:14px;
       line-height:24px;
       font-weight:normal;
       font-family:'Open Sans',sans-serif;
	vertical-align:top;
	color:#9B9999;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display:block;}
* {outline:none;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
li {text-decoration:none;list-style:none;}
.left {float:left !important;margin-left:0;}
.right {float:right !important;margin-right:0;}
.clear:after {clear:both;content:'';display:block;}
.transition {transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}

.moreGreen {color:#FFF;display:inline-block;font:700 24px/30px "Open Sans",sans-serif;padding:10px 37px;background-color:#81B02E;border-radius: 5px;}
.moreRed {color:#FFF;display:inline-block;font:700 24px/30px "Open Sans",sans-serif;padding:10px 37px;background-color:#DC2900;border-radius: 5px;}
.moreRed:hover, .moreGreen:hover {background:#FFF;color:#000;}

#map-canvas {height:300px;margin-bottom:30px;border:1px solid #5BA40C; width:100%;}

p {margin-bottom:10px; line-height: 1.5em;}
em {color:#333333;}
strong {color:#262626;font-weight:bold;}
a {text-decoration:none;color:#000000;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
a:hover {color:#DC2900;}

h1 {font:700 36px/46px "Lato",sans-serif;color:#000;}
h2 {font: 300 18px/24px "Open Sans",sans-serif;margin-bottom:10px;color:#3B434B;text-align: center;}
h3 {font: 300 18px/24px "Open Sans",sans-serif;color: #000;margin-bottom: 15px;}
h4 {font:400 14px/18px "Open Sans",sans-serif;color:#3A3A3A;margin-bottom:15px;text-align: center;}
h5 {font:400 14px/20px "Open Sans",sans-serif;color:#3B434B;margin-bottom:20px;text-align: center;}
h6 {font:400 16px/24px "Open Sans",sans-serif;color:#3A3A3A;margin-bottom:20px;}

body {overflow-x:hidden;position:relative;background:url("/images/body_bg.jpg") center top no-repeat fixed;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CSS RESET ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/****************************************************** MOBILE portrait ******************************************************/

body {border-top: 3px solid #454545;}

.container {width:990px;margin:0 auto;position:relative;padding:0;}

header {    padding:20px 0 !important; border-bottom:3px solid #f3f4f4; margin-bottom: 20px !important;}

.language {position: fixed; left: 0; top:150px;z-index: 999;}
.language a {display: block;margin-bottom: 10px;}
.addthis-smartlayers, div#at4-share, div#at4-follow, div#at4-whatsnext, div#at4-thankyou {top: 150px;}

.headerInner {background:#FFF;width: 100%;}

.logo {position: relative;}
.logo h1 {margin: 0px 0px 0px 20px; padding: 16px 0px;}
.logo a {display:block;font:300 70px/83px "Lato",sans-serif;color: #FFF;}
.logo a strong {font:700 70px/83px "Lato",sans-serif;color: #FFF;}

.header {background: #2B3137; }

nav.menu {text-align:right;}
nav.menu ul li {display:inline-block;}
nav.menu ul li a {color:#000;display:block;text-transform:uppercase;padding:0 15px;font:normal 22px/70px 'Open Sans', sans-serif;letter-spacing: -1px;}
nav.menu ul li a:hover {color:#ff9e04;background: #22272C;}
nav.menu ul li a.active {color: #ff9e04;}

.lightSec {}

#four_blocks .half div.inner {height: 100px; background:#CCC; margin-bottom: 20px; text-align:center; padding-top:100px;}
#four_blocks .half div.inner h3 {font-size:20px; line-height: 1.3em; color:#FFF;}
#four_blocks .half:nth-child(2n+1) div.inner {margin-right: 10px; }
#four_blocks .half:nth-child(2n+1) div.inner strong {font-size: 28px; line-height:1.2em;  display:block; text-align:left;}
#four_blocks .half:nth-child(2n+2) div.inner {margin-left: 10px;}

#four_blocks .half:nth-child(1) div.inner {background:#FFF; text-align:left;}
#four_blocks .half:nth-child(2) div.inner {background:#e79f3b url("/images/platforma.jpg") center top 20px no-repeat;}
#four_blocks .half:nth-child(3) div.inner {background:#084885 url("/images/svet.jpg") center top 20px no-repeat;}
#four_blocks .half:nth-child(4) div.inner {background:#d07a00 url("/images/brod.jpg") center top 20px no-repeat;}

#slider .inner img {width:100%;}
#slider .inner {margin-left: 20px;}

#text_area {border-bottom: 3px solid #f3f4f4;}
#text_area .quarter:nth-child(1) .inner {margin-right: 10px;}
#text_area .half .inner {margin:0 10px;}
#text_area .quarter:nth-child(2) .inner {margin-left: 10px;}

#four_blocks_small .half div.inner {background:#f3f4f4; height:70px; margin-bottom: 20px; padding-top:30px;}
#four_blocks_small .half div.inner h4 {color:#FFF;}
#four_blocks_small .half:nth-child(1) div.inner {background:#FFF; text-align:left;}
#four_blocks_small .half:nth-child(1) div.inner h4 {color:#000;}
#four_blocks_small .half:nth-child(2) div.inner {background:#e79f3b }
#four_blocks_small .half:nth-child(3) div.inner {background:#084885 }
#four_blocks_small .half:nth-child(4) div.inner {background:#d07a00 }

.marginTop {margin-top: 45px;}

.blogPage {margin-right: 15px;}
.blogPage h2, .leftSide h2 {margin-bottom: 20px;}
.leftSide {margin-left: 15px;}
.leftSide ul {margin-top: 45px;}
.leftSide li:first-child a {padding-top: 0px;}
.leftSide li:last-child a {border: 0;}
.leftSide li a {font: 400 18px/24px "Open Sans",sans-serif;color: #3B434B;display: block;padding: 10px 0;border-bottom: 1px solid #9B9999;}
.leftSide li a:hover {color: #81B02E;}

#products {margin-top:20px;}


#products_tree .fifth .inner { text-align: left;}
#products_tree .fifth .inner h5 {text-align: left; margin-bottom: 10px; color:#084885; font-weight: bold;}
#products_tree .fifth .inner ul {list-style-type: disc;}
#products_tree .fifth .inner ul li {font-size:11px; display:block; padding:2px 0; line-height: 1.1em; list-style-type: disc; background: url("/images/list_arrow1.png") left top 5px no-repeat; padding-left:9px;}

#products_tree .fifth:nth-child(1) .inner {border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding:0 10px 10px 0;}
#products_tree .fifth:nth-child(2) .inner {border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding:0px 10px 10px 10px;}
#products_tree .fifth:nth-child(3) .inner {border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding:0px 10px 10px 10px;}
#products_tree .fifth:nth-child(4) .inner {border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding:0px 10px 10px 10px;}
#products_tree .fifth:nth-child(5) .inner {border-bottom: 1px solid #CCC; padding:0px 0px 10px 10px;}

#products_tree .fifth:nth-child(6) .inner {border-right: 1px solid #CCC;  padding:10px 10px 10px 0;}
#products_tree .fifth:nth-child(7) .inner {border-right: 1px solid #CCC;  padding:10px 10px 10px 10px;}
#products_tree .fifth:nth-child(8) .inner {border-right: 1px solid #CCC;  padding:10px 10px 10px 10px;}
#products_tree .fifth:nth-child(9) .inner {border-right: 1px solid #CCC;  padding:10px 10px 10px 10px;}
#products_tree .fifth:nth-child(10) .inner { padding:10px 0px 10px 10px;}

.letterPic figure {width: 25%;}
.letterPic figure:nth-child(4n+1) a {margin-right: 20.25px;}
.letterPic figure:nth-child(4n+2) a {margin-left: 6.75px;margin-right: 13.5px;}
.letterPic figure:nth-child(4n+3) a {margin-left: 13.5px;;margin-right: 6.75px;}
.letterPic figure:nth-child(4n+4) a {margin-left: 20.25px;}
.letterPic figure a {margin-bottom: 27px;}



.marghil {margin-bottom: 27px;}

.fancybox {display: block;}

.contacts h3 {color: #3A3A3A;}

.cajInnerDos .lightSec h2, .cajInnerDos .lightSec h5 {color: #FFF !important;}
.cajInnerDos .lightSec {background-color: transparent !important;}

.blogPageCont {margin-top: 45px;}
.blogPageCont > figure {margin: 0px 30px 25px 0px;}
.blogPageCont > strong {margin-bottom: 15px;display: block;}

.blog h6 {margin-bottom: 15px;}
.blogDesc {background: #FFF;border-bottom: 4px solid #B1B2B2;padding: 15px 10px;}

.printPage figure {margin-bottom: 30px;}
.stamparija figure {margin-right: 20px;}
.stamparija h4 {margin-bottom: 20px;}

#popUp {position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;}
#popUp .popUpInner {width:40%;background:#FFF;margin:200px auto 0;border-radius:8px;padding:30px;position:relative;}
#popUp .popUpInner p {text-align:center;margin:0px;}
#popUp .popUpInner a {position:absolute;right:-15px;top:-15px;border-radius:50%;width:30px;height:30px;background:#3E9206;text-transform:uppercase;display:block;text-align:center;color:#FFF;line-height:30px;}

.contactForm {margin-bottom:60px;}
.contactForm label {display:block;margin-bottom:5px;}
.contactForm input[type="text"] {width:96%;padding:7px 2%;color:#9B9999;border:1px solid #9B9999;background: transparent; font: normal 14px/20px "Open Sans",sans-serif;}
.contactForm textarea {width:97.7%;padding:7px 1%;color:#9B9999;border:1px solid #9B9999;resize:none;height:150px;background: transparent;font:normal 14px/24px "Open Sans",sans-serif;}
.contactForm input[type="submit"] {cursor:pointer;border:0 none;}
.contactForm em {color:#9d261d;}

.contactForm p {width:31.3333333%;display:inline-block;}
.contactForm p:nth-child(3) {margin: 0px 20px;} 
.contactForm p:nth-child(5) {width:100%;margin-bottom:1.35%;}

.half {width:50%;}
.halfMarginL {margin-left:7.5px;}
.halfMarginR {margin-right:7.5px;}

.third {width:33.333%;}
.third-x2 {width:66.66%;}

.quarter {width:25%;}
.quarter-x3 {width:75%;}

.fifth {width:20%;min-height:1px;}
.fifth-x2 {width:40%;}
.fifth-x3 {width:60%;}
.fifth-x4 {width:80%;}

.sixths {width:16.66666666666667%;}
.sixths-x2 {width:33.33333333333333%;}
.sixths-x5 {width:83.33333333333335%;}

footer {background:#454545;padding:30px; margin-top: 25px;}

footer p {margin-bottom: 0px;}
footer p a {color:#d07a00;}
footer p a:hover {color:#FFF;}

.copyRight {background: #2B3137;padding: 30px 0px;}
.copyRight p {margin-bottom: 0px;}

.sliderText {display: none;}

@media (min-width:992px){
    footer {margin-bottom:-20px;}
}

@media screen and (min-width:1024px) {
    .scrollup a {background:#4C8F0F url("/images/go_top.png") center center no-repeat;width:32px;height:32px;display:none;position:fixed;right:30px;bottom:50px;border-radius: 50%;}
    .scrollup a:hover {background-color:#2B3137;}
}
/****************************************************** ADD CSS ******************************************************/
/****************************************************** FANCY BOX ******************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.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:#f9f9f9;color:#444;	text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened {z-index:8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;	margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe {display:block;width:100%;height:100%;}
.fancybox-image {max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('/images/fancyimages/fancybox_sprite.png');}
#fancybox-loading {position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div {width:44px;height:44px;background:url('/images/fancyimages/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute;top:-18px;right:-18px;	width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav {position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/images/fancyimages/blank.gif');/* helps IE */ -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:36px;height:34px;	margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span {left:10px;background-position:0 -36px;}
.fancybox-next span {right:10px;background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute;	top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
/* Overlay helper */
.fancybox-lock {overflow:hidden !important;width:auto;}
.fancybox-lock body {overflow:hidden !important;}
.fancybox-lock-test {overflow-y:hidden !important;}
.fancybox-overlay {position:absolute;top:0;left:0;	overflow:hidden;display:none;z-index:8010;background:rgba(81, 16, 2, 0.5);}
.fancybox-overlay-fixed {position:fixed;	bottom:0;right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto;overflow-y:scroll;z-index:9999;}
/* Title helper */
.fancybox-title {visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child {display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;/* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap {position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image:url('/images/fancyimages/fancybox_sprite@2x.png');background-size:44px 152px;/*The size of the normal image, half the size of the hi-res image*/}
  #fancybox-loading div {
    background-image:url('/images/fancyimages/fancybox_loading@2x.gif');background-size:24px 24px;/*The size of the normal image, half the size of the hi-res image*/}
}
/****************************************************** FLEX SLIDER ******************************************************/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline:none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin:0;padding:0;list-style:none;} 
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {padding:0;width:100%;}
.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display:block;height:100%;margin-left: 0px;}
.flex-pauseplay span {text-transform:capitalize;}
/* Clearfix for the .slides element */
.slides:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
html[xmlns] .slides {display:block;} 
* html .slides {height:1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display:block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {position:relative;zoom:1;background:#FFF;overflow:hidden;}
.flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport {max-height:300px;}
.flexslider .slides {zoom:1;}
.carousel li {margin-right:5px}
/* Direction Nav */
.flex-direction-nav a {width:24px;height:39px;margin:-20px 0 0;display:block;position:absolute;bottom:50%;cursor:pointer;text-indent:-9999px;opacity:0.5;-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next {background-position:100% 0;right:68px;display:block;background: url("/images/arrow_right.png") center center no-repeat;}
.flex-direction-nav .flex-prev {display:block;background: url("/images/arrow_left.png") center center no-repeat;left: 68px;}
.flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-prev:hover {opacity: 0.9;}
.flex-direction-nav .disabled {opacity:.3!important;filter:alpha(opacity=30);cursor:default;}
/* Control Nav */
.flex-control-nav {position:absolute;bottom:30px;right:61px;}
.flex-control-nav li {margin:0 6px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a {width:15px;height:15px;display:block;background:#2B3137;cursor:pointer;text-indent:-9999px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.flex-control-paging li a.flex-active {background:#81B02E;cursor:default;}

.flex-control-thumbs {margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li {width:25%;float:left;margin:0;}
.flex-control-thumbs img {width:100%;display:block;opacity:.7;cursor:pointer;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .active {opacity:1;cursor:default;}

@media screen and (max-width:860px) {
  .flex-direction-nav .flex-prev {opacity:0;left:0;}
  .flex-direction-nav .flex-next {opacity:0;right:0;}
}
/** /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ MEDIA PRINT \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ **/
@media screen and (min-width:1620px) {
.flexslider .slides img {width: 100%;height: auto;}
}
@media print { 
  
}