html, body {
    margin:0;
    padding:0;
    height: 100%;
    font-family: 'FuturaBook', Arial, Helvetica, sans-serif;
    overflow-x:hidden;
}
/* Browser trick for equals columns */
.fill {
    min-height:100%;
    overflow:hidden;
}
.content { position:relative;  }
.okvir3px td { background-color:#eedde5!important; }

#col1, #col2, .doit { margin-bottom: -9999px; padding-bottom: 9999px;}
#background {
    background: url("../img/bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
    background-size: 101% 101%;
    min-height:100%;
}
#background{ position:relative; }
#background:before{ position:absolute; z-index:1; content:""; width:100%; height:100%; background:url('/template/img/grid.png');}
img { border:0; }
ax { color:#24549b; }
a:hover,
a:active 
{
  outline: 0;
}
.fill { 
    min-height: 100%;
    height: 100%;
}
.np { padding-left:0px; padding-right:0px; }
.npl { padding-left: 0px; }
.sticky { bottom:0; position: relative; display:block; width:100%;}
header { min-height:160px; }
/* Custom font */
@font-face {
    font-family: 'FuturaBook';
    src: url('../fonts/futura/futuran-webfont.eot');
    src: url('../fonts/futura/futuran-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/futuran-webfont.woff') format('woff'),
         url('../fonts/futura/futuran-webfont.ttf') format('truetype'),
         url('../fonts/futura/futuran-webfont.svg#FuturaBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaBdCnBTBold';
    src: url('../fonts/futura/futurabc-webfont.eot');
    src: url('../fonts/futura/futurabc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/futurabc-webfont.woff') format('woff'),
         url('../fonts/futura/futurabc-webfont.ttf') format('truetype'),
         url('../fonts/futura/futurabc-webfont.svg#FuturaBdCnBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaMdBTBold';
    src: url('../fonts/futura/futurab-webfont.eot');
    src: url('../fonts/futura/futurab-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/futurab-webfont.woff') format('woff'),
         url('../fonts/futura/futurab-webfont.ttf') format('truetype'),
         url('../fonts/futura/futurab-webfont.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaHvBTHeavy';
    src: url('../fonts/futura/futurah-webfont.eot');
    src: url('../fonts/futura/futurah-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/futurah-webfont.woff') format('woff'),
         url('../fonts/futura/futurah-webfont.ttf') format('truetype'),
         url('../fonts/futura/futurah-webfont.svg#FuturaHvBTHeavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaMdCnBTMedium';
    src: url('../fonts/futura/futuramc-webfont.eot');
    src: url('../fonts/futura/futuramc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/futuramc-webfont.woff') format('woff'),
         url('../fonts/futura/futuramc-webfont.ttf') format('truetype'),
         url('../fonts/futura/futuramc-webfont.svg#FuturaMdCnBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaLtCnBTLight';
    src: url('../fonts/futura/futuralc-webfont.eot');
    src: url('../fonts/futura/futuralc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura/futuralc-webfont.woff') format('woff'),
         url('../fonts/futura/futuralc-webfont.ttf') format('truetype'),
         url('../fonts/futura/futuralc-webfont.svg#FuturaLtCnBTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
b, strong {
	font-family: FuturaMdBTBold,Arial,Helvetica,sans-serif;
    font-weight: lighter;
}
#mycarousel a img {
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
 opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	}
#mycarousel a:hover img {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%); 
opacity: 0.99;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	}	
	
/* default styles */
.button {
background: #b60048;
padding: 5px 9px;
color: #fff !important;
text-decoration: none !important;
}
.button:hover {
background: #000;
}
input.button{ border:none;}
/* Backgrounds */
.color1 { background: #AF0D4A; }
.color2 { background: url("../img/bg_trans_white.png") repeat; } /* White transparent */
.color3 { background: url("../img/bg_trans_black.png") repeat; } /* Black transparent */
.contentbg { background: url("../img/bg_trans_content.png") repeat; }
.greenbg { background: #709554; }
.pinkbg { background: #90315B; }
.snavbg { background: url("../img/bg_snav.png") repeat;}
.video img:hover { opacity: 0.9; -webkit-opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; }
/* Fonts */
.content .quotes { font-size:28px; line-height: 1.65em; font-family: 'FuturaBook', Arial, Helvetica, sans-serif; padding: 20px 10px; }
.content .quotes span { color:#b60048; }
.content .holder { min-height:320px; }
/* Header */
.logo { float:right;     height: 160px;
    background-color: #fff; }
.logo a { display:block; background:#FFF; width:160px;  text-align:center; }

.logo a img { padding-top:20px; }
/* nav */
nav .menu-first{ display:none;}
nav li.menu-parent a{background: #8D395D;}
/* Footer */
#wrap, #wrap2 {
/*min-height: 100%;*/
height: auto !important;
height: 100%;
margin: 0 auto -35px;
position:relative; z-index:2;
}
#piskoti {
position: fixed;
left: 0px;
bottom:45px;
width: 140px;

text-align: center;
z-index: 2;
color: #fff;
padding: 5px 0 5px 0;
background: url("../img/bg_trans_black.png") repeat;
font-size:13px;
}
#piskoti .gumb 
{
 color: #fff;
 border-radius: 2px;
 padding: 3px 6px;
 text-decoration: none;
}
.logolevi { max-width:100px; margin-right:20px; float:left; clear:both; }
.referenca-okvir { height:190px; clear:both; line-height:1.1em; }
.referenca-slika img { float:left; margin:0px 20px 20px 0px; width:220px; box-shadow: 6px 6px 3px #ccc; border: solid 1px #edf1f2; }
.referenca-opis { padding-top:30px; }
#piskoti .red 
{ 
    background-color: #666;
}

#piskoti .green 
{ 
    background-color: #666;
    font-weight: bold;
}

.mheight { min-height:120px;}
.grey { color:#666; }
.gtitle { display:block; color:#fff; font-size:15px; text-transform: uppercase; padding: 10px; height:120px; overflow:hidden;}
.gtitle:hover { text-decoration: none; color:#fff; opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); text-decoration: none; transition:all 0.20s ease-in-out; -webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; }
.title1 { padding-top: 80px; }
.title1 a {display:block; float:right; background:#90315B; width:80px; height:80px; color:#fff; text-transform: uppercase; color:#fff; padding:10px;}
.title1 a:hover { text-decoration: none; opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); text-decoration: none; transition:all 0.20s ease-in-out; -webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; }
.gotop { color:#fff; }
.gotop:hover { color:#ccc; text-decoration: none; }
#push, #footer { height: 35px; line-height:35px; position:relative; z-index:2; }
#footer { color:#fff; position:fixed; bottom:0; width:100%; z-index:3;}
/* Sub nav */
.snav { list-style: none; margin:0; padding:15px 0; }
.snav a { font-size:15px; color:#fff; padding:7px 0; display:block; font-weight:400; }
.snav li.current a { text-decoration:underline; }
/* Social */
.social { float:left; }
.social ul { list-style:none; margin:0; padding:0; float:right;}
.social li { float:left; }
.social .icon { display:block; width:40px; height:40px; color:#fff; }
.social .fb { background: #3C589C; }
.social .tw { background: #4991D1; }
.social .li { background: #0097bd; }
.social .p { background: #C42624; }
.social .gplus { background: #323232; }
.social a { text-align:center; padding-top: 9px; font-weight:normal; }
.social a:hover { padding-top: 15px; opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); text-decoration: none; transition:all 0.20s ease-in-out; -webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; }
/* Partners */
#partners { margin-top: 20px; position:relative; z-index:2; }
#partners2 { padding: 20px 0 50px;}
.plist { padding:15px 5px 0px 30px; } 
.plist h2 { margin:0; padding:0 0 20px; text-transform: uppercase; font-size:24px; color:#171717; font-family: 'FuturaBook', Arial, Helvetica, sans-serif;}
.plist ul { list-style:none; display:block; margin:0px; padding:0px; }
.plist li { margin:0px; padding:0px; width:187px; height:90px; display:block; float:left; text-align:center; }
.plist a { float:left; width:150px; height: 70px; margin: 0px 0px 0px 0px; text-align:center; }
.plist a:hover { opacity: 0.9; -webkit-opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); transition:all 0.20s ease-in-out; -webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; }
@media screen and (min-width: 1200px) {
#wrap { background:url("../img/bg_wrap.png") no-repeat center top; }
#wrap2 { background:url("../img/bg_wrap2.png") no-repeat center top;}
}
/* Content text */
.ctext { padding:7px 20px;}
.ctext h1, .ctext h2, .ctext h3, .ctext h4, .ctext h5, .ctext h6 { color:#b60048; text-transform: uppercase;}
.ctext h1 { font-size:24px; }
.ctext h2 { font-size:18px; }

.credit { font-size:12px; color:#f0f0f0; }
@media screen and (max-width: 991px) {
 .logo { float:left; height: 130px; margin-top: 0px; }
 .logo a {  }
 .logo a img { padding-top: 10px; }
 .social { float:right;}
 .social i {color:#fff; }
 header { min-height: 80px; }
 .nav-tabs { padding: 10px 0; min-height:220px; }
/* .video { text-align:center;}*/
 .video img { margin: 20px 0 0; }
 #partners { margin-top:00px; }
 .stickyicons { display:none; position:relative; }
 .nav-tabs > li { text-align:center; }
}
.push { min-height:100%; height:100%; }


#footer .container p { margin:0; padding:0;}
/* Sticky footer icons */
.stickyicons { position:fixed; bottom:47px; right:20px; z-index:20; }
.stickyicons ul { list-style: none; }
.stickyicons li { float:left; margin: 0 5px; }
.projects { padding:10px; }
.whoarewe { padding: 10px 10px 40px; display:block; width:100%;}
.whoarewe:hover { background: #77294C; color:#fff; text-decoration: none; }
.whoarewe, .projects, .projects a { color:#fff; }
.whoarewe, .projects a { text-transform: uppercase; }
.aleft { background:url("../img/arrow_left.png") no-repeat center left; display:block; margin: 0 0 8px; }
.aleft:hover { text-decoration:none; }
.projects a span { background:url("../img/arrow_right.png") no-repeat center right; display:block; }
.whoarewe { background: #91325C; }
.projects { background: #E17C25; }
.projects ul { list-style:none; margin:0; padding:0;}
.projects ul a { color:#221e1e; font-size:11px; text-transform: uppercase;}
.quotes {text-transform: uppercase; }