* {
    outline:none !important;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-bottom: none;
    border-top-color: #ededed!important;
}

p.spisak {
    color: #bfbdbd;
    font-weight: 400;
}
.dionica {
    font-size: 11px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    line-height: 5px;
    background-size: 13px;
    background-position-x: 227px;
    background-position-y: 14px;
    background-repeat: no-repeat;
}
.dionica1 {
    font-size: 11px;
    font-weight: bold;
    padding-top: 0px;
    padding-left: 20px;
    line-height: 5px;
    background-size: 13px;
    background-position-x: 227px;
    background-position-y: 14px;
    background-repeat: no-repeat;
    margin-top: 13px;
    float: left;
}

.small150 {
    background-position: -3281px -1px!important;
    width: 39px!important;
    height: 39px!important;
}

.fad150 {
    background-position: -3279px 0px!important;
    opacity: 1;
    width: 40px!important;
    height: 40px!important;
}

#hotspot86{
    display:none;
}

body{
    margin:0;
    padding:0;
    font-family: 'Quicksand', sans-serif;
    background-color: #ce8928;
    overflow:hidden;
}

.let-it-snow {
        		width: 100%;
        		height: 100%;
        		float: left;
        		background: #001e28;
        	}
div.hotspot{
    cursor: pointer;
}

.vbox-container{
	left:none!important;
}
.vbox-close {
    cursor: pointer;
    position: fixed;
    top: 0px;
    right: 0;
    width: 50px!important;
    height: 50px!important;
    padding: 6px!important;
    display: block;
    background-position: 10px center;
    overflow: hidden;
    font-size: 33px!important;
    line-height: 1;
    text-align: center;
    z-index: 1050;
	    color: rgb(0, 119, 181)!important;
    background-color: rgb(29, 200, 255)!important;
}


.mapboxgl-ctrl-bottom-left {
    bottom: 0;
    left: 0;
    display: none!important;
}

.mapboxgl-popup{
    z-index:4000;
    min-height: 300px;
}
.mapboxgl-popup-close-button{
    display:none;
}

#copyRightStatement{
    position: absolute;
    right: 6px;
    font-family: 'Fira Sans', sans-serif;
    bottom: 2px;
    width: 323px;
    z-index: 999;
    background: rgba(255, 255, 255, 0.7);
    font-size: 9px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    font-weight: 400;
    color: #868686;
    border-radius: 13px;
}
#copyRightStatement a{
 font-weight: 100;
    color: #736fff;
     font-weight: 400;  
    text-decoration: none;
}
#copyRightStatement :hover{

    font-weight: 400;
    color: #3c56e3;
}

/*ScrollBar*/

#streetList::-webkit-scrollbar {
   background-color: #3a65ea!important;
    width: 8px;
}

/* background of the scrollbar except button or resizer */
#streetList::-webkit-scrollbar-track {
    background-color:#2e6cf1;
}
#streetList::-webkit-scrollbar-track:hover {
    background-color:#3a65ea;
}

/* scrollbar itself */
#streetList::-webkit-scrollbar-thumb {
 background-color: #00a8ff;
    border-radius: 5px;
    height: 36px;
}
#streetList::-webkit-scrollbar-thumb:hover {
   background-color: #44bfff;
    border-radius: 5px;
    height: 36px;
}

/* set button(top and bottom of the scrollbar) */
#streetList::-webkit-scrollbar-button {display:none;}

/* div box */

#streetList {
    height: 75vh;
    width: 25vw;
    min-width: 150px;
    background: #fff;
    overflow-y: scroll;}





/* pretraga */
#resultsc .body  {
    height: 670px;
    width: 276px;
    min-width: 150px;
    background-color: rgba(255,255,255,0.9);
    overflow-y: scroll;overflow-x: hidden;}

#resultsc .body::-webkit-scrollbar {
   background-color: #3a65ea!important;
    width: 8px;
}

/* background of the scrollbar except button or resizer */
#resultsc .body::-webkit-scrollbar-track {
    background-color:#f1efef;
}
#resultsc .body::-webkit-scrollbar-track:hover {
    background-color:#f9f3f3;
}

/* scrollbar itself */
#resultsc .body::-webkit-scrollbar-thumb {
 background-color: #00a8ff;
    border-radius: 5px;
    height: 36px;
}
#resultsc .body::-webkit-scrollbar-thumb:hover {
   background-color: #44bfff;
    border-radius: 5px;
    height: 36px;
}

/* set button(top and bottom of the scrollbar) */
#resultsc .body::-webkit-scrollbar-button {display:none;}

/* div box */


#resultst .body  {
    height: 670px;
    width: 276px;
    min-width: 150px;
    background-color: rgba(255,255,255,0.9);
    overflow-y: scroll;overflow-x: hidden;}

#resultst .body::-webkit-scrollbar {
   background-color: #3a65ea!important;
    width: 8px;
}

/* background of the scrollbar except button or resizer */
#resultst .body::-webkit-scrollbar-track {
    background-color:#f1efef;
}
#resultst .body::-webkit-scrollbar-track:hover {
    background-color:#f9f3f3;
}

/* scrollbar itself */
#resultst .body::-webkit-scrollbar-thumb {
 background-color: #00a8ff;
    border-radius: 5px;
    height: 36px;
}
#resultst .body::-webkit-scrollbar-thumb:hover {
   background-color: #44bfff;
    border-radius: 5px;
    height: 36px;
}

/* set button(top and bottom of the scrollbar) */
#resultst .body::-webkit-scrollbar-button {display:none;}




/* JEZIK*/

.swanky {
float: left;
    max-width: 250px;
    display: block;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 16px;
    background: #4c87ff;
    color: #fff;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    padding: 10px 10px;
    min-width: 80px;
    margin: 7px 8px 0 0;
    font-size: 10px;
    font-weight: 600;
	cursor: pointer!important;
}

.swanky_title {
  float: right;
  text-align: left;
  width: 400px;
  color: white;
  position: relative;
  top: 70px;
}
.swanky_title__social a {
  position: relative;
  overflow: hidden;
  width: 140px;
  margin-right: 15px;
  text-decoration: none;
  padding: 0px 0px 5px 0px;
  height: 40px;
  border: 2px solid white;
  float: left;
  color: white;
  font-size: 12px;
  font-weight: 400;
  margin-top: 20px;
}
.swanky_title__social a .slide {
  height: 45px;
  width: 100px;
  float: left;
  position: absolute;
  -webkit-transform: skew(20deg);
          transform: skew(20deg);
  left: -120px;
  transition-property: left;
  transition-duration: .2s;
  background: white;
}
.swanky_title__social a .slide .arrow {
  position: absolute;
  right: 31px;
  top: 24px;
  opacity: 0;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
}
.swanky_title__social a .slide .arrow .stem {
  width: 10px;
  height: 2px;
  background: #858490;
}
.swanky_title__social a .slide .arrow .point {
  width: 6px;
  height: 6px;
  border-right: 2px solid #858490;
  top: -3px;
  right: 1px;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 2px solid #858490;
}
.swanky_title__social a img {
  width: 16px;
  margin-left: 10px;
  position: relative;
  margin-right: 8px;
  transition-property: margin-left;
  transition-duration: .1s;
  margin-top: 10px;
  top: 4px;
}
.swanky_title__social a:hover > .slide {
  left: -70px;
  transition-property: left;
  transition-duration: .1s;
}
.swanky_title__social a:hover > img {
  margin-left: 40px;
  transition-property: margin-left;
  transition-duration: .1s;
}
.swanky_title__social a:hover > .slide .arrow {
  right: 11px;
  opacity: 1;
  transition-property: right,opacity;
  transition-delay: .07s;
  transition-duration: .2s;
}
.swanky .intro {
  float: right;
  color: white;
  width: 370px;
  top: 50px;
  position: relative;
}
.swanky .intro h1 {
  text-shadow: 0px 2px rgba(0, 0, 0, 0.26);
}
.swanky .intro p {
  line-height: 20px;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.26);
}
.swanky_wrapper {
  width: 95px;
  height: auto;

}
.swanky_wrapper input[type='radio'] {
  display: none;
}
.swanky_wrapper label {
padding: 6px;
    float: left;
    height: 10px;
    position: relative;
    width: 100%;
    color: #ffffff;
    transition: text-indent .15s, height .3s;
    box-sizing: border-box;
	cursor: pointer!important;
}
.swanky_wrapper label img {
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: 16px;
}
.swanky_wrapper label span {
  position: relative;
  top: -6px;
}
.swanky_wrapper label:hover {

  text-indent: 4px;
}
.swanky_wrapper label:hover .bar {
  width: 100%;
}
.swanky_wrapper label .bar {
  width: 0px;
  transition: width .15s;
  height: 2px;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
}
.swanky_wrapper label .lil_arrow {
  width: 5px;
  height: 5px;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid white;
  border-right: 2px solid white;
  float: right;
  position: relative;
    top: -4px;
    right: 0px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.swanky_wrapper__content {
  position: absolute;
  display: none;
  overflow: hidden;
  left: 0;
  width: 100%;
}
.swanky_wrapper__content ul {
-webkit-padding-start: 0px!important;
	padding-left: 0px!important;
}
.swanky_wrapper__content li {
  width: 100%;
  opacity: 0;
  left: -100%;
  /*background: #15a4fa;*/
  padding: 10px 0px;
  text-indent: 10px;
  box-shadow: 0px 0px #126CA1  inset;
  transition: box-shadow .3s,text-indent .3s;
  position: relative;
	  list-style-type: none;

}
.swanky_wrapper__content li:hover {
	border-radius: 16px;
  background: #3470eb;
  box-shadow: 3px 0px #7fa9ff  inset;
  transition: box-shadow .3s linear,text-indent .3s linear;
  text-indent: 31px;
	  list-style-type: none;

}
.swanky_wrapper__content .clear {
  clear: both;
}

#changeLang li{
    cursor: pointer;
}

input[type='radio']:checked + label .swanky_wrapper__content {
  display: block;
  top: 17px;
}

input[type="radio"]:checked + label > .lil_arrow {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: 2px solid #2c6bea;
  border-right: 2px solid #1656d8;
}

input[type='radio']:checked + label {
  height: 150px;
  text-indent: 4px;
  transition-property: height;
  transition-duration: .6s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

input[type='radio']:checked + label .bar {
  width: 0;
}

input[type='radio']:checked + label li:nth-of-type(1) {
  -webkit-animation: in 0.15s 0.575s forwards;
          animation: in 0.15s 0.575s forwards;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation: in 0.15s 0.575s forwards;
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
select:checked + label option:nth-of-type(1) {
  -webkit-animation: in 0.15s 0.575s forwards;
          animation: in 0.15s 0.575s forwards;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation: in 0.15s 0.575s forwards;
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
input[type='radio']:checked + label li:nth-of-type(2) {
  -webkit-animation: in 0.15s 0.7s forwards;
          animation: in 0.15s 0.7s forwards;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation: in 0.15s 0.7s forwards;
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
input[type='radio']:checked + label li:nth-of-type(3) {
  -webkit-animation: in 0.15s 0.825s forwards;
          animation: in 0.15s 0.825s forwards;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation: in 0.15s 0.825s forwards;
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
input[type='radio']:checked + label li:nth-of-type(4) {
  -webkit-animation: in 0.15s 0.95s forwards;
          animation: in 0.15s 0.95s forwards;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation: in 0.15s 0.95s forwards;
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@-webkit-keyframes in {
  from {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

@keyframes in {
  from {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

input[type=text], textarea {
  -webkit-transition: all 0.20s ease-in;
  -moz-transition: all 0.20s ease-in;
  -ms-transition: all 0.20s ease-in;
  -o-transition: all 0.20s ease-in;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus {
box-shadow: 4px 3px 13px rgba(60, 246, 255,0.8);
    padding: 3px 0px 3px 3px;
    margin: 0px 3px 0px 3px;
    height: 28px!important;
  border: 1px solid rgba(81, 203, 238, 1);
}
#map{
    position:absolute;
    top:0px;
    bottom:0;
    left:0;
    right:0;
    z-index: 2;
    background-color: #f6a633;
}

.DirectionsCircle{
	background-color: rgba(255, 255, 255, 0.1);
}

#map.showMapillary{
    right:50%;
}

#subLeftMenu{
    position: absolute;
    display:none;
    top:0;
    left:261px;
    right:0;
    bottom:0;
    width:261px;
    z-index: 2010;
    overflow: hidden;
    background-color: #1656d8;
    -webkit-transform: translate3d(-261px,0,0);
    transform: translate3d(-261px,0,0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

#addObjectHeader{
    position: relative;
    display:block;
    width:100%;
    height:42px;
    float:left;
    background-color: #03a9f3;
    text-align: left;
}

#addObjectHeader span{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: bold;
    font-size:10px;
    color:#e5f4fc;
    position: relative;
    display: block;
    float: left;
    margin-left: 16px;
    margin-top: 16px;
    line-height: 120%;
    text-align: left;
}

#addObjectMSG{
    position: relative;
    display:block;
    width:218px;
    height:55px;
    float:left;
    padding-left:48px;
    padding-right:26px;
    padding-top:17px;
    background-color: #039be5;
    border-bottom: 1px solid #0f87cd;
    text-align: left;
    background-image: url('/look/images/biznisman2.png');
    background-position: 8px 9px;
    background-repeat: no-repeat;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color:rgba(255,255,255,0.7);
    line-height: 120%;
}

#addObjectListType{
    position: relative;
    display:block;
    width:263px;
    height:29px;
    float:left;
    padding-left:16px;
    padding-right:13px;
    padding-top:21px;
    background-color: #1797da;
    border-bottom: 1px solid #0f87cd;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 9.14px;
    font-weight: normal;
    color:#ffffff;
    line-height: 120%;
    background-image: url("/look/images/opendown.png");
    background-position: right 14px center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#linkUsloviKoristenja{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 9.14px;
    font-weight: normal;
    color:#ffffff;
    line-height: 100%;
    text-align: left;
    padding-left: 16px;
    padding-right: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    display:block;
    float:left;
}

#addObjectSend{
    position: relative;
    display:block;
    border:0;
    padding:0;
    margin:0;
    width:100%;
    height:25px;
    float:left;
    padding-top:25px;
    padding-bottom:10px;
    background-color: #64dd17;
    text-align: center;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#e5f4fc;
    line-height: 120%;
    cursor: pointer;
}

#draggableMarker{
    display:block;
    width:24px;
    height:34px;
    background-image: url("/look/images/addobjectmarker.png");
    background-position: left top;
    background-repeat: no-repeat;
}

/* Let's get this party started */
#usloviKoristenja div.scrollContainer::-webkit-scrollbar {
    width: 4px;
}

/* Track */
#usloviKoristenja div.scrollContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(187,187,187,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
#usloviKoristenja div.scrollContainer::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(17,94,142,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(187,187,187,0.3);
    height:200px;
}
#usloviKoristenja div.scrollContainer::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(17,94,142,0.3);
}

#addObjectListTypeSub{
    width: 100%;
    padding:0;
    margin:0;
    list-style: none;
    max-height: 0;
    overflow: hidden;
    display: block;
    float: left;
    z-index: 1;
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

#addObjectListTypeSub.active{
    max-height: 500px;
    opacity: 1;
}

