@font-face {
    font-family: 'Museo';
    font-weight: 100;
    src: url('../fonts/MuseoSans-100.otf') format('opentype');
}
@font-face {
    font-family: 'Museo';
    font-weight: 300;
    src: url('../fonts/MuseoSans-300.otf') format('opentype');
}
@font-face {
    font-family: 'Museo';
    font-weight: 500;
    src: url('../fonts/MuseoSans_500.otf') format('opentype');
}
@font-face {
    font-family: 'Museo';
    font-weight: 700;
    src: url('../fonts/MuseoSans_700.otf') format('opentype');
}
@font-face {
    font-family: 'Museo';
    font-weight: 900;
    src: url('../fonts/MuseoSans_900.otf') format('opentype');
}
a,a:link{color:#585858;transition:all ease 0.3s;}a:hover{color:#506f8f;}
body{font-family: 'Museo',sans-serif;color:#585858;font-weight: 300;font-size:15px;}
.clearfix.dashed{height: 3px;background: url(../images/dashed.png) 2px 0px repeat-x;}
.gray-top{border-top:30px solid #9facc1;}
.solutions .dashed{margin: 46px 0 50px;}
.row.news-title{text-align: center;padding: 50px 30px;background: #9facc1;color: #fff;}
.row.news-title h2{margin:0;font-weight: 300;}
.certificats {margin:0;padding:0;}
.certificats a{padding:5px;display: block;}
.certificats a img{max-width: 150px;max-height: 100px;width: 100%;}

.bx-controls , .bx-controls-direction{position: absolute;bottom:3px;right: 0;width: 134px;display: inline-block;z-index: 1001} 
.bx-controls-direction a{width:65px;height: 75px;background-color: #a0adc1;display: inline-block;text-indent: -9999px;overflow: hidden;background-position: center center;background-repeat: no-repeat;transition: all ease 0.3s;}
.bx-controls-direction a:hover {background-color:#506f8f;}
.bx-prev{background-image:url(../images/prev.png);}
.bx-next{background-image:url(../images/next.png);float: right;}
.footer-logo{display: inline-block;margin-bottom: 25px;}
.row.certificats-row{padding: 30px;}
.footer-row{padding: 0},.footer p{color:#fff;}
.w5{width:50%;float: left;}
/*-------NEW COOKIE------*/
.cookie-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 1%;
    border: 1px solid #242f35;
    overflow-y: auto;
    z-index:1000;
  }
  .cookie-wrapper p {
    color: #242f35;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
  }
  .cookie-wrapper a {
    display: block;
    color: #242f35;
    font-size: 14px;
  }
  .cookie-wrapper a:hover {
    color: #fff;
    background-color: #506f8f;
    border-color: #506f8f;
  }
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 29px;
    top: 10px;
    left: 10px;
  }
  
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider-input {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  
  .slider-input:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  
  input:checked + .slider-input {
    background-color: #506f8f;
  }
  
  input:focus + .slider-input {
    box-shadow: 0 0 1px #506f8f;
  }
  
  input:checked + .slider-input:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider-input.round {
    border-radius: 34px;
  }
  
  .slider-input.round:before {
    border-radius: 50%;
  }
  .onemoguci {
    display: inline-block;
    position: relative;
    top: 15px;
    color: #a09b9b;
  }
  .omoguci {
    margin-left: 20px;
    display: inline-block;
    position: relative;
    color: #a09b9b;
    top: 15px;
  }
  .upravljanje-cookies h3 {
    font-size: 21px;
    font-weight: bold;
    color: #242f35;
  }
  .upravljanje-cookies h4 {
    font-size: 18px;
    font-weight: bold;
    color: #242f35;
    margin: 5px 0;
  }
  .upravljanje-cookies {
    background: #fff;
    box-sizing: border-box;
    padding: 10%;
    display: none;
    border: 1px solid #242f35;
  }
  .header-cookies {
    width: 100%;
    position: relative;
  }
  .header-cookies h2 {
    float: left;
  }
  .header-cookies a {
    float: right;
    position: absolute;
    right: 5px;
    top: 10px;
    right: -25px;
    top: -25px;
    background-color: #242f35;
    padding: 10px;
  }
  .cookies-1,
  .cookies-2 {
    width: 100%;
    margin-bottom: 25px;
  }
  
  .cookie-btn {
    display: inline-block;
    padding: 10px 30px;
    color: #242f35;
    font-weight: bold;
    text-align: center;
    border: 1px solid #242f35;
  }
  .mb15 {
    margin-bottom: 15px;
  }
  a.vise-cookies {
    display: inline-block;
    padding: 5px 10px;
    color: #242f35;
    font-weight: bold;
    text-decoration: underline;
  }
  a.vise-cookies:hover {
    text-decoration: none;
  }
  .cookie-toggle {
    display: inline-block;
    padding: 5px 30px;
    border: 1px solid #242f35;
    margin: 5px 0;
    text-align: center;
  }
  
  @media only screen and (min-width: 25em) {
    /*400px*/
    .cookie-wrapper {
      width: 400px;
    }
  }
  
  /*-------END NEW COOKIE------*/
h2{font-weight: 300;margin-top:0;margin-bottom:20px;}
h3{font-weight: 400;
font-size: 17px;
margin: 0 0 13px}
.distribution-row .clearfix.dashed {margin-bottom: 25px;}
.news-bg.row{
    background-image: url(../images/news-bg.jpg);
background-attachment: fixed;
background-position: -600px bottom;
background-repeat: no-repeat;
position: relative;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.news-bg.success-stories{background: url(../images/succ.jpg) 0px center no-repeat fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.news-bg.row{padding-top: 6%;
padding-bottom: 6%;padding-left: 43%;}


.row.solutions{padding: 5% 40px 5%;background: #fff;}
.solutions .w3 span{font-size: 14px;line-height: 24px;font-weight: 300;color: #777;display:block;}
.solutions .w3 h3{font-weight: 300;font-size: 19px;color: #585858;margin: 40px 0 20px;}
.news-solid{position: absolute;width: 60.9%;top:0;right:0;height: 100%;display: block;background: #f5f6f6;z-index: 1;}
.w5 .bx-wrapper {position: relative;}
.w5 .bx-wrapper .bx-controls{top:-65px;bottom:auto;}
.w5.dist h3{font-weight: 300;font-size: 24px;margin: 0 0 15px;}
.w5.dist{width: 47%;float: right;}
.images img{position: fixed;top: 0;left: 0;min-height: 550px;
min-width: 100%;
height: auto;} .images li {height: 100%;}
.clearfix.dashed.gal{margin-top:50px;}
.header{-webkit-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.08);}
.distributers{margin:0;padding:0;}
.distribution-link{font-weight: 400;
color: #506f8f !important;
font-size: 15px;
margin-top: -10px;
display: inline-block}
.details-date.date{
    display: inline-block;
    padding: 6px 10px;
    background: #eee;
}
.home-txt a{font-weight: 500;font-size: 19px}
.date{font-size: 12px;display: block;line-height: 18px;color: #777;}

.news{margin-bottom: 30px;width: 100%;float: left;clear: both;max-width: 60%;position: relative;z-index: 100;}
.news h3{margin-top: 5px;font-weight: 300;font-size: 21px;margin-bottom: 12px;}
.news p a{color: #506f8f;font-weight: 600;}
.news p{margin-bottom: 30px;}

div .news:last-child .clearfix.dashed{display: none;margin-bottom:0;}
div .news:last-child{margin-bottom:0;}
/**/
.w5.bg{height: 100%;position: absolute;top:0;left:0;position: absolute;z-index: 1;}
.w5.bg.light{left:auto;right:0;}
.dark{background-color:#506f8f;}
.light{background: url(../images/world.jpg) right bottom no-repeat #a0adc1;}
.footer{position: relative;}
.footer .center .w5{padding: 10% 30px 10%;color:#fff;position: relative;}
.footer .bx-controls-direction {bottom: auto;top:0;}

.news-bg .center .news:last-child ,.news-bg .center .news:last-child p{margin-bottom:0;}
.news-bg .center .news:last-child .dashed{display: none;}
.center .distribution-row:last-child .dashed{display: none;}
.cat{display: inline-block;border-bottom: 1px solid #eee;clear: both;}
.distribution-row{width: 100%;float: left;margin-bottom:60px;}

/*.linkovi a{line-height: 19px;font-size: 15px;margin-bottom: 4px;display: inline-block;padding-left:15px;background:url(../images/arrow.png) 3px 5px no-repeat;transition: all ease 0.1s;}
.linkovi a:hover{background:url(../images/arrow.png) 5px 5px no-repeat;transition: all ease 0.1s;color: #506f8f;}
.linkovi{display: block;margin-bottom: 15px;}*/
/*.linkovi .span{width: 100%;
display: inline-block;padding-left: 15px;
background: url(../images/square.jpg) 5px 10px no-repeat;}*/
.txt div p a{padding-left:15px;background:url(../images/arrow.png) 3px 5px no-repeat;transition: all ease 0.1s;}
.footer .distribution-link {background:url(../images/link.svg) left center no-repeat; padding-left: 20px;color:#fff !important;float: none; }
.not-ready .row.certificats-row{opacity: 0;border-top:0 none;transition: all ease 0.2s;height:1px;padding: 0px 30px;}.row.certificats-row{opacity: 1;height: 236px;transition: all ease 0.2s;padding: 48px 30px;}

.mask-left{position: absolute;height: 100%;left:0;top:0;width:165px;z-index: 100;}
.mask-right{position: absolute;height: 100%;right:0;top:0;width:165px;z-index: 100;}
.logo-img{float: left;max-width: 200px;margin-top: 40px;}
.txt-img{float: right;
margin-bottom: 20px;
margin-left: 4%;
max-width: 34%;
width: auto;
margin-top: 9px;}
.txt p, .txt li{font-size: 15px;color: #777;line-height: 25px;}
.txt ul{margin: 0;padding: 0;list-style-type: none;margin-bottom: 15px;}
.txt li{padding-left: 15px;background: url(../images/square.jpg) 5px 10px no-repeat;}

.gallery a{width:23%;margin:0.5% 1%;float: left;display: block;}
.gallery-frame{width: 102%;
margin-left: -1%;
margin-top: 30px;}
.txt ul.boxes{display: block;
text-align: center;
margin: 20px auto;float: left;
width: 100%;
list-style-type: none;
padding: 20px 0 0;}
.dashed.m-top{margin-top: 70px;}
.box{vertical-align: middle;overflow: hidden;position: relative;margin:10px 0;}
.box a{position: relative;font-weight: 300;font-size: 14px;float: left;color: #506f8f!important;
overflow: hidden;}
.copy.row{padding-top: 10px;}
.frame{display: block;}

.single-fixed{min-width: 412px;}

.footer h4{margin-bottom: 6px;}
.footer .center .w5 p{color: #fff;}
.footer a,.footer a:link {color: #fff; transition: all ease 0.3s;}

.txt li.box {padding-left: 0px;background: url(../images/arrow-btn.png) -5px center no-repeat;float: left;max-width: 168px;padding-left: 16px;}
.txt li.box a{transition: all ease 0.3s;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;background: #a0adc1;border: 2px solid #bcc5d3;color: #fff !important;line-height: 17px;display: table-cell;text-align: center;height: 72px;vertical-align: middle;float: none;max-width: 152px;padding: 0 18px;}


.txt .boxes li:first-child{background: transparent;padding-left: 0;}
.txt li.box a.active, .txt li.box a:hover{background: #506f8f;}


.puzzles{display: block;width: 100%;margin: 60px auto 70px;max-width: 530px;}
.puzzles a{width:33%;float: left;margin:0.165%;position: relative;display: block;}
.puzzles a svg{z-index: 1;width:100%;position: absolute;top:0;left:0;}
#puzz2{width: 133.5%;margin-left: -33%;}
#puzz3{left: 0;width: 131.2%;top: 0;z-index: 1;margin-left: -32%;}
#puzz4{margin-top: -31%;z-index: 100;}
#puzz5{width: 168.4%;margin-left: -33.1%;margin-top: -34%;z-index: 100;}
#puzz6 {width: 97.5%;right: auto;left: 0;top: 0;z-index: 100;margin-top: 1.5%;margin-left: 1%;}
#puzz7{width: 132%;margin-top: 3%;}
#puzz8{width: 136.6%;margin-top: 2.6%;margin-left: -1%;}
#puzz9 {margin-top: -33%;width: 98%;margin-left: 1%;}

#puzz1 path ,#puzz3 path ,#puzz5 path ,#puzz7 path ,#puzz9 path  {
    fill:#506f8f;width: 100%;transition:all ease 0.3s;
}
#puzz2 path ,#puzz4 path ,#puzz6 path ,#puzz8 path {
    fill:#a0adc1;width: 100%;transition:all ease 0.3s;
}
.not-ie .puzzles a svg {height: auto;}
.puzz1:hover #puzz1 path , .puzz3:hover #puzz3 path  ,.puzz7:hover #puzz7 path ,.puzz9:hover #puzz9 path{
    fill:#3a5c7e;width: 100%;
}

.puzz2:hover #puzz2 path , .puzz4:hover #puzz4 path  ,.puzz6:hover #puzz6 path{
    fill:#3a5c7e;width: 100%;
}

.puzz1 span{
    width: 60px;
    margin-left: 12%;
    margin-top: 35%;
}
.puzz3 span{
    width: 70px;margin-top: 35%;
    margin-left: 12%;right: 21%;
}
.puzz2 span{
    width: 60px;
    margin-left: 12%;
    margin-top: 37%;
}
.puzz4 span{
    width: 60px;
    margin-left: 12%;
    margin-top: 42%;
}
.puzzles .puzz5 span{
    width: 100%;text-align: center;
    margin-left: 0;text-transform:uppercase;font-size: 32px;
    margin-top: 42%;
}
.puzz6 span{
margin-left: 12%;
margin-top: 40%;
max-width: 104px;
right: 1%;
}
.puzz7 span{
margin-left: 12%;margin-top: 47%;
max-width: 93px;
}
.puzz8 span{
    width: 60px;
    margin-left: 42%;margin-top: 47%;
}
.puzz9 span{
    width: 60px;
    margin-left: 42%;
    margin-top: 43%;
}
.puzzles a span{
    position: absolute;z-index: 101;color:#fff;font-size: 15px;
}

.ie .puzzles{margin:0px auto 70px}
.ie #puzz3 {top:-9%;}
.ie #puzz4{margin-top: -48%;}
.ie #puzz5{margin-top: -51%;}
.ie #puzz9{margin-top: -41%;}

.ie .puzz1 span{margin-top: 57%;}
.ie .puzz2 span{margin-top: 62%;}
.ie .puzz3 span{margin-top: 57%;}
.ie .puzz4 span{margin-top: 62%;}
.ie .puzz5 span{margin-top: 60%;}
.ie .puzz6 span{margin-top: 57%;}
.ie .puzz7 span{margin-top: 66%;}
.ie .puzz8 span{margin-top: 70%;}
.ie .puzz9 span{margin-top: 70%;}


.ie img[src$=".svg"] {width: 100%; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ie img[src$=".svg"] {
    width: 100%; 
  }
}
@media screen and (max-width: 1500px){
    .news{max-width: 98%;}
}
@media screen and (max-width: 1230px){
    .news-solid {width: 83.9%;}
    .news-bg.row {padding-left: 22%;}
}
@media screen and (min-width: 960px){
	.row.certificats-row{padding: 48px 30px;
		overflow: hidden;
	}
}
@media screen and (max-width: 1170px){
    .nav-toggle{width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    background: url(../images/nav-toggle.png) center center no-repeat #a0adc1;
    top: 21px;
    left: 190px;}

    .row.image-frame {
        height: auto;
    }
    .image-frame h1 {
        position: relative !important;
        bottom: 0px !important;
        padding: 30px 0;
    }
}

@media screen and (max-width: 800px){
    .center .w3 {
        width: 100%;
        margin: 1% 0% 26px;height: auto!important;
    }
    .solutions .dashed {
        display: none;
    }   
    .row.animation {
        height: 230px;
    }
    .w3{text-align: left;}
    .w3 img{max-width: 48%;margin-right: 25px;float: left;}
    .solutions .w3 h3 {
        margin: 0px 0 10px;
    }
    .row.solutions {
        padding: 30px 30px 30px;
    }
    .solutions .w3 span {line-height: 22px;}
    
}
@media screen and (max-width: 700px){
    .footer .center .w5{
        width: 100%;

    }
    .image-frame h1 {
font-size: 20px;}

    .footer .w5 {
        width: 100%;
    }
    .footer.row {
        position: relative;
        padding:0;
    }

}
@media screen and (max-width:600px){
.txt p, .txt li{font-size: 13px;color: #777;line-height: 22px;}
    .footer-logo {
    max-width: 138px;
}
    .frame{}
    .news-solid{display: none;}
    .news-bg.row {
        padding-left: 40px;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }
    .frame {
        display: block;
        float: left;
        background: #fff;
        padding: 30px;
        max-width: 93%;
        float: right;
    }
    .animation .slide-title h2 {
        height: auto;
        background: #506f8f;
        color: #fff;
        padding: 10px 15px;
        margin: 0;
        font-weight: 100;
        font-size: 16px;
    }
    .row p {
        font-size: 13px;
        margin: 0 0 15px;
        line-height: 22px;
    }
    .linkovi a,.linkovi .span {font-size: 13px;}

    .frame .news h3 {font-size: 16px;}
    .animation .slide-title {right: 5px;}
    .w5.contact-w5{background-color: #506f8f;}
    .txt li.box a {
		text-align: left;
	}
	.txt li.box {
		width: 100%;max-width: 100%;
	}
}
@media screen and (max-width: 600px){
    .nav-toggle {
        left: 141px;
    }
    .clearfix.dashed.gal{margin-top:30px;}
    .distribution-row .w5{width:100%;margin-bottom: 30px;}
    .puzzles a span {font-size: 12px;}
    .puzz1 span {margin-top: 27%;}
    .puzz3 span {margin-top: 29%;right: 4%;}
	.puzzles .puzz5 span {margin-top: 29%;}
	.puzz6 span {margin-left: 9%;margin-top: 33%;max-width: 104px;right: 1%;}
	.puzz7 span {margin-top: 38%;}
	.puzz8 span {margin-left: 22%;margin-top: 45%;}
	.puzz9 span {width: 60px;margin-left: 13%;margin-top: 46%;}

	.bx-controls-direction a {width: 38px;height: 44px;}
	.bx-controls, .bx-controls-direction {
	    width: 87px;
	    padding-top: 13px;
	    right: -10px;
	}
	body{font-size:15px;}
}
@media screen and (max-width: 500px){
    .gallery a {
        width: 48%;
    }
}
@media screen and (max-width: 400px){
    .w3 img {
        max-width: 100%;
        margin-right: 0;
        float: left;
        margin-bottom: 20px;
    }
    .txt .txt-img {
        max-width: 100%;
        margin-right: 0;
    }
}



.txt a{color: #506f8f;}