#addObjectListTypeSub li{
    padding: 0;
    margin: 0;
    border: 0;
    width: 280px;
    height: 23px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #439DD3;
    border-top: 1px solid #0b80c7;
    overflow: hidden;
    border-bottom: 1px solid #0b80c7;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: lighter;
    line-height: 120%;
    font-size: 9.77px;
    color: #FFFFFF;
    text-transform: none;
    background-image: url("/look/images/unselectedCategory.png");
    background-position: right 6px top 7px;
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-top: 12px;
    text-align: left;
    cursor:pointer;
}

#addObjectListTypeSub li.active, #addObjectListTypeSub li:hover{
    background-image: url("/look/images/selectedCategory.png");
    background-position: right 6px top 7px;
    background-repeat: no-repeat;
}

#usloviKoristenja{
    display:none;
    width:1050px;
    float:left;
    background-image: url("/look/images/biznesmen.png");
    background-position: left top;
    background-repeat: no-repeat;
}
#usloviKoristenja div{
    color:#fefefe;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    width:1050px;
    display: block;
}
#usloviKoristenja div.scrollContainer{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    width:1050px;
    display: block;
}

#usloviKoristenja h1{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 40.58px;
    color: #FEFEFF;
    line-height: 96%;
    margin-left: 76px;
    margin-top: 50px;
    margin-bottom: 50px;
}

input.styledInput{
    position: relative;
    display:block;
    border:0;
    padding:0;
    margin:0;
    width:263px;
    height:30px;
    float:left;
    padding-left:16px;
    padding-right:13px;
    padding-top:10px;
    padding-bottom:10px;
    background-color: #3592ca;
    border-bottom: 1px solid #0f87cd;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 9.14px;
    font-weight: normal;
    color:#ffffff;
    line-height: 100%;
    cursor: pointer;
}

input.styledInput::-webkit-input-placeholder{
    color:#ffffff;
}

textarea.styledInput::-webkit-input-placeholder{
    color:#ffffff;
}

textarea.styledInput{
    position: relative;
    display:block;
    border:0;
    padding:0;
    margin:0;
    width:263px;
    height:100px;
    float:left;
    padding-left:16px;
    padding-right:13px;
    padding-top:10px;
    padding-bottom:10px;
    background-color: #3592ca;
    border-bottom: 1px solid #0f87cd;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 9.14px;
    font-weight: normal;
    color:#ffffff;
    line-height: 100%;
    cursor: pointer;
}

#subLeftMenuAddObjectCancel{
    position: relative;
    display: block;
    float: right;
    margin-right: 11px;
    margin-top: 11px;
    cursor: pointer;
}

#subLeftMenuAddObject{
    position: absolute;
    display:none;
    top:0;
    left:261px;
    right:0;
    bottom:0;
    width:261px;
    z-index: 2010;
    overflow: hidden;
    background-color: #1656d8;
    -webkit-transform: translate3d(-261px,0,0);
    transform: translate3d(-261px,0,0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

#eventsContainer{
    position: absolute;
    display:block;
    top:108px;
	width: 276px;
    left:0;
    right:0;
    bottom:0;
    z-index: 2010;
    overflow-x:hidden;
    overflow-y: scroll;
}

#eventsContainer::-webkit-scrollbar {
    width: 2px;
}

#eventsContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 1px;
}

#eventsContainer::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#eventsContainer::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #3571eb;
}

#eventsContainer::-webkit-scrollbar
{
    width: 3px;
    background-color: #3571eb;
}

#eventsContainer::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #0cabfd;
}

#eventsHeader{
    position: absolute;
    display:block;
    top:0;
    left:0;
    right:0;
    height:108px;
    z-index: 2010;
    overflow:hidden;
    background-color: #1b45c5;
}

#eventsContainer div.eventElement{
    display:block;
    float:left;
    width:100%;
    height:140px;
    overflow: hidden;
    position:relative;
    background-image: url('/look/events/DesavanjaDefault.jpg');
    background-size:100% 100%;
	 transition: transform .4s; /* Animation */

}

#eventsContainer div.eventElement:hover {
    transform: scale(1.04); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


#eventsContainer div.eventElement span.cat{
    display:block;
    position: absolute;
    height:7px;
    min-width:45px;
    left:10px;
    top:10px;
    border-radius: 5px;
    padding:7px;
    color:#ffffff;
    background-color:#000000;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 8px;
    text-align: left;
    font-weight:bold;
    line-height: 85%;
    text-transform: uppercase;
    z-index: 10;
}

#eventsContainer div.eventElement span.title{
    display:block;
    position: absolute;
    height:13px;
    width:240px;
    left:10px;
    top:90px;
    z-index: 10;
    color: #ffffff;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: lighter;
    text-align: left;
    text-transform: uppercase;
    overflow: hidden;
}

#eventsContainer div.eventElement span.object{
    display:block;
    position: absolute;
    height:10px;
    width:240px;
    left:10px;
    top:106px;
    color: #2a98ff;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 9px;
    line-height: 100%;
    font-weight: lighter;
    text-align: left;
    overflow: hidden;
    z-index: 10;
	font-weight: 700;
}

#eventsContainer div.eventElement span.eventtime{
    display:block;
    position: absolute;
    height:9px;
    width:240px;
    left:10px;
    top:120px;
    z-index: 10;
    color: #ffffff;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 9px;
    line-height: 100%;
    font-weight: lighter;
    text-align: left;
    overflow: hidden;
	font-weight: 600;
    opacity: 0.9;
}

#eventsContainer div.eventElement div.shodaw{
    position: absolute;
    display: block;
    height: 140px;
    left: -12px;
    top: 0;
    right: 0;
    opacity: 1;
    cursor: pointer;
    z-index: 8;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(/look/images/shadow.png);
}

#eventsTitle{
    display: block;
    width:226px;
    overflow: hidden;
    position: relative;
    height: 25px;
    background-color: #1656d8;
    padding-left:35px;
    padding-top:15px;
    color:#8fb0f5;
    font-size:12px;
    background-image: url('/look/images/eventsCal.png');
    background-position: 17px 15px;
    background-repeat: no-repeat;
}

#eventsTitle #cancelEvent{
    display: block;
    position:absolute;
    right:14px;
    top:14px;
    cursor: pointer;
    color:#ffffff;
    width:14px;
    height:14px;
    font-weight: bold;
	 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
#eventsTitle #cancelEvent:hover{
 -moz-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);

}


#eventsDates{
    display: block;
    width:100%;
    overflow: hidden;
    position: relative;
    height: 66px;
    background-color: #1b45c5;
    border-bottom: 1px solid #00a8ff;
}

#eventsDates #dayArrowL{
    display: block;
    width:35px;
    height:51px;
    float: left;
    text-align: center;
    cursor: pointer;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    color: #ffffff;
    padding-top: 19px;
		 transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.3s ease-in-out; /** Firefox **/
    -o-transition: all 0.3s ease-in-out; /** Opera **/
}
#eventsDates #dayArrowL:hover{
	transform: translate(-3px,0px);
    -webkit-transform: translate(-3px,0px);
    -o-transform: translate(-3px,0px); 
    -moz-transform: translate(-3px,0px);
}	
#eventsDates #dayArrowR{
    display: block;
    width:35px;
    height:51px;
    float: right;
    text-align: center;
    cursor: pointer;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    color: #ffffff;
    padding-top: 19px;
	 transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.3s ease-in-out; /** Firefox **/
    -o-transition: all 0.3s ease-in-out; /** Opera **/
}
#eventsDates #dayArrowR:hover{
transform: translate(3px,0px);
    -webkit-transform: translate(3px,0px);
    -o-transform: translate(3px,0px); 
    -moz-transform: translate(3px,0px);
}

#daysSliderContainer{
    display: block;
    overflow: hidden;
    position: relative;
    height: 66px;
    float:left;
    width: 191px;
}

#daysSlider{
    position: relative;
    display: block;
    float: left;
    transition: all 0.5s;
}

#eventsDates div.day{
    display: block;
    width:37.285714285714286px;
    height:70px;
    float: left;
    text-align: center;
    cursor: pointer;
	 transition: transform .2s; /* Animation */

}

#eventsDates div.day.active{
           height: 58px;
    border-radius: 6px;
    background-image: linear-gradient(transparent 29px, #5ce1b5 23px);
}
#eventsDates div.day:hover{
           height: 66px;

    background-color: #355dd6;
	 -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

#eventsDates div.day span.weekDay{
    display: block;
    width: 100%;
    text-align: center;
    margin-top:10px;
    height:7px;
    font-size: 9px;
    line-height: 100%;
    text-transform: uppercase;
    color:#4f7afd;
	font-weight: 900;
}

#eventsDates div.day span.dayDate{
    display: block;
    width: 100%;
    text-align: center;
    margin-top:17px;
    height:8px;
    font-size: 9px;
    line-height: 100%;
    text-transform: uppercase;
    color:#ffffff;
}

#eventsDates div.day span.month{
    display: block;
    width: 100%;
    text-align: center;
    margin-top:5px;
    height:7px;
    font-size: 8px;
    line-height: 100%;
    text-transform: uppercase;
    color:#ffffff;
	opacity: 0.7;
}


.sidenav{
    position: fixed;
    top:43px;
    bottom:0;
    width:260px;
    z-index: 2000;
    overflow: hidden;
    background-color: #1656d8;
    -webkit-transform: translate3d(-261px,0,0);
    transform: translate3d(-261px,0,0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.sidenav.active{
    background-color:rgba(254, 254, 254, 0.85);
}

.show-menu1 .sidenav {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#detailedBar{
    position:relative;
    z-index:2000;
    width:210px;
    height:auto;
    overflow-x: hidden;
    transition: 0.5s;
    border-radius: 13px;
}

#mapillaryCloseShare{
    width:165px;
    height:62px;
    display: block;
    overflow: hidden;
    background-image: url("/images/mapillaryCloseShare.png");
    background-repeat: no-repeat;
    background-position: left top;
    position:absolute;
    top:0;
    left:0;
    z-index:30;
}

#krpanoCloseShare{
    width:165px;
    height:62px;
    display: block;
    overflow: hidden;
    background-image: url("/images/mapillaryCloseShare.png");
    background-repeat: no-repeat;
    background-position: left top;
    position:absolute;
    top:0;
    left:0;
    z-index:30;
    transform: unset;
}

#krpanoCloseShareEn{
    width:165px;
    height:62px;
    display: block;
    overflow: hidden;
    background-image: url("/images/mapillaryCloseShareEn.png");
    background-repeat: no-repeat;
    background-position: left top;
    position:absolute;
    top:0;
    left:0;
    z-index:30;
}

#mapillaryClosebt{
    display: block;
    float: right;
   width: 10px;
    height: 11px;
    cursor: pointer;
    margin-top: 25px;
    margin-right: 11px;
-webkit-animation: spin2 0.2s  linear;
-moz-animation: spin2 0.2s  linear;
-o-animation: spin2 0.2s  linear;
-ms-animation: spin2 0.2s  linear;
animation: spin2 0.2s  linear;
}
#mapillaryClosebt:hover{
-webkit-animation: spin1 0.2s  linear;
-moz-animation: spin1 0.2s  linear;
-o-animation: spin1 0.2s  linear;
-ms-animation: spin1 0.2s  linear;
animation: spin1 0.2s  linear;
    display: block;
	margin-top: 25px;
    margin-right: 11px;
}

@-webkit-keyframes spin2 {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(-180deg);}
}
@-moz-keyframes spin2 {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(-180deg);}
}
@-o-keyframes spin2 {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(-180deg);}
}
@-ms-keyframes spin2 {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(-180deg);}
}
@-keyframes spin2 {
0% { transform: rotate(0deg);}
100% { transform: rotate(-180deg);}
} 


@-webkit-keyframes spin1 {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(180deg);}
}
@-moz-keyframes spin1 {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(180deg);}
}
@-o-keyframes spin1 {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(180deg);}
}
@-ms-keyframes spin1 {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(180deg);}
}
@-keyframes spin1 {
0% { transform: rotate(0deg);}
100% { transform: rotate(180deg);}
} 
#krpanoClosebt{
    display: block;
    float: right;
    width: 10px;
    height: 11px;
    cursor: pointer;
    padding: 10px;
    margin-top: 16px;
    margin-right: 4px;
-webkit-animation: spin2 0.2s  linear;
-moz-animation: spin2 0.2s  linear;
-o-animation: spin2 0.2s  linear;
-ms-animation: spin2 0.2s  linear;
animation: spin2 0.2s  linear;
}
#krpanoClosebt:hover{
-webkit-animation: spin1 0.2s  linear;
-moz-animation: spin1 0.2s  linear;
-o-animation: spin1 0.2s  linear;
-ms-animation: spin1 0.2s  linear;
animation: spin1 0.2s  linear;
    display: block;
    padding: 10px;
    margin-top: 16px;
    margin-right: 4px;
}
#clickToShareMapillary{
    display: block;
    float: left;
    width:115px;
    height:24px;
    margin-top: 19px;
    margin-left: 14px;
    cursor: pointer;
}

#clickToShareKrpano{
    display: block;
    float: left;
    width:115px;
    height:24px;
    margin-top: 19px;
    margin-left: 14px;
    cursor: pointer;
}

#mapillaryContainer{
    position:absolute;
    top:52px;
    bottom:0;
    right:0;
    overflow: hidden;
    width:50%;
    z-index:1;
    background-color: #1656d8;
}

#mapillaryContainer.active{
    z-index:3000;
}

#krpanoContainer{
    position:absolute;
    top:0px;
    bottom:0;
    right:0;
    overflow: hidden;
    width:50%;
    z-index:1;
    background-color: rgb(241, 180, 59);
}

#krpanoContainer.active{
    z-index:3000;
}



#mapillaryHalf{
    position:relative;
    width:100%;
    height:100%;
    display: block;
    border: solid 2px;
    border-left-color: rgb(241, 180, 59);
}
#krpanoHalf{
    position:relative;
    width:100%;
    height:100%;
    display: block;
    border: solid 2px;
    border-left-color: rgb(241, 180, 59);
}

#categories{
    display: block;
    position: absolute;
    width: 275px;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 0;
    top: 158px;
    background-color: rgba(255, 255, 255, 0.4);
}

#categories::-webkit-scrollbar {
    width: 2px;
}

#categories::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 1px;
}

#categories::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#categories::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

#categories::-webkit-scrollbar
{
    width: 3px;
    background-color: #F5F5F5;
}

#categories::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #cccccc;
}

#mapSwitch{
    display: block;
    position: absolute;
    bottom: 22px;
    right: 6px;
    z-index: 10000;
    background-image: url(../images/kakoad.png);
    width: 260px;
    height: 27px;
}

#switchToStreet {
    height: 20px;
    right: 17px;
    float: right;
    display: block;
    position: relative;
    text-align: center;
    padding: 3px;
    padding-left: 10px;
    padding-right: 5px;
    width: 90px;
    text-indent: -9999px;
}

#switchToSatellite{
    float: right;
    width: 120px;
    right: 28px;
    height: 27px;
    display: block;
    position: relative;
    text-align: center;
    padding: 4px;
    padding-left: 5px;
    padding-right: 10px;
    text-indent: -9999px;
}

#mapSwitch a.active{
    /* background-color: #FFFFE0;*/
}

#eventsPromo{
    display: block;
    position: relative;
    width:261px;
    height:154px;
    float:left;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/images/eventsBG.png");
}

#calendar{
    display: block;
    position: relative;
    width:24px;
    height:23px;
    float:right;
    margin-right:11px;
    margin-top:5px;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/images/calendar.png");
}

#eventsPromoTitle{
    display: block;
    position: relative;
    width:85px;
    height:19px;
    float:left;
    margin-left:9px;
    margin-top:86px;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    color: #ffffff;
}

#openEventsBar{
 display: block;
    position: relative;
    border: 0;
    outline: none;
    text-decoration: none;
    width: 120px;
    height: 24px;
    float: left;
    margin-left: 7px;
    margin-top: 85px;
    font-size: 10px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #1dcb94;
    font-weight: 100;
}

#eventsPromoText{
    display: block;
    position: relative;
    width:228px;
    height:19px;
    float:left;
    margin-left: 11px;
    margin-top: 4px;
    font-size: 9px;
    text-align: left;
    color: #ffffff;
}

#streetListBtn{
    display: block;
    position: relative;
    width: 246px;
    height: 49px;
    float: left;
    font-size: 16px;
    padding-left: 14px;
    color: #ffffff;
    background-color: #ff8d00;
    border: 0;
    outline: none;
    text-decoration: none;
    border-top: 2px solid #fd9b21;
    border-bottom: 2px solid #fd9b21;
    line-height: 50px;
    font-weight: 200;
    font-size: 14px;
    margin-top: -4px;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(/images/dionica.png);
    background-size: 93px;
}


@media
         only screen and (-webkit-min-device-pixel-ratio: 1.25),
         only screen and ( min--moz-device-pixel-ratio: 1.25),
         only screen and ( -o-min-device-pixel-ratio: 1.25/1),
         only screen and ( min-device-pixel-ratio: 1.25),
         only screen and ( min-resolution: 200dpi),
         only screen and ( min-resolution: 1.25dppx)
         {
       

            .dionica {
                font-size: 11px;
                font-weight: bold;
                padding-top: 20px;
                padding-left: 20px;
                line-height: 5px;
                background-size: 13px;
                background-position-x: 227px;
                background-position-y: 14px;
                background-repeat: no-repeat;
            }
            .dionica1 {
                font-size: 11px;
                font-weight: bold;
                padding-top: 0px;
                padding-left: 20px;
                line-height: 5px;
                background-size: 13px;
                background-position-x: 227px;
                background-position-y: 14px;
                background-repeat: no-repeat;
                margin-top: 13px;
                float: left;
            }

            #mapSwitch{
                display: block;
    position: absolute;
    bottom: 22px;
    right: 6px;
    z-index: 10000;
    background-image: url(../images/kakoad2.png);
    background-size: 290px;
    width: 290px;
    height: 27px;
            }
            #streetListBtn{
                display: block;
                position: relative;
                width: 246px;
                height: 49px;
                float: left;
                font-size: 16px;
                padding-left: 14px;
                color: #ffffff;
                background-color: #ff8d00;
                border: 0;
                outline: none;
                text-decoration: none;
                border-top: 2px solid #fd9b21;
                border-bottom: 2px solid #fd9b21;
                line-height: 50px;
                font-weight: 200;
                font-size: 14px;
                margin-top: -4px;
                background-repeat: no-repeat;
                background-position: right top;
                background-image: url(/images/dionica2.png);
                background-size: 93px;
            }
        }


#sffSideBar {
	display: block;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 213px;
    bottom: 0;
    overflow-x: hidden;
    background-color: rgba(255, 255, 255, 0.8);
}

#sffSideBar::-webkit-scrollbar {
    width: 2px;
}

#sffSideBar::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 1px;
}

#sffSideBar::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#sffSideBar div.box{
    display: block;
    float:left;
    margin-top:13px;
    margin-left:13px;
    width: 183px;
    height:44px;
    border-bottom:1px solid rgba(174,174,174,0.33);
    cursor: pointer;
}

#sffSideBar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #F5F5F5;
}

#sffSideBar::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

#sffSideBar::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #fe3232;
}

#categories ul{
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#categories li{
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: 234px;
    height: 40px;
    font-size: 10px;
    padding-left: 54px;
    color: #525252;
    background-color: rgba(255, 255, 255, 0.2);
    line-height: 44px;
    font-weight: bold;
    background-image: url(/images/prikazisve.png);
    background-size: 15px;
    background-position-x: 25px;
    background-position-y: 11px;
    background-repeat: no-repeat;
}
#categories li.prikazi{
    background-image: url(/images/prikazisve.png);
    background-size: 15px;
    background-position-x: 25px;
    background-position-y: 14px;
    background-repeat: no-repeat;
}
#categories li.prikazi:hover::before,
#categories li.prikazi:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#categories li.prikazi:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    background-image: url(/images/prikazisveh.png);
    background-size: 15px;
    background-position-x: 25px;
    background-position-y: 11px;
    background-repeat: no-repeat;
}
#categories li.active{
    background-color: rgb(245, 245, 245);
    color: #adadad;
}

#categories li.billboard{
    background-image: url("/images/foodMenu.png");
    background-repeat: no-repeat;
    background-position: right 14px top 11px;
}

#categories li.leddisplej{
    background-image: url(/images/petlje.png);
    background-size: 15px;
    background-position-x: 27px;
    background-position-y: 14px;
    background-repeat: no-repeat;

}
#categories li.leddisplej:hover::before,
#categories li.leddisplej:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#categories li.leddisplej:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    background-image: url(/images/petljeh.png)!important;
    background-size: 15px!important;
    background-position-x: 27px!important;
    background-position-y: 14px!important;
    background-repeat: no-repeat!important;
}
#categories li.backlight{
    background-image: url(/images/tunel.png);
    background-size: 15px;
    background-position-x: 26px;
    background-position-y: 15px;
    background-repeat: no-repeat;
}
#categories li.backlight:hover::before,
#categories li.backlight:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#categories li.backlight:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    background-image: url(/images/tunelh.png)!important;
    background-size: 15px!important;
    background-position-x: 26px!important;
    background-position-y: 15px!important;
    background-repeat: no-repeat!important;
}

#categories li.premium{
    background-image: url(/images/mostvija.png);
    background-size: 15px;
    background-position-x: 26px;
    background-position-y: 14px;
    background-repeat: no-repeat;
}
#categories li.premium:hover::before,
#categories li.premium:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#categories li.premium:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    background-image: url(/images/mostvijah.png)!important;
    background-size: 15px!important;
    background-position-x: 26px!important;
    background-position-y: 14px!important;
    background-repeat: no-repeat!important;
}

#categories li.citylight{
    background-image: url(/images/mostivi.png);
    background-size: 15px;
    background-position-x: 26px;
    background-position-y: 15px;
    background-repeat: no-repeat;
}
#categories li.citylight:hover::before,
#categories li.citylight:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#categories li.citylight:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    background-image: url(/images/mostovih.png)!important;
    background-size: 15px!important;
    background-position-x: 26px!important;
    background-position-y: 15px!important;
    background-repeat: no-repeat!important;
}
#categories li.superboard{
    background-image: url("/images/marketMenu.png");
    background-repeat: no-repeat;
    background-position: right 14px top 11px;
}

#categories li.bus-stajalista{
    background-image: url("/images/artMenu.png");
    background-repeat: no-repeat;
    background-position: right 14px top 11px;
    display: none;
}

#categories li.reklamni-stup{
    background-image: url(/images/cokpm.png);
    background-size: 15px;
    background-position-x: 27px;
    background-position-y: 14px;
    background-repeat: no-repeat;
}
#categories li.reklamni-stup:hover::before,
#categories li.reklamni-stup:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#categories li.reklamni-stup:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    background-image: url(/images/cokpmh.png)!important;
    background-size: 15px!important;
    background-position-x: 27px!important;
    background-position-y: 15px!important;
    background-repeat: no-repeat!important;
}
#categories li.prof{
    background-image: url("/images/profMenu.png");
    background-repeat: no-repeat;
    background-position: right 14px top 11px;
}

#categories li.odmorista{
    background-image: url(/images/odmor.png);
    background-size: 15px;
    background-position-x: 27px;
    background-position-y: 14px;
    background-repeat: no-repeat;
}
#categories li.odmorista:hover::before,
#categories li.odmorista:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#categories li.odmorista:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    background-image: url(/images/odmorh.png)!important;
    background-size: 15px!important;
    background-position-x: 27px!important;
    background-position-y: 15px!important;
    background-repeat: no-repeat!important;
}
#categories li.cestarina{
    background-image: url(/images/cestarina.png);
    background-size: 15px;
    background-position-x: 25px;
    background-position-y: 14px;
    background-repeat: no-repeat;
}
#categories li.cestarina:hover::before,
#categories li.cestarina:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#categories li.cestarina:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
    background-image: url(/images/cestarinah.png)!important;
    background-size: 15px!important;
    background-position-x: 25px!important;
    background-position-y: 14px!important;
    background-repeat: no-repeat!important;
}

#categories ul.autocesta{
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    height:auto;
}

#categories ul.autocesta li{
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: 234px;
    height: 40px;
    font-size: 9px;
    padding-left: 27px;
    color: #525252;
    
    line-height: 44px;
    font-weight: 400;
    background-image: url(/images/dioniceiko.jpg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 16px center;
}

#categories ul.autocesta li:hover {
    background-color: #ffffff;
}











#categories ul.autocesta1{
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    height:auto;
}

#categories ul.autocesta1 li {
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: 234px;
    height: 40px;
    font-size: 9px;
    padding-left: 27px;
    color: #525252;
    
    line-height: 44px;
    font-weight: 400;
    background-image: url(/images/dioniceiko.jpg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 16px center;
}

#categories ul.autocesta1 li a {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.autocesta1 li a:active {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.autocesta1 li a:visited {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.autocesta1 li a:hover {
    text-decoration: none !important;
    color: #fb8200;
}

#categories ul.autocesta1 li:hover {
    background-color: #ffffff;
}









#categories ul.tenderisano1{
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    height:auto;
}

#categories ul.tenderisano1 li {
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: 234px;
    height: 40px;
    font-size: 9px;
    padding-left: 27px;
    color: #525252;
    
    line-height: 44px;
    font-weight: 400;
    background-image: url(/images/dioniceiko.jpg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 16px center;
}

#categories ul.tenderisano1 li a {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.tenderisano1 li a:active {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.tenderisano1 li a:visited {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.tenderisano1 li a:hover {
    text-decoration: none !important;
    color: #fb8200;
}

#categories ul.tenderisano1 li:hover {
    background-color: #ffffff;
}





#categories ul.projekti1 li {
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: 234px;
    height: 40px;
    font-size: 9px;
    padding-left: 27px;
    color: #525252;
    
    line-height: 44px;
    font-weight: 400;
    background-image: url(/images/dioniceiko.jpg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 16px center;
}

#categories ul.projekti1 li a {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.projekti1 li a:active {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.projekti1 li a:visited {
    text-decoration: none !important;
    color: #323232;
}
#categories ul.projekti1 li a:hover {
    text-decoration: none !important;
    color: #fb8200;
}

#categories ul.projekti1 li:hover {
    background-color: #ffffff;
}






#categories ul.izgradnja{
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    height:auto;
}




#categories ul.izgradnja li{
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: 234px;
    height: 40px;
    font-size: 9px;
    padding-left: 27px;
    color: #525252;
    background-color: #ffffff;
    line-height: 44px;
    font-weight: 400;
    background-image: url(/images/dioniceiko.jpg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 16px center;
}

#categories ul.izgradnja li:hover{
    background-color: #ffffff;
}

#categories ul.tenderisano{
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    height:auto;
}

#categories ul.tenderisano li{
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: 234px;
    height: 40px;
    font-size: 9px;
    padding-left: 27px;
    color: #525252;
    background-color: #ffffff;
    line-height: 44px;
    font-weight: 400;
    background-image: url(/images/dioniceiko.jpg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 16px center;
}

#categories ul.tenderisano li:hover{
    background-color: #ffffff;
}





#streetListBtn1
{
    width: 177px;
}
#streetListBtn2
{
    width: 177px;
}
#streetListBtn2a
{
    width: 177px;
}
#streetListBtn3
{
    width: 177px;
}
#streetListBtn4
{
    width: 177px;
}

.arrow1
{
    font-size: 11px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    line-height: 5px;
    background-image: url(/images/dionicast.png);
    background-size: 13px;
    background-position-x: 0px;
    background-position-y: 14px;
    background-repeat: no-repeat;
    float: left;
    height: 10px;
}



#categories ul.projekti{
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    height:auto;
}

#categories ul.projekti li{
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    width: 234px;
    height: 40px;
    font-size: 9px;
    padding-left: 27px;
    color: #525252;
    background-color: #ffffff;
    line-height: 44px;
    font-weight: 400;
    background-image: url(/images/dioniceiko.jpg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 16px center;
}

#categories ul.projekti li:hover{
    background-color: #ffffff;
}

ul.categoriesUl{
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    height:auto;
}

ul.categoriesUl li{
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 246px;
    height: 40px;
    font-size: 13px;
    padding-left: 14px;
    color: #fff3e4;
   
    line-height: 44px;
    font-weight: bold;
}

ul.categoriesUl li:hover{
    background-color: #fba931;
}

.marker{
    display: block;
    cursor: pointer;
    border:0;
    width:24px;
    height:24px;
    z-index:10;
}



div.streetpoint
{
    background-image: url(https://www.rutmap.com/images/greenicor.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34px;
}

.green{
   /* display: block;
    cursor: pointer;
    border:0;
    width:16px;
    height:16px;
    z-index:10;
    border-radius: 20px;
    background-color: green;*/
 display: block;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    background: #9ab60d;
    border-radius: 10px;
    border: 2px solid #95b108;
    text-align: center;
    line-height: 17px;
    width: 8px!important;
    height: 8px!important;
    transition-property: background, border-radius;
    transition-duration: .1s, .3s;
    transition-timing-function: linear, ease-out;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 2px 2px rgb(200, 236, 16);

   -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.8s;
  animation-name: fadeIn;
  animation-duration: 0.8s;
}
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  20% { opacity: 0.5; }
  40% { opacity: 0.6; }
  60% { opacity: 0.7; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0.5; }
  40% { opacity: 0.6; }
  60% { opacity: 0.7; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

.green:hover{
	    display: block;
    border-radius: 13px;
	width: 13px!important;
    height: 13px!important;
    background: #1757d8;
    top:-2px;
    left:-2px;
	border: 2px solid #4b87ff;
	-webkit-box-shadow: 0px 0px 2px 2px rgb(75, 176, 255);
	   transition-duration: .3s, .5s;
    transition-timing-function: linear, ease-out;
    z-index: 9999;
}

div.streetnumber{
    font-family: 'Fira Sans', sans-serif;
    display: block;
    color: #fffdf4;
    font-size: 8px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    background: #4ca4f1;
    border-radius: 10px;
    border: 2px solid #5192e2;
    text-align: center;
    line-height: 19px;
    width: 18px!important;
    height: 18px!important;
    transition-property: background, border-radius;
    transition-duration: .1s, .3s;
    transition-timing-function: linear, ease-out;
    -webkit-box-shadow: 0px 0px 2px 2px #aadcff;
    cursor: pointer;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.8s;
    animation-name: fadeIn;
    animation-duration: 0.8s;
	transition: background-color 0.5s ease;
    z-index:10;
}
div.streetnumber:hover{
	background: #73bbfb;
    z-index:3000;
}

.cikac{
    display: block;
    cursor: pointer;
    border:0;
    width:45px;
    height:53px;
    z-index:15;
    background-image:url('/images/cikica-map.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.marker:hover{
    opacity: 1;
    z-index: 99;
}

.marker.active{
    opacity: 1;
    z-index: 99;
}

.marker .masker{
    display: none;
}

.marker:hover .masker{
    display: block;
    position: relative;
}

.marker .masker.active{
    display: block;
    position: relative;
}

.streetnumber .masker{
    display: none;
    text-shadow:none;
}

.streetnumber:hover .masker{
    display: block;
    position: relative;
}

.streetnumber .masker.active{
    display: block;
    position: relative;
}

.popup{
    position: absolute;
    z-index: 999999;
    top: -106px;
    left: -92px;
    width:208px;
    height:83px;
    display: block;
}

div.streetnumber .popup{
    position: absolute;
    z-index: 999999;
    top: -130px;
    left: -94px;
    width:208px;
    height:83px;
    display: block;
}

div.masker.active .popup{
    display:none;
}

div.streetnumber div.masker.active .popup{
    display:block;
}

.centarOfPopup {
    width: 208px;
    height: 96px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(/images/popUpBG.png);
}

.namePopUp {
    width: 189px;
    height: 19px;
    display: block;
    margin-left: 17px;
    margin-top: 12px;
    float:left;
    overflow: hidden;
}

.namePopUp span{
      font-size: 14px;
    color: #4c4c4c;
    font-family: 'Fira Sans', sans-serif;
    display: inline;
    width: 100%;
    font-weight: 300;
    height: auto;
    float: left;
    margin-top: 2px;
}

div.streetnumber .namePopUp span{
    text-align: left;
}

.categoryPopUp {
    width: 189px;
    height: 18px;
    display: block;
    margin-left: 17px;
	margin-top: -1px;
    overflow: hidden;
    float: left;
    font-size: 11px;
    color: #9d9d9d;
    font-family: 'Fira Sans', sans-serif;
}

.categoryPopUp span{
    display: block;
    font-size: 11px;
    color: #9d9d9d;
    font-family: 'Fira Sans', sans-serif;
}

div.streetnumber .categoryPopUp span{
    display: block;
    text-align: left;
}

.restPopUp {
    width: 189px;
    height: 17px;
    display: block;
    margin-left: 17px;
    margin-top: 3px;
    overflow: hidden;
    float: left;
    font-size: 10px;
    color: #929292;
    font-family: 'Fira Sans', sans-serif;
}

.restPopUp span{
    font-size: 10px;
    color: #929292;
    font-family: 'Fira Sans', sans-serif;
}

.restPopUp1 {
width: 189px;
height: 16px;
display: block;
margin-left: 17px;
margin-top: -3px;
overflow: hidden;
float: left;
font-size: 10px;
color: #58b73c !important;
font-family: 'Fira Sans', sans-serif;
}
.restPopUp1 span{
    font-size: 10px;
    color: #58b73c;
	font-weight:500;
    font-family: 'Fira Sans', sans-serif;
}
.restPopUp span span{
    color:#fed619;
}

.strelicaDown{
    width: 10px;
    height: 5px;
    display: block;
    margin-left: 99px;
    margin-top:2px;
    float:left;
}

.nameBox {
    width: 183px;
    height: 18px;
    display: block;
    float:left;
    overflow: hidden;
}

.nameBox span{
    font-size: 12px;
    color: #da2729;
    font-family: 'Fira Sans', sans-serif;
    width:100%;
    height: auto;
    display: block;
    float: left;
}

.restBox {
    width: 183px;
    height: 16px;
    display: block;
    overflow: hidden;
    float: left;
    font-size: 10px;
    color: #9d9d9d;
    font-family: 'Fira Sans', sans-serif;
}

.restBox span{
    font-size: 10px;
    color: #9d9d9d;
    font-family: 'Fira Sans', sans-serif;
}

#mly{
    width:371px;
    height:255px;
    background-color: #1b45c5;
    display:none;
    float:left;
}

#mly.active{
    display: block;
}

#resultsc{
    display:none;
    width: 278px;
    height: 736px;
    z-index: 99;
    position: absolute;
    left: 409px;
    top: 26px;
    overflow:hidden;
}

#resultsc div.header{
    display: block;
    float:left;
    width:100%;
    height:35px;
    padding-top:30px;
    padding-left:15px;
    overflow:hidden;
    background-image:url('/look/images/search-header.png');
    background-position:left top;
    background-repeat:no-repeat;
    color:#82ecff;
    font-size:10px;
    font-family: 'Fira Sans', sans-serif;
}

#resultsc div.header span.white{
    color: #ffffff;
    font-weight:bold;
}
/*
#resultsc div.body{
    display: block;
    float:left;
    width:100%;
    height:675px;
    overflow-y: scroll;
    background-color:rgba(255,255,255,0.9);
}*/

#resultsc a{
    display:block;
    float:left;
    width:278px;
    height:63px;
    text-decoration:none;
    border-bottom: 2px solid #f9f3f3;
}



#resultsc a div.icon{
    display:block;
    width:24px;
    height:24px;
    float:left;
    margin-left:15px;
    margin-top:20px;
}

#resultsc a div.objName{
    display:block;
    width:190px;
    height:25px;
    float:left;
    margin-left:10px;
    margin-top:20px;
    color:#7e7e7e;
    font-size:12px;
    font-family: 'Fira Sans', sans-serif;
}

#resultsc a div.objName span.strName{
    color:#c2c2c2;
    font-size:10px;
    font-family: 'Fira Sans', sans-serif;
}

#streetList{
    display:none;
    width: 277px;
    height: 736px;
    z-index: 100;
    position: absolute;
    left: 262px;
    top: 50px;
    background-color: #154cc5;
    overflow:hidden;
    overflow-y:scroll;
	opacity: 0.95;
}

#ulicex {
    display:none;
    height: 26px;
    width: 24px;
    z-index: 100;
    position: absolute;
    left: 538px;
    top: 50px;
    cursor: pointer;
}

li.ulice {
  
	border-bottom: 1px solid #3057ce;
      cursor: pointer;
}

li.ulice:last-child {
  border: none;
}

li.ulice a {
  text-decoration: none;
  color: #e3e9fb;
	font-weight: 200;
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
  display: block;
  width: 100%;
	font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
    padding: 8px;cursor: pointer;
}

li.ulice a:hover {
  font-size: 15px;
  background: #00a8ff;
	
}

#pretragax{
    display:none;
    width: 46px;
    height: 50px;
    z-index: 100;
    position: absolute;
    left: 943px;
    top: 41px;
    overflow:hidden;
    cursor: pointer;
}

#resultst{
    display:none;
    width: 277px;
    height: 736px;
    z-index: 100;
    position: absolute;
    left: 667px;
    top: 26px;
    overflow:hidden;
}

#resultst div.header{
    display: block;
    float:left;
    width:100%;
    height:35px;
    padding-top:30px;
    padding-left:15px;
    overflow:hidden;
    background-image:url('/look/images/search-header.png');
    background-position:-277px top;
    background-repeat:no-repeat;
    color:#82ecff;
    font-size:10px;
    font-family: 'Fira Sans', sans-serif;
}

#resultst div.header span.white{
    color: #ffffff;
    font-weight:bold;
}

#resultst div.body{
    display: block;
    float:left;
    width:100%;
    height:675px;
    overflow-y: scroll;
    background-color:rgba(255,255,255,0.9);
}

#resultst a{
    display:block;
    float:left;
    width:278px;
    height:63px;
    text-decoration:none;
    border-bottom: 2px solid #f9f3f3;
}

#resultst a img.streetIcon{
    display:block;
    width:19px;
    height:23px;
    float:left;
    margin-left:15px;
    margin-top:20px;
}

#resultst a div.streetName{
    display:block;
    width:190px;
    height:25px;
    float:left;
    margin-left:10px;
    margin-top:20px;
    color:#7e7e7e;
    font-size:12px;
    font-family: 'Fira Sans', sans-serif;
}

#resultst a div.streetName span.manName{
    color:#c2c2c2;
    font-size:10px;
    font-family: 'Fira Sans', sans-serif;
}

#strViewWindow{
    width:371px;
    height:255px;
    background-color: #1b45c5;
    display:none;
    float:left;
}

#strViewWindow.active{
    display: block;
}

#dPic{
    width: 210px;
    height: 129px;
    background-color: #000000;
    float: left;
    overflow: hidden;
}

#dPic img{
    float: left;
    display: block;
    width: 210px;
}

#dPic.active{
    display: block;
}

.pulse {
   position: absolute;
  z-index: -2;
}

.pulse:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
  margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ff3030;
  box-shadow: 0 0 1px 2px #ff4c1d;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*kino*/
.pulse63:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #a85b23;
  box-shadow: 0 0 1px 2px #a85b23;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*institucije*/
.pulse77:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #1b8f19;
  box-shadow: 0 0 1px 2px #1b8f19;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*odjeca*/
.pulse53:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #3bcc37;
  box-shadow: 0 0 1px 2px #3bcc37;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*hotel*/
.pulse38:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #3bcc37;
  box-shadow: 0 0 1px 2px #3bcc37;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.06s;
}


/*parking*/
.pulse80:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #2e9aed;
  box-shadow: 0 0 1px 2px #2e9aed;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*park*/
.pulse69:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #5fcc2a;
  box-shadow: 0 0 1px 2px #5fcc2a;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*pozoriste*/
.pulse64:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f36109;
  box-shadow: 0 0 1px 2px #f36109;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*muzej*/
.pulse62:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f36109;
  box-shadow: 0 0 1px 2px #f36109;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}



/*market*/
.pulse57:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #09cff3;
  box-shadow: 0 0 1px 2px #09cff3;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}



/*ambasada*/
.pulse46:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #099ef3;
  box-shadow: 0 0 1px 2px #099ef3;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*javni prevoz*/
.pulse24:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #15909f;
  box-shadow: 0 0 1px 2px #15909f;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*tramvaj*/
.pulse101:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #00ccff;
  box-shadow: 0 0 1px 2px #00ccff;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*trojebus*/
.pulse102:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #00cc00;
  box-shadow: 0 0 1px 2px #00cc00;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*restoran*/
.pulse2:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f17d0c;
  box-shadow: 0 0 1px 2px #f17d0c;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*ostale atrakcije*/
.pulse91:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #4bd306;
  box-shadow: 0 0 1px 2px #4bd306;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*kafic*/
.pulse5:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #df003f;
  box-shadow: 0 0 1px 2px #df003f;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*slasticarna*/
.pulse17:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #bf0ae1;
  box-shadow: 0 0 1px 2px #bf0ae1;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*ljepota*/
.pulse59:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
  margin: -3px -5px -7px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #bf0ae1;
  box-shadow: 0 0 1px 2px #bf0ae1;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*breadsmedjizagreb*/
.pulse130:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -3.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #fa8e08;
  box-shadow: 0 0 1px 2px #fa8e08;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
/*club*/
.pulse29:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #e0209a;
  box-shadow: 0 0 1px 2px #e0209a;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
/*druge prodavnice*/
.pulse93:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #4db2e6;
  box-shadow: 0 0 1px 2px #4db2e6;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*biznis*/
.pulse97:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #4db2e6;
  box-shadow: 0 0 1px 2px #4db2e6;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*bar*/
.pulse16:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #a635e1;
  box-shadow: 0 0 1px 2px #a635e1;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*ostala mjesta*/
.pulse100:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #a635e1;
  box-shadow: 0 0 1px 2px #a635e1;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*galerija*/
.pulse96:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #e78341;
  box-shadow: 0 0 1px 2px #e78341;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*galerija*/
.pulse96:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #e78341;
  box-shadow: 0 0 1px 2px #e78341;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*spomenik*/
.pulse95:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #16d4c0;
  box-shadow: 0 0 1px 2px #16d4c0;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*optika*/
.pulse20:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #16d4c0;
  box-shadow: 0 0 1px 2px #16d4c0;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*pub*/
.pulse30:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ecca08;
  box-shadow: 0 0 1px 2px #ecca08;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*pub*/
.pulse31:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ecca08;
  box-shadow: 0 0 1px 2px #ecca08;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

/*pansion*/
.pulse42:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #6ce31e;
  box-shadow: 0 0 1px 2px #6ce31e;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*visoko skolstvo*/
.pulse37:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #1ee384;
  box-shadow: 0 0 1px 2px #1ee384;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}



/*motel*/
.pulse39:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #2576e3;
  box-shadow: 0 0 1px 2px #2576e3;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*finansije*/
.pulse54:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #3d90ff;
  box-shadow: 0 0 1px 2px #3d90ff;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*tehnika*/
.pulse56:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #3dd8ff;
  box-shadow: 0 0 1px 2px #3dd8ff;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}



/*knjizara*/
.pulse78:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #d69a59;
  box-shadow: 0 0 1px 2px #d69a59;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*sport*/
.pulse67:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #3bc1ed;
  box-shadow: 0 0 1px 2px #3bc1ed;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*za dom*/
.pulse55:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ead752;
  box-shadow: 0 0 1px 2px #ead752;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*pekara*/
.pulse26:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ead752;
  box-shadow: 0 0 1px 2px #ead752;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*udruzenje*/
.pulse98:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #57a215;
  box-shadow: 0 0 1px 2px #57a215;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*advokat*/
.pulse98:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #0c69b1;
  box-shadow: 0 0 1px 2px #0c69b1;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*ostale profesije*/
.pulse90:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #21cdbb;
  box-shadow: 0 0 1px 2px #21cdbb;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*turisticka agencija*/
.pulse22:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #38acfe;
  box-shadow: 0 0 1px 2px #38acfe;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*turisticka agencija*/
.pulse22:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #38acfe;
  box-shadow: 0 0 1px 2px #38acfe;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*ostale usluge*/
.pulse99:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #7d7ce9;
  box-shadow: 0 0 1px 2px #7d7ce9;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*ostale usluge*/
.pulse41:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #10e5ce;
  box-shadow: 0 0 1px 2px #10e5ce;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*posta*/
.pulse81:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ffc706;
  box-shadow: 0 0 1px 2px #ffc706;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*nakit*/
.pulse85:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ffc706;
  box-shadow: 0 0 1px 2px #ffc706;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}





/*bilboard*/
.pulse147:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px 0px -5.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f67a00;
  box-shadow: 0 0 1px 2px #f67a00;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*led*/
.pulse148:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px 0px -5.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f67a00;
  box-shadow: 0 0 1px 2px #f67a00;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}



/*backlight*/
.pulse139:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px 0px -5.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #e4c100;
  box-shadow: 0 0 1px 2px #e4c100;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}



/*premium*/
.pulse140:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px 0px -5.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f67a00;
  box-shadow: 0 0 1px 2px #f67a00;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}





/*superboard*/
.pulse149:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px 0px -5.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f67a00;
  box-shadow: 0 0 1px 2px #f67a00;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}



/*reklamnistup*/
.pulse141:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px 0px -5.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #f67a00;
  box-shadow: 0 0 1px 2px #f67a00;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}


/*superboard*/
.pulse150:after {
     content: "";
  border-radius: 100%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: 0px 0px 0px 0px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ff6700;
  box-shadow: 0 0 1px 2px #ff6700;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.fad131 {
background-position: -3096px -24px!important;
pointer-events:none;
}
/*most*/
.pulse68:after {
     content: "";
  border-radius: 100%;
  height: 33px;
  width: 33px;
  position: absolute;
   margin: -4px 0px -17px -4.5px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #02a9ff;
  box-shadow: 0 0 1px 2px #02a9ff;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}



/*POPUP Mapbox*/

.mapboxgl-popup-content {
  position: relative;
  background: linear-gradient(360deg, rgb(236, 236, 236) 0%, rgb(255, 255, 255) 15%);
    border-radius: 3px;
    box-shadow: 4px 8px 7px rgba(0, 0, 0, 0.2)!important;
    padding: 0px!important;
    pointer-events: auto;
    border-radius: 13px;
}


@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.3, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

.slika {
    margin-left: -31px;
    bottom: -9px;
    position: absolute;
}

#header{
    display: block;
    position: absolute;
    top: 0;
    width: 260px;
    border-top-right-radius: 25px;
    left: 0;
    right: 0;
    height: 48px;
    z-index: 10000;
}

#header.showLeftMenu{
    left:261px;
}

div.content #langSelect{
    display: block;
    position: absolute;
    top: 10px;
    right: 50px;
    z-index: 10000;
    color:white;
    background-color: #fb8200;
    text-decoration: none;
    font-weight: bold;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 200%;
}

#opensidemenu{
    display: block;
    float: left;
    width: 53px;
    padding-top: 3px;
    height: 50px;
    background-color: #fb8200;
    overflow: hidden;
    margin-top: -1px;
    margin-left: -4px;
    cursor: pointer;
}

#logo{
    display: block;
   
}

#googlePlay{
    display: block;
    display: block;
    float: left;
    margin-left: 135px;
    margin-top: 14px;
    border:0;
    outline:0;
    text-decoration: none;
    cursor: pointer;
    width: 68px;
    height: 16px;
}

#searchBox{
    display: block;
    float: left;
    width: 553px;
    height: 33px;
    border-radius: 25px 25px 25px 25px;
    margin-top: 7px;
    margin-left: 11px;
    background-image: url("/images/vozilo.png");
    background-repeat: no-repeat;
    background-position: right 7px top 7px;
    background-color: #000000;
    overflow: hidden;
}

#searchBox.active{
    background-image: url("/images/voziloRoll.gif");
}


#searchBoxLvl2{
display: block;
    float: left;
    width: 521px;
    height: 33px;
    border-radius: 25px 25px 25px 25px;
    background-color: #ffffff;
    overflow: hidden;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}


#searchBoxLvl3{
    display: block;
    float: left;
    width: 486px;
    height: 33px;
    border-radius: 25px 25px 25px 25px;
    /*background-image: url("/images/zgrade.png");*/
    background-repeat: no-repeat;
    background-position: right 0px top 1px;
    /*background-color: #1b45c5;*/
    overflow: hidden;
}

#transportBtn{
    display: block;
    float: right;
    width: 32px;
    height: 33px;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    outline: 0;
}

#cikacBtn{
    display: block;
    float: right;
    width: 35px;
    height: 33px;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    outline: 0;
}

#searchInput{
display: block;
    float: left;
    width: 360px;
    height: 30px;
    padding-left: 38px;
    background-image: url(/images/lupa.png);
    background-repeat: no-repeat;
    background-position: 13px 8px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    background-color: rgba(255,255,255,0.01);
    border: 0;
    border-radius: 25px;
    font-size: 10px;
    color: #d0d0d0!important;
}
#searchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d0d0d0;
}
#searchInput::-moz-placeholder { /* Firefox 19+ */
    color: #d0d0d0;
}
#searchInput:-ms-input-placeholder { /* IE 10+ */
    color: #d0d0d0;
}
#searchInput:-moz-placeholder { /* Firefox 18- */
    color: #d0d0d0;
}

div#searchBoxLvl3 input#searchInput:focus{
    border : none;
    padding: 0 !important;
    width: 360px;
    height: 30px !important;
    outline: 0;
    padding-left: 38px !important;
    box-shadow: none;
}

.selectfield {
    border: none;
    border-radius: 50px;
    color: rgba(255,255,255,0.9);
    background: #1b45c5;
    padding: 2px 49px 0px 18px;
    margin: 5px -28px 0px 0px;
    line-height: 32px;
    font-size: 10px;
    font-weight: 200;
}

.selectfield option {
    background: #1b45c5;
    color:rgba(255,255,255,0.5);
}


/**language*/
/* Default custom select styles */
div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    /*background: #fff;*/
    z-index: 100;
    /*width: 100%;*/
    /*max-width: 500px;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.cs-select:focus {
    outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
    display: none;
}

.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    /*padding: 1em;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.cs-select > span::after {
	content: '\25BE';
	right: 1em;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
}

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}*/

div.cs-active {
    z-index: 200;
}

/* Options */
.cs-select .cs-options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    /*background: #fff;*/
    visibility: hidden;
    right:0;
}

.cs-select.cs-active .cs-options {
    visibility: visible;
}

.cs-select ul {
    list-style: none;
    margin-top: 9px!important;
    padding: 3px;
    width: 100%;
}

.cs-select ul span {
    padding: 1em;
}

/*.cs-select ul li.cs-focus span {
	background-color: #ddd;
}*/

/* Optgroup and optgroup label */
/*.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}*/
.cs-select li.cs-optgroup > span {
    cursor: default;
}

/*div.cs-skin-elastic {
	background: transparent;
	font-size: 1.5em;
	font-weight: 700;
	color: #5b8583;
}*/

@media screen and (max-width: 30em) {
    /*div.cs-skin-elastic { font-size: 1em; }*/
}

.cs-skin-elastic > span {
    /*background-color: #fff;*/
    z-index: 100;
}

/*.cs-skin-elastic > span::after {
	font-family: 'icomoon';
	content: '\e005';
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}*/

.cs-skin-elastic .cs-options {
    overflow: visible;
    background: transparent;
    opacity: 1;
    visibility: visible;
    /*padding-bottom: 1.25em;*/
    pointer-events: none;
}

.cs-skin-elastic.cs-active .cs-options {
    pointer-events: auto;
	margin-right: 0px;
    margin-top: -11px;
}

.cs-skin-elastic .cs-options > ul::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale3d(1,0,1);
    transform: scale3d(1,0,1);
    background: #1b45c5;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.cs-skin-elastic.cs-active .cs-options > ul::before {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: none;
    transition: none;
    -webkit-animation: expand 0.6s ease-out;
    animation: expand 0.6s ease-out;
}

.cs-skin-elastic .cs-options ul li {
    opacity: 0;
    -webkit-transform: translate3d(0,-25px,0);
    transform: translate3d(0,-25px,0);
    -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
    transition: opacity 0.15s, transform 0.15s;
}

.cs-skin-elastic.cs-active .cs-options ul li {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    -webkit-animation: bounce 0.6s ease-out;
    animation: bounce 0.6s ease-out;
    line-height:normal;
}

/* Optional delays (problematic in IE 11/Win) */
/*
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
/* with more items, more delays declarations are needed */


.cs-skin-elastic .cs-options span {
    background-repeat: no-repeat;
    background-position: 1.5em 50%;
    background-size: 2em auto;
    /*padding: 0.8em 1em 0.8em 4em;*/
    padding: 10px 20px;
    display: block;
}

.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
    /*color: #1e4c4a;*/
}

.cs-skin-elastic .cs-options .cs-selected span::after {
    content: '';
}

@-webkit-keyframes expand {
    0% { -webkit-transform: scale3d(1,0,1); }
    25% { -webkit-transform: scale3d(1,1.2,1); }
    50% { -webkit-transform: scale3d(1,0.85,1); }
    75% { -webkit-transform: scale3d(1,1.05,1) }
    100% { -webkit-transform: scale3d(1,1,1); }
}

@keyframes expand {
    0% { -webkit-transform: scale3d(1,0,1); transform: scale3d(1,0,1); }
    25% { -webkit-transform: scale3d(1,1.2,1); transform: scale3d(1,1.2,1); }
    50% { -webkit-transform: scale3d(1,0.85,1); transform: scale3d(1,0.85,1); }
    75% { -webkit-transform: scale3d(1,1.05,1); transform: scale3d(1,1.05,1); }
    100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}


@-webkit-keyframes bounce {
    0% { -webkit-transform: translate3d(0,-25px,0); opacity:0; }
    25% { -webkit-transform: translate3d(0,10px,0); }
    50% { -webkit-transform: translate3d(0,-6px,0); }
    75% { -webkit-transform: translate3d(0,2px,0); }
    100% { -webkit-transform: translate3d(0,0,0); opacity: 1; }
}

@keyframes bounce {
    0% { -webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0); opacity:0; }
    25% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    50% { -webkit-transform: translate3d(0,-6px,0); transform: translate3d(0,-6px,0); }
    75% { -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
/**language - end*/

#notification-trigger{
    display: block;
    float: left;
    text-decoration: none;
}

#share-trigger{
    display: block;
    float: left;
}

#rightTop{
    float:right;
}

#closeDetails{
    position: absolute;
    z-index:30000;
    cursor:pointer;
    left:-1px;
    top:-20px;
    width: 20px;
    height:61px;
    transform: rotate(180deg);
}

.mapboxgl-ctrl-top-right{
    bottom: 20px;
}

#nameAndCatDetaild{
    display: block;
    position: relative;
    /* left: 0; */
    /* top: -94px; */
    width: 210px;
    height: auto;
    /* background-position: left top; */
    /* background-image: url(/images/detailedBG.png); */
    /* background-repeat: no-repeat; */
    float: left;
	    margin-bottom: 5px;
    margin-top: 3px;

}

#nameAndCatDetaild div.name{
    display: block;
    float: left;
    width: 210px;
    height: auto;
    color: #000000;
    font-size: 30px;
    /* margin-left: 20px; */
    /* margin-top: 34px; */
    overflow: hidden;
}

#nameAndCatDetaild div.name {
 float: left;
    height: auto;
    width: 90%;
    color: #474f68;
    font-size: 12px;
    padding-left: 11px;
    padding-top: 7px;
    font-weight: 700;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 14px;
}
#nameAndCatDetaild div.name1 {
      float: left;
    height: auto;
    color: #a2a2a2;
    font-size: 10px;
    padding-left: 11px;
    line-height: 11px;
    padding-top: 0px;
    margin-bottom: 5px;
    font-weight: 500;
    font-family: 'Nunito Sans', sans-serif;
}
.kateuro{
	    float: left;
    padding-right: 3px;
    font-weight: 700;
    font-family: 'Nunito Sans', sans-serif;
    color: #717171;
    font-size: 12px;
    padding-bottom: 0px;
    line-height: 28px;
}

#nameAndCatDetaild div.category{
    display:block;
    float:left;
    width:336px;
    height:10px;
    color:#fefefe;
    font-size:10px;
    margin-left:20px;
    margin-top:10px;
    opacity: 0.9;
}

#insideDetails{
    display: block;
    width: 210px;
    /* top: 255px; */
    /* bottom: 0; */
    position: relative;
    float: left;
    height: auto;
}

#contactDetailed{
    display:block;
    float:left;
    width:371px;
    height:62px;
    background-color: #356dfd;
    background-position: 25px 23px;
    background-repeat: no-repeat;
    background-image: url("/images/telephoneDetailed.png");
}

#detailsScroller{
display: block;
    width: 188px;
    position: relative;
    font-size: 10px;
    color: #5f5f5f;
    overflow-x: unset;
    height: auto;
    padding-left: 11px;
    line-height: 13px;
    letter-spacing: normal;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
	margin-bottom: -10px;
}

#detailsScroller::-moz-scrollbar {
    display: none; 
}

#detailsScroller::-webkit-scrollbar {
    width: 2px;
}

#detailsScroller::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 1px;
}

#detailsScroller::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#detailsScroller::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

#detailsScroller::-webkit-scrollbar
{
    width: 3px;
    background-color: #F5F5F5;
}

#detailsScroller::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #cccccc;
}









#detailsScroller::-moz-scrollbar {
    width: 2px;
}

#detailsScroller::-moz-scrollbar-track {
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 1px;
}

#detailsScroller::-moz-scrollbar-thumb {
    border-radius: 1px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#detailsScroller::-moz-scrollbar-track
{
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

#detailsScroller::-moz-scrollbar
{
    width: 3px;
    background-color: #F5F5F5;
}

#detailsScroller::-moz-scrollbar-thumb
{
    border-radius: 5px;
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #cccccc;
}

#detailsScroller span.bold{
    font-size: 12px;
}
#detailsScroller span.bold1{
    font-size: 12px;
	color: #0a0708;
}
#footerDetailed{
    isplay: block;
    height: 49px;
    position: relative;
    z-index: 2000;
   /* background-position: bottom 0px right 1px;
    background-image: url(/images/pozadinapop.png);*/
}

#leftHalf{
    display: block;
    float: left;
    position: relative;
    width: 20px;
    height: 25px;
    background-image: url(/images/vikacvr.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 15px;
    margin-top: 10px;
}

#rightHalf{
display:block;
float:right;
position: relative;
width:185px;
height:45px;
background-image: url("/images/preuzmiCode.png");
background-repeat: no-repeat;
    background-position: 51px 17px;
cursor: pointer;
font-weight: 100;
}

#rightHalf span{
color:#ffffff;
font-size: 12.6px;
display: block;
float: left;
margin-left:71px;
margin-top:18px;
}

#detailsScroller a{
color:#2da4f0;
text-decoration: none;
}

#detailsScroller span.keyword{
display: inline-block;
margin-left: 5px;
margin-right: 5px;
padding-left: 13px;
padding-right: 13px;
background-color: #f0f0f0;
border-radius: 25px;
padding-top: 8px;
padding-bottom: 8px;
}

div.left{
float:left;
}

/*button on hover*/
.hash {
    float: left;
    max-width: 250px;
    display: block;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;

    border-radius: 40px;

    background: #eee;
    color: #37474f;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;

    border-radius: 40px;
    padding: 7px 7px;
    
    margin: 2px;
    margin-right:5px;
    text-align: center;
}

.hash11 {
    background: none;
    color: #fff;
}
.hash::before,
.hash::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.hash::before {
    background: #7986cb;
}
.hash::after {
    background: #3f51b5;
}
.hash:hover {
    color: #fff;
}
.hash:hover::before,
.hash:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.hash:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}

div.gallery{
    display:none;
}




.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
    display: none!important;
}



/*button on hover*/

#detailsScroller img.gallery{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    width:65px;
    height:65px;
}

#detailsScroller a.gallery{
    border:0;
    text-decoration: none;
    outline: none;
}

#scrollUp{
    display: block;
    position: relative;
    float: left;
    padding-left: 7px;
    cursor: pointer;
    margin-top:12px;
}

#scrollUp1{
    float: left;
    margin-top: 0;
    padding-left: 3px;
}

#detailedBar div.socials{
     display: block;
    float: left;
    width: 95px;
    height: 21px;
    overflow: hidden;
    margin-right: 0;
    margin-left: 11px;
    margin-top: 12px;
}

#detailedBar div.socials a.fb{
    display:block;
    float:left;
    width:17px;
    height:17px;
    border:0;
    outline:0;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#detailedBar div.socials a.tw{
    display:block;
    float:left;
    width:17px;
    height:17px;
    border:0;
    outline:0;
    margin-left:8px;
    background-position: -27px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#detailedBar div.socials a.gp{
    display:block;
    float:left;
    width:17px;
    height:17px;
    border:0;
    outline:0;
    margin-left:8px;
    background-position: -53px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#detailedBar div.socials a.ln{
    display:block;
    float:left;
    width:17px;
    height:17px;
    border:0;
    outline:0;
    margin-left:8px;
    background-position: -80px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#detailedBar div.socials a{
    -webkit-transition: margin 0.5s; /* Safari */
    transition: margin 0.5s;
}

#detailedBar div.socials a:hover{
    margin-top:5px;
}


#rightTop div.socials{
    display: block;
    float: left;
    width: 110px;
    height: 21px;
    /* margin-right: 19px; */
    margin-top: 14px;
    overflow: hidden;
    margin-right: 10px;
    /* border-right: 1px solid #ccc; */
}

#rightTop div.socials a.fb{
    display:block;
    float:left;
    width:18px;
    height:18px;
    border:0;
    outline:0;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#rightTop div.socials a.tw{
    display:block;
    float:left;
    width:18px;
    height:18px;
    border:0;
    outline:0;
    margin-left:8px;
    background-position: -26px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#rightTop div.socials a.gp{
    display:block;
    float:left;
    width:18px;
    height:18px;
    border:0;
    outline:0;
    margin-left:8px;
    background-position: -53px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#rightTop div.socials a.ln{
    display:block;
    float:left;
    width:18px;
    height:18px;
    border:0;
    outline:0;
    margin-left:8px;
    background-position: -80px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#rightTop div.socials a{
    -webkit-transition: margin 0.5s; /* Safari */
    transition: margin 0.5s;
}

#rightTop div.socials a:hover{
    margin-top:5px;
}

#paketi{
    display:none;
}

#newPackForm h1{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    margin:0;
    padding: 0;
    font-size: 40.58px;
    color:#FEFEFF;
    line-height: 96%;
    margin-left:76px;
    margin-top:50px;
}

#newPackForm p{
    font-weight: 100;
    margin: 0;
    padding-top: 23px;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 230%;
    opacity: 0.95;
    text-align: center;
}

#newPackForm div.first{
    width:215px;
    height:490px;
    opacity:1;
    float:left;
margin-left: 20%;
    margin-top: 46px;
    margin-right: 4%;
    display:block;
}

#newPackForm div.first div.floating{
    width:60px;
    height:64px;
    display:block;
    position: absolute;
    z-index: 10;
    background-image: url("/look/images/mapa.png");
    background-position: left top;
    background-repeat: no-repeat;
    left:78px;
}

#newPackForm div.second{
    width:215px;
    height:490px;
    opacity:1;
    float:left;
margin-left: 0%;
    margin-right: 4%;
    margin-top:46px;
    display:block;
}

#newPackForm div.second div.floating{
    width:72px;
    height:57px;
    display:block;
    position: absolute;
    z-index: 10;
    background-image: url("/look/images/paketilike.png");
    background-position: left top;
    background-repeat: no-repeat;
    left:73px;
}

#newPackForm div.third{
    width:215px;
    height:490px;
    opacity:1;
    float:left;
    margin-left:30px;
    margin-top:46px;
    display:block;
}

#newPackForm div.third div.floating{
    width:74px;
    height:64px;
    display:block;
    position: absolute;
    z-index: 10;
    background-image: url("/look/images/sivipehar.png");
    background-position: left top;
    background-repeat: no-repeat;
    left:72px;
}

#newPackForm div.fourth{
    width:215px;
    height:490px;
    opacity:1;
    float:left;
    margin-left:30px;
    margin-top:46px;
    display:block;
}

#newPackForm div.fourth div.floating{
    width:72px;
    height:66px;
    display:block;
    position: absolute;
    z-index: 10;
    background-image: url("/look/images/crown.png");
    background-position: left top;
    background-repeat: no-repeat;
    left:68px;
}

#newPackForm div.fifth{
    width:215px;
    height:490px;
    opacity:1;
    float:left;
    margin-left:30px;
    margin-top:46px;
    display:block;
}

#newPackForm div.fifth div.floating{
    width:72px;
    height:66px;
    display:block;
    position: absolute;
    z-index: 10;
    background-image: url("/look/images/diamond.png");
    background-position: left top;
    background-repeat: no-repeat;
    left:68px;
}

#newPackForm div div.pkg{
    width:215px;
    height:417px;
    float:left;
    margin-top:39px;
    display:block;
    overflow:hidden;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

#newPackForm div div.pkg h2{
    font-family:"Open Sans", Helvetica, sans-serif;
    margin:0;
    padding:0;
    font-size: 24px;
    line-height: 120%;
    font-weight: 300;
    color: #fefefe;
    width:100%;
    text-align: center;
    margin-top:52px;
    display:block;
}

#newPackForm div div.pkg span{
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 10px;
    line-height: 120%;
    font-weight: normal;
    color: #e2f1f8;
    width:100%;
    text-align: center;
    margin-top:3px;
    display:block;
}

#newPackForm div div.pkg h3{
    padding:0;
    margin:0;
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 18.05px;
    line-height: 120%;
    font-weight: 300;
    color: #abe1fa;
    width:100%;
    text-align: center;
    margin-top:27px;
    display:block;
}

#newPackForm div div.pkg h3 i{
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 18.05px;
    line-height: 120%;
    font-weight: 900;
    color: #ecf9ff;
    font-style: normal;
}

#newPackForm div div.pkg h3 b{
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 18.05px;
    line-height: 120%;
    font-weight: 300;
    color: #4e9cbd;
    font-style: normal;
}

#newPackForm div div.pkg3 h3 b{
    color: #8AF5FA;
}

#newPackForm div div.pkg4 h3 b{
    color: #B7E8FF;
}

#newPackForm div div.pkg5 h3 b{
    color: #B7E8FF;
}

#newPackForm div div.pkg i{
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 18.05px;
    line-height: 120%;
    font-weight: bold;
    color: #ecf9ff;
}



#newPackForm div div.pkg p{
    padding:0;
    margin:0;
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 10px;
    line-height: 180%;
    font-weight: normal;
    color: #ffffff;
    width:100%;
    text-align: center;
    margin-top:17px;
    display:block;
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.8);
}

#newPackForm div div.pkg p i{
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 8px;
    line-height: 100%;
    font-weight: normal;
    color: #e9f7fd;
}

#newPackForm div div.btn{
    width:215px;
    height:35px;
    float:left;
    cursor: pointer;
    display:block;
    background-color: #047fb6;
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 10px;
    line-height: 350%;
    text-align: center;
    font-weight: bold;
    color: #fefefe;
}

#newPackForm div div.pop{
    width:215px;
    height:35px;
    float:left;
    display:block;
    background-color: rgba(100,221,23,0.89);
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 10px;
    line-height: 350%;
    text-align: center;
    font-weight: bold;
    color: #fefefe;
}

#newPackForm div div.pkg1{
    background-color: rgba(237,249,255,0.5);
}

#newPackForm div div.pkg2{
    background-color: rgba(237,249,255,0.5);
}

#newPackForm div div.pkg3{
    background-color: rgba(45,217,203,0.6);
    height:381px;
}

#newPackForm div div.pkg4{
    background-color: rgba(120,212,255,0.5);
}

#newPackForm div div.pkg5{
    background-color: rgba(120,212,255,0.5);
}


div.fancybox-overlay div.fancybox-opened div.fancybox-skin{
    background:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

div.fancybox-overlay{
    background:none;
    background-color: rgba(74,159,197,0.9);
}

#newPackForm{
    display:block;
    width:1250px;
    height:660px;
    float:left;
    overflow:hidden;
}

.figlio{
    box-shadow: none;
}

.vbox-overlay{
    z-index: 99999;
}

#newPackForm div img{
    cursor: pointer;
}

#pomoc{
    display:block;
    float:left;
    width:1250px;
    text-align:center;
    height:300px;
    font-family:"Open Sans", Helvetica, sans-serif;
    font-size: 24px;
    line-height: 120%;
    font-weight: 300;
    color: #fefefe;
    margin:0;
    padding:0;
    margin-top:15px;
}

/**menu toggle icon**/
/*svg {
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: #1851ce;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}*/
path {
    fill: none;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    stroke-width: 40px;
    stroke-linecap: round;
    stroke: #ffeacf;
    stroke-dashoffset: 0px;
}
path#top,
path#bottom {
    stroke-dasharray: 240px 950px;
}
path#middle {
    stroke-dasharray: 240px 240px;
}
.opensidemenu:hover path#top,
.opensidemenu:hover path#bottom,
.cross path#top,
.cross path#bottom {
    stroke-dashoffset: -650px;
    stroke-dashoffset: -650px;
}
.opensidemenu:hover path#middle,
.cross path#middle {
    stroke-dashoffset: -115px;
    stroke-dasharray: 1px 220px;
}
/**menu toggle icon  - end**/

.show-menu1 .sidenav {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	-webkit-box-shadow: 5px -1px 34px -4px rgba(0,0,0,0.26);
-moz-box-shadow: 5px -1px 34px -4px rgba(0,0,0,0.26);
box-shadow: 5px -1px 34px -4px rgba(0,0,0,0.26);
}

.clear {
    clear:both;
}

/**bottom right button**/

/* Menu Button */
.menu-button {
position: fixed;
    bottom: 0;
    z-index: 1000;
    padding: 0;
    margin: 0px 5px 21px 0px;
    width: 260px;
    height: 27px;
    border: none;
    background: none;
    right: 0;
    background-image: url(../images/kako.png);
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	
}

.menu-button.inactive{
    display:none;
}

.menu-button span {
    display: none;
}

.menu-button:hover {
  opacity:0.8;
  -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
}



/* Menu */
.menu-wrap {
    position: fixed;
    z-index: 999;
    background-color:#324de3;
    -webkit-transition: width 0.3s, height 0.3s;
    transition: width 0.3s, height 0.3s;
    width: 0;
    height: 0;
    font-size: 1.5em;
bottom: 2.2em;

right: 0.2em;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

#floatingMenuLogo{
    display:block;
    float:left;
    width:259px;
    height:128px;
    background-image: url("/look/images/kakokoristitirutmaplogo.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom:1px solid #148bd4;
}

#rightMenuHolder{
    display:none;
    float:left;
    width:260px;
    height:325px;
    padding:0;
    margin:0;
    overflow:hidden;
    cursor: pointer;
}

img.closePackages2{
    display:block;
    position:absolute;
    right:5px;
    top:50px;
    cursor: pointer;
}

#closePackages{
    display:block;
    position:absolute;
    right:5px;
    top:50px;
    cursor: pointer;
}

#menuElement1, #menuElement2, #menuElement3{
    display:block;
    float:left;
    width:247px;
    height:41px;
    padding:0;
    padding-left:12px;
    margin:0;
    border-bottom: 1px solid #233ed2;
    background: url("/look/images/videocamera.png") no-repeat right 15px center;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 10px;
    color:#ffffff;
    line-height: 400%;
}

#emailUs{
    display:block;
    float:left;
    width:259px;
    height:51px;
    padding:0;
    margin:0;
    border-bottom: 1px solid #233ed2;
    background: url("/look/images/emailUs.png") no-repeat 15px 15px;
}

#emailUsText{
    display:block;
    float:left;
    width:215px;
    height:20px;
    margin-left:46px;
    margin-top:19px;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 10.73px;
    color:#ffffff;
    line-height: 120%;
}

#callUsText{
    display:block;
    float:left;
    width:215px;
    height:20px;
    margin-left:41px;
    margin-top:19px;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 10.73px;
    color:#ffffff;
    line-height: 120%;
}

#aboutUsText{
    display:block;
    float:left;
    width:215px;
    height:20px;
    margin-left:41px;
    margin-top:15px;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 10.73px;
    color:#ffffff;
    line-height: 120%;
}

#googlePlayText{
    display:block;
    float:left;
    width:143px;
    height:20px;
    margin-left:106px;
    margin-top:14px;
    text-align: left;
}

span.poruka{
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color:rgba(255,255,255,0.6);
    line-height: 120%;
}

span.ellipse{
    display:inline-block;
    width:4px;
    height:4px;
    border-radius: 50%;
    background-color: #64dd17;
    margin:0px;
    margin-left: 5px;
    margin-right: 5px;
}

#callUs{
    display:block;
    float:left;
    width:259px;
    height:51px;
    padding:0;
    margin:0;
    border-bottom: 1px solid #233ed2;
    background: url("/look/images/callUs.png") no-repeat 17px 15px;
}

#googlePlayMenu{
    display:block;
    float:left;
    width:259px;
    height:51px;
    padding:0;
    margin:0;
    border-bottom: 1px solid #233ed2;
    background: url("/look/images/googlePlay.png") no-repeat 18px 13px;
}

#aboutUs{
    display:block;
    float:left;
    width:259px;
    height:51px;
    padding:0;
    margin:0;
    background: url("/look/images/aboutUs.png") no-repeat 17px 14px;
}

#textAboutUs{
    display:none;
    width:1050px;
    min-height:500px;
    float:left;
    background-image: url("/look/images/biznesmen.png");
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
}
#textAboutUs div{
    color:#fefefe;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    width:1050px;
    display: block;
}

#textAboutUs h1{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 40.58px;
    color: #feffff;
    line-height: 96%;
    margin-left: 76px;
    margin-top: 50px;
    margin-bottom: 5px;
}

#textAboutUs h2{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: rgba(255,255,255,0.55);
    line-height: 96%;
    margin-left: 76px;
    margin-bottom: 30px;
}

#textAboutUs p{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: rgba(255,255,255,1);
    line-height: 140%;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 25px;
    display:block;
    float:left;
    text-align: left;
}

#textAboutUs img{
    display: block;
    float: left;
    margin-left: 25px;
}

@media screen and (max-width: 50em) {
    .menu-button {
        margin: 0.25em;
    }
    .menu-wrap {
        bottom: 0.25em;
        left: 0.25em;
    }
}

.menu {
    height: 100%;
    opacity: 0;
    font-size: 0.65em;
    color: #ffffff;
    text-align: right;
}

/* Shown menu */
.show-menu .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.show-menu .menu-wrap {
    width:259px;
    height:415px;
    border-radius:10px;
    -webkit-animation: anim-jelly 0.8s linear forwards;
    animation: anim-jelly 0.8s linear forwards;
}

.show-menu .menu {
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

/* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */

@-webkit-keyframes anim-jelly {
    0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
}

@keyframes anim-jelly {
    0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
}

/**bottom right button - end **/

/**top button**/
.topbutton {
    float: left;
    max-width: 250px;
    display: block;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;

    border-radius: 40px;

    background: #1dcb94;
    color: #fff;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;

    border-radius: 40px;
    padding: 10px 20px;
    min-width: 80px;
    margin: 7px 8px 0 0;
    cursor:pointer;
	font-size: 10px;
    font-weight: 600;
}

.topbutton11 {
    background: #fff;
    color: #1dcb94;
}
.topbutton::before,
.topbutton::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.topbutton::before {
    background: #fff;
}
.topbutton::after {
    background: #fff;
}
.topbutton:hover {
    color: #1dcb94;
}
.topbutton:hover::before,
.topbutton:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.topbutton:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}
/**top button - end**/


/**notification**/
/* Common, default styles for the notification box */

.ns-box {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top:40%;
    background: rgba(42,45,50,0.85);
    padding: 22px;
    line-height: 1.4;
    z-index: 10000000;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 90%;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
}

.ns-box.ns-show {
    pointer-events: auto;
}

.ns-box a {
    color: inherit;
    opacity: 0.7;
    font-weight: 700;
}

.ns-box a:hover,
.ns-box a:focus {
    opacity: 1;
}

.ns-box p {
    margin: 0;
}

.ns-box.ns-show,
.ns-box.ns-visible {
    pointer-events: auto;
}

.ns-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ns-close:hover,
.ns-close:focus {
    outline: none;
}

.ns-close::before,
.ns-close::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    left: 50%;
    background: #6e6e6e;
}

.ns-close:hover::before,
.ns-close:hover::after {
    background: #fff;
}

.ns-close::before {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}

.ns-close::after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}

#shareMyLink{
    display: none;
}

#notification3{
    width:570px;
    height:100px;
    float:left;
    display:block;
}

#notification2{
    width:570px;
    height:200px;
    float:left;
    display:block;
}

#not2h1{
    width:570px;
    height:20px;
    float:left;
    display:block;
    font-size: 10px;
    color:white;
    padding-top:10px;
}

#not2h2{
    width:570px;
    height:20px;
    float:left;
    display:block;
    font-size: 10px;
    color:white;
    padding-top:10px;
}

#not2footer{
    width:570px;
    height:30px;
    float:left;
    display:block;
    font-size: 8px;
    color:white;
}

#not2footer a{
    font-size: 8px;
    color:#b5f556;
    text-decoration: none;
}

#not2input1{
    width:560px;
    height:35px;
    float:left;
    display:block;
    font-size: 10px;
    color:white;
    background-color: #47a66f;
    border-radius: 5px;
    border:1px solid #70d49b;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
}

#not2text1{
    width:560px;
    height:56px;
    float:left;
    display:block;
    font-size: 10px;
    color:white;
    background-color: #47a66f;
    border-radius: 5px;
    border:1px solid #70d49b;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
}

/* Growl-style notifications */
.ns-growl {
    max-width: 300px;
    border-radius: 5px;
}

.ns-growl p {
    margin: 0;
    line-height: 1.3;
}

[class^="ns-effect-"].ns-growl.ns-hide,
[class*=" ns-effect-"].ns-growl.ns-hide {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

/* Growl2-style notifications */
.ns-growl2 {
    max-width: 570px;
    border-radius: 5px;
}

.ns-growl2 p {
    margin: 0;
    line-height: 1.3;
}

[class^="ns-effect-"].ns-growl2.ns-hide,
[class*=" ns-effect-"].ns-growl2.ns-hide {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

/* Individual effects */

/* Scale */
.ns-effect-scale {
    background: #67c58f;
    box-shadow: 0 25px 10px -15px rgba(0,0,0,0.05);
}

.ns-effect-scale a {
    color: #1f8a4c;
}

.ns-effect-scale a:hover,
.ns-effect-scale a:focus {
    color: #fff;
}

.ns-effect-scale .ns-close::before,
.ns-effect-scale .ns-close::after {
    background: #1f8a4c;
}

.ns-effect-scale .ns-close:hover::before,
.ns-effect-scale .ns-close:hover::after {
    background: #fff;
}

.ns-effect-scale.ns-show,
.ns-effect-scale.ns-hide {
    -webkit-animation-name: animScale;
    animation-name: animScale;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

@-webkit-keyframes animScale {
    0% { opacity: 0; -webkit-transform: translate3d(0,40px,0) scale3d(0.1,0.6,1); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); }
}

@keyframes animScale {
    0% { opacity: 0; -webkit-transform: translate3d(0,40px,0) scale3d(0.1,0.6,1); transform: translate3d(0,40px,0) scale3d(0.1,0.6,1); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); }
}

/* Jelly */
.ns-effect-jelly {
    background: #97d2f1;
    max-width: 280px;
}

.ns-effect-jelly a {
    color: #5699bc;
}

.ns-effect-jelly a:hover,
.ns-effect-jelly a:focus {
    color: #fff;
}

.ns-effect-jelly .ns-close::before,
.ns-effect-jelly .ns-close::after {
    background: #5699bc;
}

.ns-effect-jelly .ns-close:hover::before,
.ns-effect-jelly .ns-close:hover::after {
    background: #fff;
}

.ns-effect-jelly.ns-show {
    -webkit-animation-name: animJelly;
    animation-name: animJelly;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ns-effect-jelly.ns-hide {
    -webkit-animation-name: animFade;
    animation-name: animFade;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

@-webkit-keyframes animFade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes animFade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Generated with Bounce.js. Edit at http://goo.gl/6iLZu5 */

@-webkit-keyframes animJelly {
    0% { -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    50% { -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animJelly {
    0% { -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    50% { -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

/* Slide */
.ns-effect-slide {
    background: rgba(65,95,118,0.8);
    top: auto;
    bottom: 30px;
}

.ns-effect-slide .ns-close::before,
.ns-effect-slide .ns-close::after {
    background: #333;
}

.ns-effect-slide .ns-close:hover::before,
.ns-effect-slide .ns-close:hover::after {
    background: #fff;
}

.ns-effect-slide.ns-show {
    -webkit-animation-name: animSlideElastic;
    animation-name: animSlideElastic;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

/* Generated with Bounce.js. Edit at http://goo.gl/akZHSq */

@-webkit-keyframes animSlideElastic {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); }
    1.666667% { -webkit-transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1); transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1); }
    3.333333% { -webkit-transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1); transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1); }
    5% { -webkit-transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1); transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1); }
    6.666667% { -webkit-transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1); transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1); }
    8.333333% { -webkit-transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1); transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1); }
    10% { -webkit-transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1); transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1); }
    11.666667% { -webkit-transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1); transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1); }
    13.333333% { -webkit-transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1); transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1); }
    15% { -webkit-transform: matrix3d(0.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1); transform: matrix3d(0.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1); }
    16.666667% { -webkit-transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1); transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1); }
    18.333333% { -webkit-transform: matrix3d(0.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1); transform: matrix3d(0.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1); }
    20% { -webkit-transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1); transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1); }
    21.666667% { -webkit-transform: matrix3d(0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1); transform: matrix3d(0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1); }
    23.333333% { -webkit-transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1); transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1); }
    25% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1); }
    26.666667% { -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1); transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1); }
    28.333333% { -webkit-transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1); transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1); }
    30% { -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1); transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1); }
    31.666667% { -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1); transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1); }
    33.333333% { -webkit-transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1); transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1); }
    35% { -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.86364, 0, 0, 1); transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.86364, 0, 0, 1); }
    36.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22079, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22079, 0, 0, 1); }
    38.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16687, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16687, 0, 0, 1); }
    40% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.37284, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.37284, 0, 0, 1); }
    41.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.45594, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.45594, 0, 0, 1); }
    43.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.46116, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.46116, 0, 0, 1); }
    45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.4214, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.4214, 0, 0, 1); }
    46.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.35963, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.35963, 0, 0, 1); }
    48.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.29103, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.29103, 0, 0, 1); }
    50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22487, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22487, 0, 0, 1); }
    51.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16624, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16624, 0, 0, 1); }
    53.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.11734, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.11734, 0, 0, 1); }
    55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.07854, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.07854, 0, 0, 1); }
    56.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04909, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04909, 0, 0, 1); }
    58.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02773, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02773, 0, 0, 1); }
    60% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01295, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01295, 0, 0, 1); }
    61.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00331, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00331, 0, 0, 1); }
    63.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0025, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0025, 0, 0, 1); }
    65% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00559, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00559, 0, 0, 1); }
    66.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00684, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00684, 0, 0, 1); }
    68.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00692, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00692, 0, 0, 1); }
    70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00632, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00632, 0, 0, 1); }
    71.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00539, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00539, 0, 0, 1); }
    73.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00436, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00436, 0, 0, 1); }
    75% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00337, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00337, 0, 0, 1); }
    76.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00249, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00249, 0, 0, 1); }
    78.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00176, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00176, 0, 0, 1); }
    80% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00118, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00118, 0, 0, 1); }
    81.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00074, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00074, 0, 0, 1); }
    83.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00042, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00042, 0, 0, 1); }
    85% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00019, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00019, 0, 0, 1); }
    86.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00005, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00005, 0, 0, 1); }
    88.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00004, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00004, 0, 0, 1); }
    90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1); }
    91.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1); }
    93.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1); }
    95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00009, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00009, 0, 0, 1); }
    96.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1); }
    98.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00007, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animSlideElastic {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); }
    1.666667% { -webkit-transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1); transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1); }
    3.333333% { -webkit-transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1); transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1); }
    5% { -webkit-transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1); transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1); }
    6.666667% { -webkit-transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1); transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1); }
    8.333333% { -webkit-transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1); transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1); }
    10% { -webkit-transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1); transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1); }
    11.666667% { -webkit-transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1); transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1); }
    13.333333% { -webkit-transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1); transform: matrix3d(0.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1); }
    15% { -webkit-transform: matrix3d(0.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1); transform: matrix3d(0.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1); }
    16.666667% { -webkit-transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1); transform: matrix3d(0.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1); }
    18.333333% { -webkit-transform: matrix3d(0.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1); transform: matrix3d(0.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1); }
    20% { -webkit-transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1); transform: matrix3d(0.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1); }
    21.666667% { -webkit-transform: matrix3d(0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1); transform: matrix3d(0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1); }
    23.333333% { -webkit-transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1); transform: matrix3d(0.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1); }
    25% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1); }
    26.666667% { -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1); transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1); }
    28.333333% { -webkit-transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1); transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1); }
    30% { -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1); transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1); }
    31.666667% { -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1); transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1); }
    33.333333% { -webkit-transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1); transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1); }
    35% { -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.86364, 0, 0, 1); transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.86364, 0, 0, 1); }
    36.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22079, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.22079, 0, 0, 1); }
    38.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16687, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16687, 0, 0, 1); }
    40% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.37284, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.37284, 0, 0, 1); }
    41.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.45594, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.45594, 0, 0, 1); }
    43.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.46116, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.46116, 0, 0, 1); }
    45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.4214, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.4214, 0, 0, 1); }
    46.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.35963, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.35963, 0, 0, 1); }
    48.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.29103, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.29103, 0, 0, 1); }
    50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22487, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.22487, 0, 0, 1); }
    51.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16624, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.16624, 0, 0, 1); }
    53.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.11734, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.11734, 0, 0, 1); }
    55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.07854, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.07854, 0, 0, 1); }
    56.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04909, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04909, 0, 0, 1); }
    58.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02773, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.02773, 0, 0, 1); }
    60% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01295, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01295, 0, 0, 1); }
    61.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00331, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00331, 0, 0, 1); }
    63.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0025, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.0025, 0, 0, 1); }
    65% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00559, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00559, 0, 0, 1); }
    66.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00684, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00684, 0, 0, 1); }
    68.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00692, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00692, 0, 0, 1); }
    70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00632, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00632, 0, 0, 1); }
    71.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00539, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00539, 0, 0, 1); }
    73.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00436, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00436, 0, 0, 1); }
    75% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00337, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00337, 0, 0, 1); }
    76.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00249, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00249, 0, 0, 1); }
    78.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00176, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00176, 0, 0, 1); }
    80% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00118, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00118, 0, 0, 1); }
    81.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00074, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00074, 0, 0, 1); }
    83.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00042, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00042, 0, 0, 1); }
    85% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00019, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00019, 0, 0, 1); }
    86.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00005, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.00005, 0, 0, 1); }
    88.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00004, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00004, 0, 0, 1); }
    90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1); }
    91.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1); }
    93.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.0001, 0, 0, 1); }
    95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00009, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00009, 0, 0, 1); }
    96.666667% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00008, 0, 0, 1); }
    98.333333% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.00007, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.ns-effect-slide.ns-hide {
    -webkit-animation-name: animSlide;
    animation-name: animSlide;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

@-webkit-keyframes animSlide {
    0% { -webkit-transform: translate3d(-30px,0,0) translate3d(-100%,0,0); }
    100% { -webkit-transform: translate3d(0,0,0); }
}

@keyframes animSlide {
    0% { -webkit-transform: translate3d(-30px,0,0) translate3d(-100%,0,0); transform: translate3d(-30px,0,0) translate3d(-100%,0,0); }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

/* Fly up */
.ns-effect-genie {
    top: auto;
    bottom: 30px;
    background: #1c2e2d;
    box-shadow: 0 7px 6px rgba(0,0,0,0.2), 2px 4px 6px rgba(0,0,0,0.5);
}

.ns-effect-genie .ns-close::after,
.ns-effect-genie .ns-close::before {
    background: #0eada0;
}

.ns-effect-genie .ns-close:hover::after,
.ns-effect-genie .ns-close:hover::before {
    background: #fff;
}

.ns-effect-genie.ns-show,
.ns-effect-genie.ns-hide {
    -webkit-animation-name: animGenie;
    animation-name: animGenie;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

@-webkit-keyframes animGenie {
    0% { opacity:0; -webkit-transform: translate3d(0,calc(200% + 30px),0) scale3d(0,1,1); -webkit-animation-timing-function: ease-in; }
    40% { opacity:0.5; -webkit-transform: translate3d(0,0,0) scale3d(0.02,1.1,1); -webkit-animation-timing-function: ease-out; }
    70% { opacity:0.6; -webkit-transform: translate3d(0,-40px,0) scale3d(0.8,1.1,1); }
    100% { opacity:1; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); }
}

@keyframes animGenie {
    0% { opacity:0; -webkit-transform: translate3d(0,calc(200% + 30px),0) scale3d(0,1,1); -webkit-animation-timing-function: ease-in; transform: translate3d(0,calc(200% + 30px),0) scale3d(0,1,1); animation-timing-function: ease-in; }
    40% { opacity:0.5; -webkit-transform: translate3d(0,0,0) scale3d(0.02,1.1,1); -webkit-animation-timing-function: ease-out; transform: translate3d(0,0,0) scale3d(0.02,1.1,1); animation-timing-function: ease-out; }
    70% { opacity:0.6; -webkit-transform: translate3d(0,-40px,0) scale3d(0.8,1.1,1); transform: translate3d(0,-40px,0) scale3d(0.8,1.1,1); }
    100% { opacity:1; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); }
}


@media screen and (max-width: 25em) {
    .ns-growl {
        top: 10px;
        left: 10px;
        right: 10px;
        max-width: none;
    }

    .ns-effect-slide,
    .ns-effect-genie {
        top: auto;
        bottom: 10px;
    }
}
/**notification - end**/

.fancybox-lock .fancybox-overlay, .fancybox-inner {
    overflow: hidden !important;
}

div.fancybox-overlay div.fancybox-opened div.fancybox-skin{
    background:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

div.fancybox-overlay{
    background:none;
    background-color: rgba(53, 109, 253,0.9);
}

/** contact us form **/
#textContactUs{
    display:none;
    width:100%;
    min-height:500px;
    float:left;
    background-image: url("/look/images/biznesmen.png");
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
}

#textContactUs div{
    color:#fefefe;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    width:1050px;
    display: block;
}

#textContactUs h1{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 40.58px;
    color: #feffff;
    line-height: 96%;
    margin-left: 76px;
    margin-top: 50px;
    margin-bottom: 5px;
}

#textContactUs h2{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: rgba(255,255,255,0.55);
    line-height: 96%;
    margin-left: 76px;
    margin-bottom: 30px;
}

#textContactUs p{
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: rgba(255,255,255,1);
    line-height: 140%;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 25px;
    display:block;
    float:left;
    text-align: left;
}

#textContactUs img{
    display: block;
    float: left;
    margin-left: 25px;
}

#textContactUs fieldset {
    margin: 24px 0;
}

#textContactUs legend {
    display: block;
    width: 100%;
    -webkit-appearance: none;
}

#textContactUs div {
    margin: 28px 0;
    position: relative;
}

/* Let's get this party started */
#textContactUs div::-webkit-scrollbar {
    width: 4px;
}

/* Track */
#textContactUs div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(187,187,187,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
#textContactUs div::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(17,94,142,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(187,187,187,0.3);
    height:200px;
}
#textContactUs div::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(17,94,142,0.3);
}

#textContactUs input, #textContactUs textarea, #textContactUs select, #textContactUs label {
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem;
    color: #2b3e51;
}

/* --------------------------------

Primary style

-------------------------------- */
#textContactUs *, #textContactUs *::after, #textContactUs *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#textContactUs html {
    font-size: 62.5%;
}

#textContactUs div {
    font-size: 1.6rem;
    font-family: "Open Sans", sans-serif;
    color: rgba(255,255,255,0.55);

    background:none transparent;
}

#textContactUs a {
    color: #2c97de;
    text-decoration: none;
}

/* --------------------------------

Form

-------------------------------- */
#textContactUs div {
    width: 100%;
    margin: 20px auto;
    overflow: auto;
    max-height:500px;
}
#textContactUs div::after {
    clear: both;
    content: "";
    display: table;
}
#textContactUs div fieldset {
    margin: 14px 0;
    border:0;
}
#textContactUs div legend {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    border-bottom: 1px solid #ecf0f1;
}
#textContactUs div div {
    /* form element wrapper */
    position: relative;
}
#textContactUs div h4, #textContactUs div .cd-label {
    font-size: 1.3rem;
    color: #94aab0;
    margin-bottom: 10px;
}
#textContactUs div .cd-label {
    display: block;
}
#textContactUs div input, #textContactUs div textarea, #textContactUs div select, #textContactUs div label {
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    color: #2b3e51;
}
#textContactUs div input[type="text"],
#textContactUs div input[type="email"],
#textContactUs div textarea,
#textContactUs div select,
#textContactUs div legend {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
#textContactUs div input[type="text"],
#textContactUs div input[type="email"],
#textContactUs div textarea,
#textContactUs div select {
    /* general style for input elements */
    padding: 12px;
    border: 1px solid #cfd9db;
    background-color: #ffffff;
    border-radius: .25em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
#textContactUs div input[type="text"]:focus,
#textContactUs div input[type="email"]:focus,
#textContactUs div textarea:focus,
#textContactUs div select:focus {
    outline: none;
    border-color: #2c97de;
    box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
#textContactUs div .cd-select {
    /* select element wapper */
    position: relative;
}
#textContactUs div .cd-select::after {
    /* arrow icon for select element */
    content: '';
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("/look/img/cd-icon-arrow.svg") no-repeat center center;
    pointer-events: none;
}
#textContactUs div select {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
#textContactUs div select::-ms-expand {
    display: none;
}
#textContactUs div .cd-form-list {
    margin-top: 16px;
}
#textContactUs div .cd-form-list::after {
    clear: both;
    content: "";
    display: table;
}
#textContactUs div .cd-form-list li {
    /* wrapper for radio and checkbox input types */
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 26px 16px 0;
    float: left;
}
#textContactUs div input[type=radio],
#textContactUs div input[type=checkbox] {
    /* hide original check and radio buttons */
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}
#textContactUs div input[type="radio"] + label,
#textContactUs div input[type="checkbox"] + label {
    padding-left: 24px;
}
#textContactUs div input[type="radio"] + label::before,
#textContactUs div input[type="radio"] + label::after,
#textContactUs div input[type="checkbox"] + label::before,
#textContactUs div input[type="checkbox"] + label::after {
    /* custom radio and check boxes */
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}
#textContactUs div input[type="radio"] + label::before,
#textContactUs div input[type="checkbox"] + label::before {
    border: 1px solid #cfd9db;
    background: #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
#textContactUs div input[type="radio"] + label::before,
#textContactUs div input[type="radio"] + label::after {
    border-radius: 50%;
}
#textContactUs div input[type="checkbox"] + label::before,
#textContactUs div input[type="checkbox"] + label::after {
    border-radius: .25em;
}
#textContactUs div input[type="radio"] + label::after,
#textContactUs div input[type="checkbox"] + label::after {
    background-color: #2c97de;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
    display: none;
}
#textContactUs div input[type="radio"] + label::after {
    /* custom image for radio button */
    background-image: url("/look/img/cd-icon-radio.svg");
}
#textContactUs div input[type="checkbox"] + label::after {
    /* custom image for checkbox */
    background-image: url("/look/img/cd-icon-check.svg");
}
#textContactUs div input[type="radio"]:focus + label::before,
#textContactUs div input[type="checkbox"]:focus + label::before {
    /* add focus effect for radio and check buttons */
    box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
#textContactUs div input[type="radio"]:checked + label::after,
#textContactUs div input[type="checkbox"]:checked + label::after {
    display: block;
}
#textContactUs div input[type="radio"]:checked + label::before,
#textContactUs div input[type="radio"]:checked + label::after,
#textContactUs div input[type="checkbox"]:checked + label::before,
#textContactUs div input[type="checkbox"]:checked + label::after {
    -webkit-animation: cd-bounce 0.3s;
    -moz-animation: cd-bounce 0.3s;
    animation: cd-bounce 0.3s;
}
#textContactUs div textarea {
    min-height: 200px;
    resize: vertical;
    overflow: auto;
}
#textContactUs div input[type="button"] {
    /* button style */
    border: none;
    background: #2c97de;
    border-radius: 10px;
    font-size: 20px;
    padding: 8px 10px;
    color: #ffffff;
    font-weight: bold;
    float: right;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.no-touch #textContactUs div input[type="button"]:hover {
    background: #42a2e1;
}
#textContactUs div input[type="button"]:focus {
    outline: none;
    background: #2b3e51;
}
#textContactUs div input[type="button"]:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
#textContactUs div [required] {
    background: url("/look/img/cd-required.svg") no-repeat top right;
}

#textContactUs div.error-message{
    padding:0;
    margin:10px;
    overflow:hidden;
    display:none;
}
#textContactUs div .error-message p {
    background: #e94b35;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .25em;
    margin:0 auto;
    padding: 4px;
    width:100%;
}
#textContactUs div .error {
    border-color: #e94b35 !important;
}
@media only screen and (min-width: 600px) {
    #textContactUs div div {
        /* form element wrapper */
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        /* reduce margin-top for first form element after the legend */
        margin-top: 10px;
    }
    #textContactUs div h4, #textContactUs div .cd-label {
        font-size: 17px;
        color:#feffff;
        margin-bottom: 10px;
    }
    #textContactUs div input[type="text"],
    #textContactUs div input[type="email"],
    #textContactUs div textarea,
    #textContactUs div select {
        padding: 16px;
    }
}

@-webkit-keyframes cd-bounce {
    0%, 100% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
    }
}
@-moz-keyframes cd-bounce {
    0%, 100% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(0.8);
    }
}
@keyframes cd-bounce {
    0%, 100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}
/* --------------------------------

Custom icons

-------------------------------- */
#textContactUs div .icon input, #textContactUs div .icon select, #textContactUs div .icon textarea {
    padding-left: 54px !important;
}
#textContactUs div .user {
    background: url("/look/img/cd-icon-user.svg") no-repeat 16px center;
}
#textContactUs div [required].user {
    background: url("/look/img/cd-icon-user.svg") no-repeat 16px center, url("/look/img/cd-required.svg") no-repeat top right;
}
#textContactUs div .company {
    background: url("/look/img/cd-icon-company.svg") no-repeat 16px center;
}
#textContactUs div [required].company {
    background: url("/look/img/cd-icon-company.svg") no-repeat 16px center, url("/look/img/cd-required.svg") no-repeat top right;
}
#textContactUs div .email {
    background: url("/look/img/cd-icon-email.svg") no-repeat 16px center;
}
#textContactUs div [required].email {
    background: url("/look/img/cd-icon-email.svg") no-repeat 16px center, url("/look/img/cd-required.svg") no-repeat top right;
}
#textContactUs div .budget {
    background: url("/look/img/cd-icon-budget.svg") no-repeat 16px center;
}
#textContactUs div .message {
    background: url("/look/img/cd-icon-message.svg") no-repeat 16px 16px;
}
#textContactUs div [required].message {
    background: url("/look/img/cd-icon-message.svg") no-repeat 16px 16px, url("/look/img/cd-required.svg") no-repeat top right;
}

/*Hotspots Gracanica*/

#hotspot64{
	
	    font-family: 'Fira Sans', sans-serif;
    color: #c1c1c1;
    font-size: 16px;
}
#hotspot65{
	
	    font-family: 'Fira Sans', sans-serif;
    color: #c1c1c1;
    font-size: 16px;
}
#hotspot66{
	
	    font-family: 'Fira Sans', sans-serif;
    color: #c1c1c1;
    font-size: 16px;
}
#hotspot67{
	
	    font-family: 'Fira Sans', sans-serif;
    color: #c1c1c1;
    font-size: 16px;
}
#hotspot68{
	
	    font-family: 'Fira Sans', sans-serif;
    color: #c1c1c1;
    font-size: 16px;
}
#hotspot69{
	
	    font-family: 'Fira Sans', sans-serif;
    color: #c1c1c1;
    font-size: 16px;
}
#hotspot{
	
	    font-family: 'Fira Sans', sans-serif;
    color: #c1c1c1;
    font-size: 16px;
}
.hotspot{
	
	    font-family: 'Fira Sans', sans-serif;
    color: #c1c1c1;
    font-size: 16px;
}



#hotspot72 {

  border-radius: 50%;

  position: absolute;


  -webkit-transform: rotateX(55deg);
  -moz-transform: rotateX(55deg);
  -o-transform: rotateX(55deg);
  -ms-transform: rotateX(55deg);
  transform: rotateX(55deg);
  z-index: 2;
}
#hotspot72:after {
    content: "";
    width: 85px;
    position: absolute;
    margin: 21px 0 0 -101px;
    -webkit-animation: pulsateg 1s ease-out;
    -moz-animation: pulsateg 1s ease-out;
    -o-animation: pulsateg 1s ease-out;
    -ms-animation: pulsateg 1s ease-out;
    animation: pulsateg 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 1px #66ca67;
    box-shadow: 0 0 1px 1px #62cc67;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
    z-index: -1;
}

#hotspot70 {

  border-radius: 50%;

  position: absolute;


  -webkit-transform: rotateX(55deg);
  -moz-transform: rotateX(55deg);
  -o-transform: rotateX(55deg);
  -ms-transform: rotateX(55deg);
  transform: rotateX(55deg);
  z-index: 2;
}
#hotspot70:after {
    content: "";
    width: 85px;
    position: absolute;
    margin: 23px 0 0 -94px;
    -webkit-animation: pulsateg 1s ease-out;
    -moz-animation: pulsateg 1s ease-out;
    -o-animation: pulsateg 1s ease-out;
    -ms-animation: pulsateg 1s ease-out;
    animation: pulsateg 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 1px #c362ff;
    box-shadow: 0 0 1px 1px #c362ff;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
    z-index: -1;
}
#hotspot71 {

  border-radius: 50%;

  position: absolute;


  -webkit-transform: rotateX(55deg);
  -moz-transform: rotateX(55deg);
  -o-transform: rotateX(55deg);
  -ms-transform: rotateX(55deg);
  transform: rotateX(55deg);
  z-index: 2;
}
#hotspot71:after {
    content: "";
    width: 65px;
    position: absolute;
    margin: 40px 0 0 -80px;
    -webkit-animation: pulsateg 1s ease-out;
    -moz-animation: pulsateg 1s ease-out;
    -o-animation: pulsateg 1s ease-out;
    -ms-animation: pulsateg 1s ease-out;
    animation: pulsateg 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 1px #62afff;
    box-shadow: 0 0 1px 1px #62afff;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
    z-index: -1;
}
@-moz-keyframes pulsateg {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsateg {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsateg {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsateg {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}

@media screen and (min-height: 700px) {
    #categories{
        background-image: url(/images/vijecnicameni.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) {


    #krpanoContainer{
        position:absolute;
        top:0px;
        bottom:0;
        right:0;
        overflow: hidden;
        width:100%;
        z-index:1;
        background-color: rgb(241, 180, 59);
    }


    #krpanoCloseShare {
        width: 165px;
        height: 62px;
        display: block;
        overflow: hidden;
        background-image: url(/images/mapillaryCloseShare.png);
        background-repeat: no-repeat;
        background-position: left top;
        position: absolute;
        top: 0;
        right: -131px;
        z-index: 30;
        transform: scaleX(-1);
        left: unset;
    }




}


@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1000px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1000px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1000px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1000px),
only screen and (                min-resolution: 192dpi) and (min-width: 1000px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1000px) { 

    #krpanoContainer{
        position:absolute;
        top:0px;
        bottom:0;
        right:0;
        overflow: hidden;
        width:50%;
        z-index:1;
        background-color: rgb(241, 180, 59);
    }
    #krpanoCloseShare{
        width:165px;
        height:62px;
        display: block;
        overflow: hidden;
        background-image: url("/images/mapillaryCloseShare.png");
        background-repeat: no-repeat;
        background-position: left top;
        position:absolute;
        top:0;
        left:0;
        z-index:30;
        transform: unset;
    }
    




}